@font-face {font-family: 'Myriad'; src: url(/fonts/MyriadPro_Cond.ttf)}
@font-face {font-family: 'MyriadLight'; src: url(/fonts/MyriadPro-LightCond.ttf)}
@font-face {font-family: 'RodchenkoCond'; src: url(/fonts/RodchenkoCond.ttf);}
@font-face {font-family: 'RodchenkoBold'; src: url(/fonts/RodchenkoBold.ttf)}
@font-face {font-family: 'Radix'; src: url(/fonts/Radix.ttf)}
@font-face {font-family: 'Rouble'; src: url(/fonts/Rouble.otf)}

::-webkit-datetime-edit {padding: 5px 10px 4px; font-size: 18px;}
::-webkit-datetime-edit-fields-wrapper {}
::-webkit-datetime-edit-text {color: white; padding: 0 2px;}
::-webkit-datetime-edit-month-field {color: white;}
::-webkit-datetime-edit-day-field {color: white;}
::-webkit-datetime-edit-year-field {color: white;}
::-webkit-inner-spin-button {display: none;}
::-webkit-calendar-picker-indicator {background: transparent; color: #fff;}
::-webkit-clear-button {display: none;}
::-moz-clear-button {display: none;}
::-moz-inner-spin-button {display: none;}
::-ms-clear {display: none}

::-webkit-scrollbar{width:9px; height:9px; margin-left:-2px;}
::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px; border-color: #777; border-radius:3px; background-color: #ce9a58;}
::-webkit-scrollbar-thumb:hover{border-width: 1px 1px 1px 2px; border-color: #555; background-color: #ce9a58;}
::-webkit-scrollbar-track{border-width:0; background-color: #2e2724; border-radius:3px; opacity:0.8;}
::-webkit-scrollbar-track:hover{background-color: #2e2724;}

::selection {background: #dba35e;}

html, body {width: 100%; height: 100vh;}
html {cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important;}
body {background: url(https://brave2033.ru/assets/img/bg_1.jpg) no-repeat top center fixed; background-size: cover; word-spacing:-5px; font-family: 'RodchenkoCond'; color: #f8e8d8; font-size: 20px; text-shadow: 1px 1px 1px #000; letter-spacing: 1px; padding: 0px; margin: 0px;}
ul li {list-style: none;}
label {cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}

select, button {outline:none; font-family: 'Myriad'; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important; -moz-appearance: none;}
input {outline:none; font-family: 'Myriad'; cursor: url(https://brave2033.ru/assets/cursors/text.cur), default !important;}
input::placeholder {color: #f8e8d8;}
input:focus {color: #f8e8d8; border: 2px solid #dba35e; outline: none;}
select option {cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important; font-family: 'RodchenkoCond';}
a:hover {outline: none;}
a:focus {outline: none; outline-offset: 0;}
a:link,
a:visited {cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; color: #eac195}
h1, h2, h3, h4, h5, h6 {font-family: 'Myriad'; font-weight: 400;}
.checkbox input[type=checkbox] {display: none; margin-top: 2px;}
.checkbox input[type=checkbox] + label span {display: inline-block; width: 20px; height: 16px; margin:-3px 4px 0 0; vertical-align: middle; background:url(https://brave2033.ru/assets/img/input0.png) no-repeat; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.checkbox input[type=checkbox]:checked + label span {background:url(https://brave2033.ru/assets/img/input1.png) top no-repeat}

input[type=number]{-moz-appearance: textfield;}

.setting-line .radio label {display: inline-block; cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px;}
.setting-line .radio input[type=radio] {display: none;}
.setting-line .radio label:before {content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; top: -13px; background:url(https://brave2033.ru/assets/img/radio.png) no-repeat;}
.setting-line .radio label:before {border-radius: 12px;}
.setting-line .radio input[type=radio]:checked + label:before {background:url(https://brave2033.ru/assets/img/radio1.png) no-repeat;}

.setting-line2 .radio label {display: inline-block; cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px;}
.setting-line2 .radio input[type=radio] {display: none;}
.setting-line2 .radio label:before {content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background:url(https://brave2033.ru/assets/img/radio.png) no-repeat;}
.setting-line2 .radio label:before {border-radius: 12px;}
.setting-line2 .radio input[type=radio]:checked + label:before {background:url(https://brave2033.ru/assets/img/radio1.png) no-repeat;}

.action-line .radio label {display: inline-block; cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px;}
.action-line .radio input[type=radio] {display: none;}
.action-line .radio label:before {content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background:url(https://brave2033.ru/assets/img/radio.png) no-repeat;}
.action-line .radio label:before {border-radius: 12px;}
.action-line .radio input[type=radio]:checked + label:before {background:url(https://brave2033.ru/assets/img/radio1.png) no-repeat;}

/*.radio input[type=radio] + label span{display:inline-block; width:16px; height:16px; margin:-3px 4px 0 0; vertical-align:middle; background:url(https://brave2033.ru/assets/img/radio.png) left top no-repeat; cursor:pointer}
.radio input[type=radio]:checked + label span{background:url(https://brave2033.ru/assets/img/radio1.png) no-repeat}*/
.clear {clear: both;}
.karkass {width: 100%; height: 100vh; margin-bottom: 100px;}
.main {width: 804px; margin: 0 auto; position: relative;}
.menu {background: url(https://brave2033.ru/assets/img/menu_bg.png) no-repeat; width: 804px; height: 45px; display: inline-block;}
.menu ul {list-style: none; margin: 5px 0 0 0; padding: 0 10px;}
.menu ul li {float: left; padding: 5px 15px;}
.menu ul li a:link, .menu ul li a:visited {color: #f8e8d8; text-decoration: none;}
.menu ul li:hover, .menu ul li.active {background: #493a32; cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important;}
.top_menu_left {position: relative; float: left; top: 10px; width: 256px; text-align: center; font-size: 24px;}
.top_menu_right {position: relative; float: right; top: -36px; width: 252px; text-align: center; font-size: 19px; z-index: 11; height: 30px;}
.top_menu_left a:link, .top_menu_left a:visited {text-decoration: none; color: #f8e8d8;}
.top_menu_right a:link, .top_menu_right a:visited {text-decoration: none; color: #f8e8d8;}
.top_menu_left a:hover, .top_menu_right a:hover {text-decoration: underline; color: #ffe595;}
.logo {background: url(https://brave2033.ru/assets/img/logo_bg.png) no-repeat; font-weight: 700; letter-spacing: 3px; width: 294px; height: 50px; margin: 15px 0 -4px 258px; font-size: 42px; padding: 0px 0 0 0px; line-height: 48px; text-align: center; position: relative;}
.bot_karkass {/*background: url(https://brave2033.ru/assets/img/karkass.png) no-repeat;*/ width: 804px; height: 600px;}
header {background: url(https://brave2033.ru/assets/img/header_bg.png) no-repeat; width: 804px; height: 128px; position: relative; z-index: 2;}
main {background: url(https://brave2033.ru/assets/img/main_bg.png) repeat-y; width: 804px; height: auto; display: inline-block;}
footer {background: url(https://brave2033.ru/assets/img/footer_bg.png) no-repeat; width: 804px; height: 15px; margin: -6px 0 0 0; position: relative;}

.social {position: relative; z-index: 3; width: 71px;margin-left: 5px;}
.social_block {left: 0; position: absolute; top: 8px;}
.social_item {color: #f8e8d8; width: 71px; height: 50px; line-height: 50px; margin: 0 0 0 -71px; position: relative; text-align: center; z-index: 3;}
.social:hover {z-index: 1;}
.social_block .social_item .social_text {display: none; float: left; width: 179px; text-align: center; margin-left: 71px; text-transform: uppercase; font-size: 24px; line-height: 52px;}
.social_block .social_item .social_text a:link, .social_block .social_item .social_text a:visited {text-decoration: none; color: #f8e8d8;}
.social_block .social_item:hover {margin-left: -256px; width: 250px; transition: margin 1s;}
.social_block .social_item:hover .social_text {display: block;}
.social_block .vk {background: url(https://brave2033.ru/assets/img/social.png) 0 0 no-repeat;}
.social_block .ok {background: url(https://brave2033.ru/assets/img/social.png) 0 -50px no-repeat;}
.social_block .mw {background: url(https://brave2033.ru/assets/img/social.png) 0 -100px no-repeat;}

.user_block {background: url(https://brave2033.ru/assets/img/user_block.png) no-repeat; width: 346px; height: 89px; position: relative; top: 11px; left: 11px; float: left;}
.avatar {float: left; position: relative; top: 5px; left: 5px; width: 82px; height: 82px;}
.avatar img {width: 78px; box-shadow: inset 0 0 5px #000; height: 78px; object-fit: cover; object-position: center;}
.user-level {float: left; font-size: 32px; margin: 2px 0 0 8px; width: 47px; text-align: center;}
.user-name {float: left; font-size: 20px; letter-spacing: 0px; line-height: 42px; margin: 0 0 0 6px; width: 200px; text-align: center;}
.user-meter {background: url(https://brave2033.ru/assets/img/meter_hp.png) no-repeat; width: 100%; height: 30px; position: relative; top: 5px; margin-left: -4px; z-index: 1;}
.user-name a:link {z-index: 2; position: absolute; top: 0; width: 200px; left: 139px;}
.user-name a:link, .user-name a:visited {text-decoration: none; color: #f8e8d8;}
.user-name a:hover {text-decoration: underline; color: #ffe595;}
.vip {position: absolute; bottom: -2px; right: 4px;}
.vip img {width: 29px; height: 17px;}

.user-resourse {width: 213px; height: 30px; margin: 44px 0 0 133px; line-height: 30px; letter-spacing: 0px; font-size: 23px;}
.user-health {float: left; background: url(https://brave2033.ru/assets/img/resourse_line.png) no-repeat; background-position: 0 0px; width: 103px; height: 29px; margin: 0 0 0 -34px; text-align: left; padding: 0 7px 0 5px;}
.user-health div {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: 0 0px; width: 21px; height: 21px; margin: 5px 7px 0 0px; float: left;}
.user-defense {float: left; background: url(https://brave2033.ru/assets/img/resourse_line.png) no-repeat; background-position: 0 -30px; width: 103px; height: 29px; margin: 0 0 0 4px; text-align: left; padding: 0 7px 0 5px;}
.user-defense div {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -66px 0px; width: 21px; height: 21px; margin: 5px 7px 0 0px; float: left;}
.resourse {width: 380px; height: 92px; float: left; margin: -19px 0 0 76px; word-spacing:-5px; line-height: 28px; font-size: 23px; letter-spacing: 0px;}
.resourse-1, .resourse-2, .resourse-3 {width: 114px; height: 97px; float: left; padding: 0 0 0 10px;}

.resourse-item-orange {float: left; background: url(https://brave2033.ru/assets/img/resourse_line.png) no-repeat; background-position: 0 -60px; width: 104px; height: 29px; margin: 0 3px 5px 0px; text-align: left; padding: 0 7px 0 5px; line-height: 31px;}
.resourse-item-grey {float: left; background: url(https://brave2033.ru/assets/img/resourse_line.png) no-repeat; background-position: 0 -30px; width: 104px; height: 29px; margin: 0 3px 5px 0px; text-align: left; padding: 0 7px 0 5px; line-height: 31px;}
.resourse-item-green {float: left; background: url(https://brave2033.ru/assets/img/resourse_line.png) no-repeat; background-position: 0 -90px; width: 104px; height: 29px; margin: 0 3px 5px 0px; text-align: left; padding: 0 7px 0 5px; line-height: 31px;}
.icon-1 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -88px 0px; width: 21px; height: 21px; margin: 4px 7px 0 0px; float: left;}
.icon-2 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -22px 0px; width: 21px; height: 21px; margin: 4px 7px 0 0px; float: left;}
.icon-3 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -44px 0px; width: 21px; height: 21px; margin: 4px 7px 0 0px; float: left;}
.icon-4 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: 0px -22px; width: 41px; height: 21px; margin: 5px 7px 0 0px; float: left;}
.icon-5 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -41px -22px; width: 41px; height: 26px; margin: 5px 7px 0 0px; float: left;}
.icon-6 {background: url(https://brave2033.ru/assets/img/icon.png) no-repeat; background-position: -82px -22px; width: 41px; height: 26px; margin: 5px 7px 0 0px; float: left;}
.icon-7 {background: url(https://brave2033.ru/assets/img/icon2.png) no-repeat; background-position: 0px 0px; width: 22px; height: 22px; margin: 4px 7px 0 0px; float: left;}
.icon-8 {background: url(https://brave2033.ru/assets/img/icon2.png) no-repeat; background-position: -45px 0px; width: 22px; height: 22px; margin: 4px 7px 0 0px; float: left;}
.icon-9 {background: url(https://brave2033.ru/assets/img/icon2.png) no-repeat; background-position: -23px 0px; width: 22px; height: 22px; margin: 4px 7px 0 0px; float: left;}

.bot_block {width: 764px; height: auto; padding: 10px 20px 10px; font-family: 'Myriad'; word-spacing: 0px;}
.bot_block h1 {margin: 0px 0 12px; padding: 0; font-size: 28px; font-weight: 400; text-align: center; font-family: 'RodchenkoCond'; word-spacing:-5px;}
.bot_block2 {width: 764px; height: auto; padding: 10px 20px 10px; font-family: 'Myriad'; word-spacing: 0px; font-size: 16px;}
.bot_block2 h1 {margin: 0px 0 12px; padding: 0; font-size: 22px; text-align: center; font-family: 'RodchenkoCond'; word-spacing:-5px; color: #f1c58d;}
.column-left {float: left; width: 379px; margin: 0 0px 0 0; font-size: 16px;}
.column-left-add {text-align: center;}
.column-left-add a {text-decoration: none;}
.column-left-add a:hover {text-decoration: underline;}
.column-right {float: left; width: 360px; font-size: 16px;}
.column-setting {width: 360px; float: left; border: 2px solid #917867; margin: 0px 5px 15px 10px; box-shadow: 0 0 5px #111; font-family: 'Myriad'; word-spacing: 0px; font-size: 16px; background: #493a32; position: relative;}
.column-setting h3 {background: #766253; text-align: center; line-height: 28px; font-size: 18px; margin: 0; padding: 0; box-shadow: inset 1px 1px 4px -1px #1f1c17, inset -1px 0px 4px -1px #1f1c17;}
.column-setting2 {width: 739px; float: left; border: 2px solid #917867; margin: 0px 5px 15px 10px; box-shadow: 0 0 5px #111; font-family: 'Myriad'; word-spacing: 0px; font-size: 16px; background: #493a32; position: relative;}
.column-setting2 h3 {background: #766253; text-align: center; line-height: 28px; font-size: 18px; margin: 0; padding: 0; box-shadow: inset 1px 1px 4px -1px #1f1c17, inset -1px 0px 4px -1px #1f1c17;}
.setting-line {width: 345px; height: 20px; padding: 5px 7px; border-bottom: 1px dashed #917867;}
.column-setting .setting-line:last-child {border-bottom: 0;}
#add_tasks_mode .setting-line:last-child, #add_tasks_mode2 .setting-line:last-child {border-bottom: 1px dashed #917867;}
.column-setting .setting-line2:last-child {border-bottom: 0;}
/*.setting-line a:link, .setting-line a:visited {color: #f8e8d8; text-decoration: none;}*/
/*.setting-line a:link {cursor: help;}*/

.column-width {width: 740px; margin: 0 0px 0 0; font-size: 16px; height: 800px;}

.info {float: right; width: 53px; height: 50px; margin: -97px -48px 0 0; z-index: 2;}
.popup {display: none; background: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; height: 100vh; z-index: 1; margin: 0px 0 0 0; left: 0; top: 0;}
.wrapper {display: block; position: absolute; width: 100%; height: 100vh; z-index: 1; margin: 0px 0 0 0; left: 0; top: 0;}
.info input[type="checkbox"] {display: none;}

input#check:checked ~ .info-block {display: block;}
input#check2:checked ~ .info-block2 {display: block;}

.last_update {font-size: 18px; margin: 2px 0 0 93px; letter-spacing: 0px;}

.info:hover, .info label {cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.info-icon {background: url(https://brave2033.ru/assets/img/info-block3.png) 0 0 no-repeat; width: 71px; height: 50px; margin-top: 1px;}
.info-icon2 {background: url(https://brave2033.ru/assets/img/info-block3.png) 0 -50px no-repeat; width: 71px; height: 50px; margin-top: 5px;}
.info-icon3 {background: url(https://brave2033.ru/assets/img/info-block3.png) 0 -150px no-repeat; width: 71px; height: 50px; margin-top: 15px;}
.info-icon4 {background: url(https://brave2033.ru/assets/img/info-block3.png) 0 -100px no-repeat; width: 71px; height: 50px; margin-top: 5px;}
.info-icon6 {background: url(https://brave2033.ru/assets/img/info-block3.png) 0 -200px no-repeat; width: 71px; height: 50px; margin-top: 5px;}
.info-icon5 {top: 0; margin: 0; width: 52px; height: 39px;}
.info-block {display: none; float: right; background: url(https://brave2033.ru/assets/img/info_block_bg.png) no-repeat; width: 330px; height: 209px; margin: -61px -80px 0 0; position: relative; z-index: 2; padding: 28px 0px 0 42px;}
.info-block2 {display: none; float: right; background: #7b6556; border: 1px solid #a78e7e; height: auto; margin: 17px -114px 0 0; position: relative; z-index: 2; padding: 14px 12px 10px 12px; box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.75), inset 0px 0px 3px 0px rgba(0,0,0,0.5);}
.info-block2:before {content: ""; background: url(https://brave2033.ru/assets/img/top_info.png); width: 28px; height: 18px; top: -14px; position: absolute; right: 120px;}
.info-item2 {display: flex; border-bottom: 1px dotted #f8e8d8; line-height: 27px;}
.info-item2-label {width: 50%;}
.info-item2-count {width: 50%; text-align: right;}

.info-item {float: left; background: url(https://brave2033.ru/assets/img/info_block_item.png) no-repeat; width: 117px; height: 29px; margin: 8px 5px 0px 0;}
.info-item .info-item-icon {float: left;}
.info-item .info-item-count {width: 115px; line-height: 30px; font-size: 23px; text-align: center;}
.repa-1 {background: url(https://brave2033.ru/assets/img/reputation.png) no-repeat; width: 26px; height: 26px; margin: 2px 4px 0 6px; background-position: 0 0;}
.repa-2 {background: url(https://brave2033.ru/assets/img/reputation.png) no-repeat; width: 26px; height: 26px; margin: 2px 4px 0 6px; background-position: -26px 0;}
.repa-3 {background: url(https://brave2033.ru/assets/img/reputation.png) no-repeat; width: 26px; height: 26px; margin: 2px 4px 0 6px; background-position: -52px 0;}
.repa-4 {background: url(https://brave2033.ru/assets/img/reputation.png) no-repeat; width: 26px; height: 26px; margin: 2px 4px 0 6px; background-position: -78px 0;}

.info-ratting {float: left; background: url(https://brave2033.ru/assets/img/info_block_item.png) no-repeat; width: 242px; height: 29px; margin: 8px 5px 0px 0; background-position: 0 -30px;}
.info-ratting .info-ratting-name {float: left; width: 145px; line-height: 28px; font-size: 22px; text-align: center;}
.info-ratting .info-item-count {width: 96px; line-height: 30px; font-size: 23px; text-align: center; float: left;}


.tooltip {background: url(https://brave2033.ru/assets/img/tooltip.png) no-repeat; width: 17px; height: 16px; margin: 2px 0 0 3px; float: left; outline: none; cursor: url(https://brave2033.ru/assets/cursors/help.cur), default !important; text-decoration: none; position: relative;}
.tooltip2 {position: relative;}
.tooltip2 span {margin-left: -999em; position: absolute;}
.tooltip2:hover span {position: absolute; left: -14.2em; top: 1.2em; z-index: 99; margin-left: 0; width: 250px; color: #f8e8d8;}
.tooltip3 {position: absolute;}
.tooltip3 span {margin-left: -999em; position: absolute;}
.tooltip3:hover span {position: absolute; top: 1.2em; z-index: 99; margin-left: 0; width: 250px; color: #f8e8d8; font-size: 20px;}
.tooltip span {margin-left: -999em; position: absolute;}
.tooltip:hover span {position: absolute; left: -16em; top: 1.2em; z-index: 99; margin-left: 0; width: 250px;}
.tooltip:hover img {border: 0; margin: -10px 0 0 -55px; float: left; position: absolute;}
.tooltip:hover em {font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0;}
.classic {padding: 0.5em 0.8em; background: #58613c; border: 2px solid #493a32; box-shadow: 0 0 10px; border-radius: 10px;}

.setting-line .set-line-text {width: 296px; height: 20px; line-height: 22px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line .set-line-text3 {width: 224px; height: 20px; line-height: 22px; border: 0px solid #fff; float: left; margin: 0 0 0 5px;}
.setting-line .set-line-text4 {width: 204px; height: 20px; line-height: 22px; border: 0px solid #fff; float: left; margin: 0 0 0 5px;}
.setting-line .set-line-text5 {width: 215px; height: 20px; line-height: 22px; border: 0px solid #fff; float: left; margin: 0 0 0 5px;}
.setting-line .set-line-label {width: 140px; height: 20px; line-height: 22px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}

.setting-line .set-line-select {width: 314px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line .set-line-select select {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 1px 3px 0px 3px; font-size: 18px; width: 229px; color: #f8e8d8; margin: -4px 0 0 -1px; text-shadow: 1px 1px 1px #000;}

.setting-line .set-line-select1 {width: 314px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line .set-line-select1 select {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 1px 3px 0px 3px; font-size: 18px; width: 210px; color: #f8e8d8; margin: -4px 0 0 -1px; text-shadow: 1px 1px 1px #000;}
.setting-line .set-line-select1 input {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 2px 3px 0px 3px; font-size: 18px; width: 47px; color: #f8e8d8; margin: -4px 0 0 -1px; text-shadow: 1px 1px 1px #000;}

.setting-line .set-line-select2 {width: 189px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line .set-line-select2 select {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 0px 3px 0px 3px; font-size: 18px; width: 145px; color: #f8e8d8; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}

.setting-line .set-line-select3 {width: 145px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line .set-line-select3 select {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 0px 3px 0px 3px; font-size: 18px; width: 145px; color: #f8e8d8; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}

.setting-line .set-line-select4 {width: 140px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px; margin: 1px 11px 0 0;}
.setting-line .set-line-select4:after {content: ""; display: block; height: 24px; width: 6px; position: relative; top: -3px; left: 0; background: url(https://brave2033.ru/assets/img/select_input_after_bg.jpg) no-repeat; float: right;}
.setting-line .set-line-select4 select,
.setting-line2 .set-check select {border: 2px solid #f8e8d8; background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; border: 0; padding: 0px 3px 0px 3px; font-size: 18px; width: 135px; color: #aef503; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}
.setting-line .set-line-select4 select option {background: #4f433c;}

.setting-line .set-line-select5 {width: 98px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px; margin: 1px 7px 0 0;}
.setting-line .set-line-select5:after {content: ""; display: block; height: 24px; width: 6px; position: relative; top: -3px; left: 0; background: url(https://brave2033.ru/assets/img/select_input_after_bg.jpg) no-repeat; float: right;}
.setting-line .set-line-select5 select,
.setting-line2 .set-check select {border: 2px solid #f8e8d8; background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; border: 0; padding: 0px 3px 0px 3px; font-size: 18px; width: 93px; color: #aef503; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}
.setting-line .set-line-select5 select option {background: #4f433c;}

.setting-line .set-line-select6 {width: 170px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px; margin: 1px 5px 0 0;}
.setting-line .set-line-select6:after {content: ""; display: block; height: 24px; width: 6px; position: relative; top: -3px; left: 0; background: url(https://brave2033.ru/assets/img/select_input_after_bg.jpg) no-repeat; float: right;}
.setting-line .set-line-select6 select,
.setting-line2 .set-check select {border: 2px solid #f8e8d8; background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; border: 0; padding: 0px 3px 0px 3px; font-size: 18px; width: 165px; color: #aef503; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}
.setting-line .set-line-select6 select option {background: #4f433c;}

.setting-line .set-line-input {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 0 5px; margin-right: 11px;}
.setting-line .set-line-input2 {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0px; margin-right: 11px;}
.setting-line .set-line-input3 {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0px; margin-right: 11px;}
.setting-line .set-line-input4 {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0px;}
.setting-line .set-line-input5 {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0px; margin-right: 4px;}
.setting-line .set-line-count {width: 39px; float: left; text-align: right}
.setting-line .set-line-count label {line-height: 22px;}
.setting-line .set-line-count2 {width: 24px; float: left; text-align: right}
.setting-line .set-line-count2 label {line-height: 22px;}
.setting-line .set-line-count3 {min-width: 69px; height: 1px; float: left;}
.setting-line .set-line-input input,
.setting-line .set-line-input2 input,
.setting-line .set-line-input4 input,
.setting-line .set-line-input5 input {background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; height: 24px; width: 21px; border: 0; color: #aef503; padding: 1px 3px 0 7px; font-size: 18px; margin: -2px 0 0 -1px; text-shadow: 1px 1px 2px #222; margin-left: 5px; text-align: center;}
.setting-line .set-line-input3 input {background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; height: 24px; width: 49px; border: 0; color: #aef503; padding: 1px 7px 0 3px; font-size: 18px; margin: -2px 0 0 -1px; text-shadow: 1px 1px 2px #222; margin-left: 5px; text-align: left;}
.setting-line .set-line-input2 input[type=time] {background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; height: 24px; width: 50px; border: 0; color: #aef503; padding: 0px 3px 0 0px; font-size: 18px; margin: -2px 0 0 -1px; text-shadow: 1px 1px 2px #222; margin-left: 52px; text-align: center;}
.setting-line .set-line-input3 input[type=time]::-webkit-inner-spin-button {display: none;}
.setting-line .set-line-input3 input[type=time]::-webkit-clear-button {display: none;}

.setting-line-time .tooltip {/*margin-left: -4px;*/}
.setting-line-time .set-line-count {width: 6px;}
.setting-line-time .set-line-text4 {width: 225px;}
.setting-line-time .set-line-input2 {height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0px; margin-right: 4px;}
.setting-line-time .set-line-input2 input {padding: 1px 1px 0 7px;}

.setting-line .set-line-input input:focus,
.setting-line .set-line-input2 input:focus,
.setting-line .set-line-input3 input:focus,
.setting-line .set-line-input4 input:focus {color: #f8e8d8;}
.setting-line .set-line-input:after,
.setting-line .set-line-input2:after,
.setting-line .set-line-input3:after,
.setting-line .set-line-input4:after,
.setting-line .set-line-input5:after {content: ""; display: block; height: 24px; width: 6px; position: relative; top: -2px; left: 0; background: url(https://brave2033.ru/assets/img/select_input_after_bg.jpg) no-repeat; float: right;}
.setting-line .set-check {width: 20px; height: 20px; margin: -4px 0 0 3px; line-height: 28px; border: 0px solid #fff; float: left;}

.setting-line2 {width: 345px; height: 140px; padding: 5px 7px; border-bottom: 1px dashed #917867; overflow: hidden;}
.setting-line2 .set-line-text {width: 319px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; padding: 0 0 4px 5px;}
.setting-line2 .set-line-text2 {width: 277px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; margin: 0 0 0 25px; border-bottom: 1px dotted #917867;}
.setting-line2 .set-check {width: 20px; height: 20px; margin: -3px 0 6px 2px; line-height: 28px; border: 0px solid #fff; float: left;}

.setting-block {padding: 7px 10px;}

.footer-notify {padding: 20px 0 0 0; height: 25px; width: 300px; text-align: center;}
.footer-menu {margin: -35px 0 0 0px; position: absolute; color: #fff; right: 5px;}
.footer-menu ul {list-style: none; margin: 0; padding: 0;}
.footer-menu ul li {float: left; padding: 2px 20px 0 25px; margin: 0 0 0 5px; background: url(https://brave2033.ru/assets/img/footer_button.png) no-repeat; width: 75px; height: 40px; line-height: 40px; text-align: center;}
.footer-menu ul li:hover {background: url(https://brave2033.ru/assets/img/footer_button_hover.png) no-repeat; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.footer-menu ul li.active {background: url(https://brave2033.ru/assets/img/footer_button_active.png) no-repeat;}
.footer-menu ul li.active:hover {background: url(https://brave2033.ru/assets/img/footer_button_hover.png) no-repeat;}
.footer-menu ul li a:link, .footer-menu ul li a:visited {color: #fff; text-decoration: none;}
.footer-menu ul li a:hover {color: #fff; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}

.footer-menu-button {width: 112px; padding-top: 4px; line-height: 33px; margin-left: -17px;}
.footer-menu label {color: #f8e8d8;}
.footer-menu .action-label {padding: 0px 25px; margin-left: -25px; position: relative; width: 71px; display: grid;}
.footer-menu .action-label:after {content: ""; display: block; position: absolute; top: 18px; right: 9px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #f8e8d8;}
.footer-menu input[type="checkbox"] {display: none;}
input#action:checked ~ .action-block {display: block;}
.action-block {display: none; position: relative; width: 300px; float: right; border: 2px solid #917867; box-shadow: 0 0 5px #111; font-family: 'Myriad'; word-spacing: 0px; font-size: 16px; background: #493a32; top: -176px; right: 113px; z-index: 2;}
.action-block:before {content: ""; display: block; width: 19px; height: 24px; background: url(https://brave2033.ru/assets/img/action_arrow2.png) no-repeat; position: absolute; top: 142px; left: 300px;}
.action-line {width: 286px; height: 160px; padding: 5px 7px;}
.action-line .action-line-text {width: 255px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; margin: 0 0 0 5px; border-bottom: 1px dotted #917867; text-align: left;}
.action-line .action-line-text2 {width: 255px; height: 20px; line-height: 20px; border: 0px solid #fff; float: left; margin: 0 0 0 5px; border-bottom: 0px dotted #917867; text-align: left;}
.action-line .action-line-text:hover, .action-line .action-line-text2:hover {color: #ffe595; text-decoration: underline;}
.action-line .action-check {width: 20px; height: 20px; margin: 3px 0 0 3px; line-height: 28px; border: 0px solid #fff; float: left;}


.modal-block {max-width: 1200px; margin: 0 auto; font-family: 'Myriad'; position: relative; top: 5%;}
.modal-block-title {background: url(https://brave2033.ru/assets/img/modal_title_left.png) no-repeat; height: 50px; margin: 0 0 -5px 0; position: relative; z-index: 1; padding: 0 20px; line-height: 50px; color: #fff; font-family: 'RodchenkoCond'; text-shadow: 0px 1px 2px #000; letter-spacing: 0px; word-spacing: -6px; font-size: 34px; font-weight: 400;}
.modal-block-title:after {content: ""; display: block; background: url(https://brave2033.ru/assets/img/modal_title_right.png) no-repeat; width: 17px; height: 50px; position: absolute; right: -17px; z-index: 2; top: 0;}
.modal-block-top {background: url(https://brave2033.ru/assets/img/modal_top_left.png) no-repeat; height: 27px; position: relative; z-index: 1;}
.modal-block-top:after {content: ""; display: block; background: url(https://brave2033.ru/assets/img/modal_top_right.png) no-repeat; width: 29px; height: 28px; position: absolute; right: -29px; z-index: 2;}
.modal-block-center {background: url(https://brave2033.ru/assets/img/modal_center_left.png) repeat-y; padding: 0 0 0 29px; color: #fff; font-size: 16px; position: relative; height: 100%; z-index: 1; text-align: justify; word-spacing: 0;}
.modal-block-center:after {content: ""; display: block; background: url(https://brave2033.ru/assets/img/modal_center_right.png) repeat-y; width: 29px; position: absolute; right: -29px; height: 100%; z-index: 2; top: 0;}
.modal-block-center div a:link, .modal-block-center div a:visited {color: #eac195; text-decoration: none;}
.modal-block-center div a:hover {color: #ffe595; text-decoration: underline; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.modal-block-center .alert {color: #ffbf15}
.modal-block-bottom {background: url(https://brave2033.ru/assets/img/modal_bottom_left.png) no-repeat; height: 17px; position: relative; z-index: 1;}
.modal-block-bottom:after {content: ""; display: block; background: url(https://brave2033.ru/assets/img/modal_bottom_right.png) no-repeat; width: 29px; position: absolute; right: -29px; height: 17px; z-index: 2;}

.modal-menu {margin: -5px -25px 0 0px; position: relative; z-index: 3; display: flex; justify-content: flex-end;}
.modal-menu ul {list-style: none; margin: 0; padding: 0;}
.modal-menu ul li {float: left; padding: 2px 20px 0 25px; margin: 0 0 0 5px; background: url(https://brave2033.ru/assets/img/footer_button.png) no-repeat; width: 75px; height: 40px; line-height: 40px; text-align: center;}
.modal-menu ul li:hover, .modal-menu ul li.active:hover {background: url(https://brave2033.ru/assets/img/footer_button_hover.png) no-repeat; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.modal-menu ul li.active {background: url(https://brave2033.ru/assets/img/footer_button_active.png) no-repeat;}
.modal-menu ul li a:link, .modal-menu ul li a:visited {color: #fff; text-decoration: none;}

.modal-input {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 0 7px; font-size: 18px; color: #f8e8d8; margin: -4px 0 0 -1px; text-shadow: 1px 1px 1px #000;}
.modal-checkbox input[type=checkbox]{display:none}
.modal-checkbox input[type=checkbox] + label span{display:inline-block; width:20px; height:16px; margin:-3px 4px 0 0; vertical-align:middle; background:url(https://brave2033.ru/assets/img/input0.png) no-repeat; cursor: url(https://brave2033.ru/assets/cursors/normal.cur), default !important;}
.modal-checkbox input[type=checkbox]:checked + label span{background:url(https://brave2033.ru/assets/img/input1.png) top no-repeat}

.onpage-block {float: right; display: flex; margin: 0px 0px 10px 0;}
.onpage-block label {padding: 0 5px;}
.onpage-block select {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 0px 3px 0px 3px; font-size: 18px; width: 54px; color: #f8e8d8; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px;}
.pagination {margin: -10px 0 10px; height: auto; display: inline-block;}
.pagination div {float: left; margin: 2px 4px; background: #493a32; border-radius: 3px; width: 24px; text-align: center; box-shadow: 0 1px 3px #917867; padding-left: 2px}
.pagination .active {background: #917867; box-shadow: none;}
.pagination_link {color: #eac195; text-decoration: none;}
.pagination_link:hover {color: #ffe595; text-decoration: underline; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.journal_link {color: #eac195; text-decoration: none;}
.journal_alert {color: #f39428;}
.journal_alert_bad {color: #cb4d41;}
.journal_alert_collection {color: #6eb35d;}
.journal_alert_win {color: #6eb35d;}
.journal_alert_lose {color: #cb4d41;}

.tabs {width: 89%; padding: 0px; margin: 20px 0;}
.tabs>section {display: none; padding: 0 15px; background: #493a32; border: 2px solid #917867; border-radius: 0 7px 7px 7px; color: #fff;}
.tabs>section>p {margin: 10px 0; line-height: 1.5; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.tabs>input {display: none; position: absolute;}
.tabs>label {display: inline-block; margin: 0 0 -2px; padding: 6px 25px 5px; font-weight: 400; text-align: center; color: #fff; border: 0px solid #917867; border-width: 2px 2px 2px 2px; background: #917867; border-radius: 5px 5px 0 0;}
.tabs>label:before {font-weight: normal; margin-right: 10px;}
.tabs>label:hover {color: #ffe595; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.tabs>input:checked+label {color: #fff; border-top: 2px solid #917867; border-bottom: 2px solid #493a32; background: #493a32;}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {display: block;}

.width-30 {width: 30px;}
.width-40 {width: 40px;}
.width-50 {width: 50px;}
.width-60 {width: 60px;}
.width-70 {width: 70px;}
.width-80 {width: 80px;}
.width-90 {width: 90px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-120 {width: 120px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.width-160 {width: 160px;}
.width-170 {width: 170px;}
.width-180 {width: 180px;}
.width-190 {width: 190px;}
.width-200 {width: 200px;}
.width-270 {width: 270px;}

.modal-table {width: 100%; margin: 20px auto; border-collapse: collapse;}
.modal-table tr:nth-child(odd) {background: #493a32;}
.modal-table tr:nth-child(1) {background: #917867;}
.modal-table tr td {border: 1px solid #917867; text-align: center;}
.modal-table tr td a:link, .modal-table tr td a:visited {color: #eac195; text-decoration: none;}
.modal-table tr td a:hover {color: #ffe595; text-decoration: underline; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}

.modal_date {border: 2px solid #f8e8d8; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; padding: 0px 3px 0px 3px; font-size: 18px; color: #f8e8d8; margin: -4px 0 0 -1px; text-shadow: 1px 1px 1px #000; }

.modal-block-desc, .modal-block-paid {margin-bottom: 20px; text-align: center;}
.modal-block-options, .modal-bottom-10 {}
.modal-input-block {display: grid; grid-template-columns: 1fr 1fr;}
.modal-input-item input {width: 75%;}
.modal-input-link, .modal-subscription-notify {width: 100%; margin: 10px 0 0; text-align: right;}
.modal-form-subscription, .modal-bottom {margin-bottom: 20px;}
.modal-subscription {display: grid; grid-template-columns: 2fr 1fr; margin: 10px 0;}
.modal-subscription input {margin: 0 30px;}

.modal-page-navigation {margin: 0 0 60px 0;}
.modal-page-left {float: left;}
.modal-page-right {float: right;}

.extend-title {display: flex; justify-content: space-between; text-align: center; border-bottom: 1px solid #eac195;}
.extend-block {display: flex; justify-content: space-between; text-align: center; line-height: 50px; padding: 10px 0; border-bottom: 1px solid #eac195; height: 50px; margin-bottom: 10px;}
.extend-title-avatar, .extend-block-avatar {width: 10%}
.extend-title-name, .extend-block-name {width: 50%;}
.extend-title-term, .extend-block-term, .extend-title-price, .extend-block-price {width: 20%;}
.extend-text {margin-bottom: 20px;}
.extend-block-avatar img {border-radius: 5px; border: 2px solid #eac195; box-shadow: 0 0 3px #000; height: 50px; width: 50px;}
.extend-payments {display: flex; margin-bottom: 20px;}
.extend-payments-item {padding: 0px; text-align: center; border-radius: 10px; margin: 0 5px; cursor: pointer;}
.extend-payments-item img {border-radius: 10px;}
.extend-payments-item:hover {filter: drop-shadow(0px 0px 2px black);}

.modal-referral {display: grid; grid-template-columns: 1.5fr 1fr; margin: 10px 0 20px 0;}
.modal-referral input {margin: 0 30px;}


.tariff-block {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; margin: 0 0 20px 0;}
.tariff-block a:link {color: #fff; text-decoration: none;}
.tariff-item {margin: 0 auto; width: 108px; height: 108px;}
.tariff-1 {background: url(https://brave2033.ru/assets/img/tariff_1.png) no-repeat;}
.tariff-2 {background: url(https://brave2033.ru/assets/img/tariff_2.png) no-repeat;}
.tariff-3 {background: url(https://brave2033.ru/assets/img/tariff_3.png) no-repeat;}
.tariff-4 {background: url(https://brave2033.ru/assets/img/tariff_4.png) no-repeat;}
.tariff-5 {background: url(https://brave2033.ru/assets/img/tariff_5.png) no-repeat;}
.tariff-price {text-align: center; position: relative; top: 72px; font-size: 28px; font-family: 'Radix'; line-height: 1;}
.tariff-price span {font-family: 'Rouble'; margin-left: -15px; font-size: 19px;}
.modal-block-center .tariff-block a:link, .modal-block-center .tariff-block a:visited {color: #fff; text-decoration: none;}
.modal-block-center .tariff-block a:hover {color: #eac195;}

.modal-admin-login {display: grid; grid-template-columns: 1.7fr 1.5fr; margin: 10px 0;}
.modal-admin-login input {margin: 0 30px;}

.modal-admin-subscription-input {width: 270px; margin-bottom: 20px;}
.modal-admin-subscription-input-mini {width: 100px; margin: 0 20px 20px 0;}


.sortable ul#action_priority,
.sortable ul#action_priority_2,
.sortable ul#action_priority_3 {margin: 0; padding: 0; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.sortable ul#action_priority li,
.sortable ul#action_priority_2 li,
.sortable ul#action_priority_3 li {cursor: url(https://brave2033.ru/assets/cursors/move3.cur), default !important; margin: 1px; padding: 4px 5px 2px; font-size: 16px; background: #766253 url(https://brave2033.ru/assets/img/bg_block.png) repeat; border-radius: 3px; display: flex; position: relative;}
.sortable ul#action_priority li:before,
.sortable ul#action_priority_2 li:before,
.sortable ul#action_priority_3 li:before {content: "\f0dc"; display: block; height: 16px; width: 10px; float: left; margin: 0 10px 0 5px; font-family: "FontAwesome"; padding-top: 3px; font-size: 11px; font-weight: 400; text-shadow: 0 0 5px #000;}
.sortable .sortable_line .checkbox {position: absolute; right: 13px;}
.sortable-ghost {opacity: .4;}
.sortable .sortable_line .checkbox input {background:url(https://brave2033.ru/assets/img/select_input_bg.jpg) no-repeat; height: 24px; width: 21px; border: 0; color: #aef503; padding: 1px 3px 0 7px; font-size: 17px; margin: -3px 0 0 -1px; text-shadow: 1px 1px 2px #222; margin-left: 5px; text-align: center;}
.sortable .sortable_line .checkbox input:focus {color: #f8e8d8;}
.sortable .sortable_line .checkbox:after {content: ""; display: block; height: 24px; width: 6px; position: relative; top: -3px; left: -9px; background: url(https://brave2033.ru/assets/img/select_input_after_bg.jpg) no-repeat; float: right;}




/* Инвентарь */
.inventory_block {padding: 15px 12px 0px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; height: 85px; overflow: hidden; margin: 0px 0 12px; -webkit-transition: height .5s linear; transition: height .5s linear;}
.inventory_item {background: url(https://brave2033.ru/assets/img/inventar_bg_item.png) no-repeat; width: 84px; height: 85px; position: relative;}
.inventory_isset {width: 10px; height: 10px; background: #a8f512; border-radius: 50px; position: absolute; right: 9px; top: 6px;}
.inventory_img {text-align: center;}
.inventory_img img {width: 80%; margin: 6px 0 0;}
.inventory_count {float: right; font-family: 'RodchenkoCond'; font-size: 24px; position: absolute; right: 10px; top: 47px;}

.column-setting input[type="checkbox"] {display: none;}
.column-setting label.hideshow {background: url(https://brave2033.ru/assets/img/hideshow_icon.jpg) 0px 0 no-repeat; width: 14px; height: 14px; position: absolute; top: 7px; right: 7px;}
.column-setting input[type="checkbox"]:checked ~ .inventory_block {height: auto;}
.column-setting input[type="checkbox"]:checked ~ label.hideshow {background: url(https://brave2033.ru/assets/img/hideshow_icon.jpg) -14px 0 no-repeat;}

.craft_block {overflow: auto; height: 400px; width: 720px; margin: 13px 0 13px 10px;}
.craft_item {background: url(https://brave2033.ru/assets/img/craft_bg.png) no-repeat; width: 706px; height: 130px; margin: 7px 0;}
.craft_title {font-family: 'RodchenkoCond'; font-size: 20px; line-height: 25px; height: 24px; word-spacing: -5px; padding-left: 15px;}
.craft_list {display: flex; width: 492px; margin-left: 4px; height: 98px;}
.craft_list_item {width: 85px; height: 85px; margin: 11px 9px 0 8px; position: relative;}
.craft_list_item:first-child {margin-left: 15px;}
.craft_list_item_no_icon {text-align: center;}
.craft_list_item_no_icon img {filter: grayscale(80%); filter: gray; opacity: .15;}
.craft_list_item_icon {text-align: center;;}
.craft_list_item_count {font-family: 'RodchenkoCond'; font-size: 32px; text-shadow: 0px 2px 5px #000; position: absolute; top: 46px; right: 3px;}

.craft_reward {display: flex; position: relative;}
.craft_reward_count {font-family: 'RodchenkoCond'; font-size: 37px; text-shadow: 0px 1px 3px #000; margin: 14px 0 0 63px; width: 75px; text-align: right; padding-right: 10px;}
.craft_reward_icon {margin: 21px 0 0;}
.craft_reward_icon img {width: 30px; height: 30px; border-radius: 50px; box-shadow: 0 1px 3px #000;}
.craft_reward_icon_item {margin: 12px 0 0 110px;}
.craft_reward_icon_item img {width: 80px; height: 80px;}
.craft_reward_title {font-family: 'RodchenkoCond'; font-size: 20px; position: absolute; top: 70px; left: 0px; width: 204px; text-align: center; text-transform: uppercase; padding-top: 4px; word-spacing: -5px;}

#craft_block_select {border: 0; padding: 0px 3px 0px 3px; font-size: 18px; width: 135px; color: #aef503; margin: -3px 0 0 -1px; text-shadow: 1px 1px 1px #000; height: 26px; position: absolute; right: 5px; top: 5px; background: transparent;}
#craft_block_select option {background: #4f433c;}

/* Страница авторизации */
.authorize_bg {}
.authorize_title {position: absolute; width: 288px; text-align: center; top: 306px; right: 18px; font-family: 'RodchenkoCond'; font-size: 32px; text-shadow: 0px 2px 5px #000; text-transform: uppercase; color: #f0c793; letter-spacing: 1px;}
.authorize_block {display: grid; grid-template-columns: 1fr 1fr 1fr; width: 180px; position: absolute; text-align: center; top: 350px; right: 73px;}
.authorize_block img {width: 45px;}
.back_home {display: block; width: 240px; position: absolute; text-align: center; top: 420px; right: 42px; text-transform: uppercase;}

/* Clan */
.column-full {width: 740px;}
.column-full .column-setting {width: 719px;}
.column-full .column-setting2 {width: 740px;}
.setting-line-clan {width: 345px; height: 20px; padding: 5px 7px; border-bottom: 1px dashed #917867; display: flex; font-size: 18px;}
.setting-line-clan:last-child {border-bottom: 0px;}
.setting-line-clan .tooltip {margin-left: 9px;}
.setting-line-clan .clan_label {width: 50%; line-height: 22px; border: 0px solid #fff; float: left; padding: 0 0 0 5px;}
.setting-line-clan .clan_value {width: 50%; margin: -4px 3px 0; line-height: 28px; border: 0px solid #fff; float: left; text-align: right; color: #f1c58d; font-size: 20px; font-family: 'RodchenkoCond'; word-spacing: -5px; text-overflow: ellipsis; overflow: hidden; height: 28px; white-space: nowrap;}
.setting-line-clan .clan_value a:link,
.setting-line-clan .clan_value a:visited {color: #f1c58d; text-decoration: none;}
.setting-line-clan .clan_value a:hover {color: #f8e8d8; text-decoration: underline;}
.setting-line-clan-2 {width: 283px; height: 20px; padding: 5px 7px; border-bottom: 1px dashed #656d72; display: flex; font-size: 18px;}
.setting-line-clan-2:last-child {border-bottom: 0px;}
.setting-line-clan-2 .clan_label {width: 40%; line-height: 22px; border: 0px solid #fff; float: left; padding: 0;}
.setting-line-clan-2 .clan_value {width: 60%; margin: -4px 0px 0; line-height: 28px; border: 0px solid #fff; float: left; text-align: right; color: #f1c58d; font-size: 20px; font-family: 'RodchenkoCond'; word-spacing: -5px;}
.setting-line-clan-2 .clan_value a:link,
.setting-line-clan-2 .clan_value a:visited {color: #f1c58d; text-decoration: none;}
.setting-line-clan-2 .clan_value a:hover {color: #f8e8d8; text-decoration: underline;}
.clan_desc {text-align: left; padding-left: 15px;font-size: 18px;}
.comandor_post {text-align: left; margin-bottom: 15px; padding-left: 15px;font-size: 18px;}

.battle_block {margin-bottom: 14px; display: flex; font-family: 'RodchenkoCond'; word-spacing: -5px; position: relative;}
.battle_clan {width: 100%; margin: 0 15px; padding: 10px 15px 9px; box-shadow: 0 1px 3px #111; outline-offset: -3px; font-size: 20px; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important; transition: .3s;}
.battle_raid {width: 100%; margin: 0 15px; padding: 10px 15px 9px; box-shadow: 0 1px 3px #111; outline-offset: -3px; font-size: 20px;}
.battle_clan_info {background: #3c4247; position: absolute; width: 298px; left: 5%; top: 40px; z-index: 1; border: 2px solid #656d72; box-shadow: 0 0 5px #111; padding: 2px; display: none;}
.battle_clan:hover .battle_clan_info {display: block;}
.clan_name {text-align: center; font-size: 24px; background: linear-gradient(90deg, rgba(140,62,47,1) 0%, rgba(140,62,47,1) 100%);}

.battle_red {background: linear-gradient(90deg, rgba(140,62,47,1) 0%, rgb(185, 83, 64) 50%, rgb(140, 62, 47) 100%); outline: 1px solid #8c3e2f;}
.battle_orange {background: rgb(141,82,36); background: linear-gradient(120deg, #70451f 0%, #a0602e 50%, #70451f 100%); outline: 1px solid #724620;}
.battle_green {background: rgb(120,136,91); background: linear-gradient(120deg, #58613c 0%, #78885b 50%, #58613c 100%); outline: 1px solid #5a643e;}
.battle_blue {background: rgb(64,100,117); background: linear-gradient(120deg, #406475 0%, #56869c 50%, #406475 100%); outline: 1px solid #406475;}


.battle_clan span,
.battle_raid span {position: relative; float: right; font-size: 30px; padding: 0; margin: -5px 0 -10px; letter-spacing: 3px;}

.clan_posts_scroll {width: 95%; height: 266px; overflow-y: auto; margin: 6px 10px;}
.post_item {margin: 1px 0 5px; background: #3c322d; outline-offset: -2px; outline: 1px solid #938984; box-shadow: 0 1px 3px #271f1a; width: 98%;}
.post_item_head {height: 22px; display: flex; padding: 5px 10px 0;}
.post_item_event {text-transform: uppercase; padding-top: 1px;}
.post_item_date {justify-content: end; margin-left: auto; color: #d0c2b5; padding-top: 1px;}
.post_item_text {padding: 5px 10px; color: #c5b6a6}
.post_blue {background: linear-gradient(90deg, rgba(64,100,117,1) 0%, rgba(64,100,117,1) 20%, rgba(64,100,117,1) 80%, rgba(64,100,117,0) 100%);}
.post_red {background: linear-gradient(90deg, rgba(140,62,47,1) 0%, rgba(140,62,47,1) 20%, rgba(140,62,47,1) 80%, rgba(140,62,47,0) 100%);}
.post_orange {background: linear-gradient(90deg, rgba(131,104,63,1) 0%, rgba(131,104,63,1) 20%, rgba(131,104,63,1) 80%, rgba(131,104,63,0) 100%);}
.post_brown {background: linear-gradient(90deg, rgba(90,68,48,1) 0%, rgba(90,68,48,1) 20%, rgba(90,68,48,1) 80%, rgba(90,68,48,0) 100%);}
.post_grey {background: linear-gradient(90deg, rgba(60,60,60,1) 0%, rgba(60,60,60,1) 20%, rgba(60,60,60,1) 80%, rgba(60,60,60,0) 100%);}

.clan_tabs {margin-top: 20px;}
.clan_tabs > div, .clan_tabs > input {display: none;}
.clan_tabs > label {height: 31px; z-index: 2; cursor: pointer; position: relative; bottom: 0px; font-size: 18px; border-radius: 3px 15px 0 0; display: block; float: left; margin-right: 5px; line-height: 33px; text-align: center; box-shadow: inset 1px 1px 4px -1px #1f1c17, inset -1px 0px 4px -1px #1f1c17; border: 2px solid #917867; border-bottom: 0; padding: 0 15px; background: #3c322d;}
.clan_tabs > label:nth-of-type(1) {margin-left: 10px;}
.clan_tabs input[type="radio"]:checked + label {background: #4f5f25}
.clan_tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.clan_tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.clan_tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.clan_tabs > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.clan_tabs > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.clan_tabs > input:nth-of-type(6):checked ~ div:nth-of-type(6) {display: block;}
.tabs_desc {width: 100%; z-index: 1;}
.tabs_desc .column-setting {padding: 10px;}
.tabs_table {width: 721px;}
.table_scroll {height: 406px; overflow-y: auto;}


.units_item_title {width: 704px; display: flex; text-align: center; border-top: 1px solid #917867; background: #2e2724; box-shadow: inset 0 0 8px #000;}
.units_item {width: 704px; display: flex; color: rgba(248, 232, 216, 0.4);}
.units_item_opacity {width: 704px; display: flex; color: rgba(248, 232, 216, 1);}
.units_item a:link,
.units_item a:visited {text-decoration: none; color: rgba(248, 232, 216, 0.4);}
.units_item a:hover {text-decoration: underline; color: #f1c58d;}
.units_item_title .units_name > input {display: none;}
.units_item_title .units_name > label {opacity: .3; height: auto; position: relative; bottom: 0px; font-size: 16px; border-radius: 0; display: inline-block; float: none; margin-right: 0px; line-height: 0; box-shadow: none; border: 0px; padding: 0;}
.units_item_title .units_name > label.active {opacity: 1;}
.units_item_title .units_name i {color: #675d56; font-weight: 700; text-shadow: none; font-style: normal;}
.units_item_title .tooltip2:hover span {left: -4.2em; top: 2.2em; box-shadow: 0 0 10px #000;}
.units_item_opacity a:link,
.units_item_opacity a:visited {text-decoration: none; color: #f8e8d8;}
.units_item_opacity a:hover {text-decoration: underline; color: #f1c58d;}
.units_num {width: 29px; border: 1px solid #917867; padding: 4px 5px 2px; border-left: 2px solid #917867; text-align: center;}
.units_name {width: 212px; border: 1px solid #917867; padding: 4px 10px 2px; border-left: 1px solid #917867;}
.units_role {width: 104px; text-align: center; border: 1px solid #917867; padding: 4px 10px 2px;}
.units_level {width: 70px; text-align: center; border: 1px solid #917867; padding: 4px 10px 2px;}
.units_battle {width: 143px; text-align: center; border: 1px solid #917867; padding: 4px 10px 2px;}
.units_fights {width: 64px; text-align: center; border: 1px solid #917867; padding: 4px 10px 2px;}
.units_damage {width: 109px; text-align: center; border: 1px solid #917867; padding: 4px 10px 2px; border-right: 2px solid #917867;}
.units_item:last-child {border-bottom: 1px solid #917867;}
.units_line:nth-child(even) {background: #3a302b;}
.units_line:hover {background: #38444c; box-shadow: inset 0 0 8px #000;}
.units_line:hover .units_fights,
.units_line:hover .units_damage {color: #ecae5f;}
.units_line_my {background: #414a26; box-shadow: inset 0 0 8px #000;}

.achvs_block {display: flex; padding: 0 5px;}
.achvs_item {margin: 10px 10px 5px;}
.achvs_item_level {width: 60px; height: 34px; text-align: center; font-size: 20px; padding-left: 1px; padding-top: 1px;}
.achvs_item_icon {}
.achvs_item_icon.grayscale {filter: grayscale(100%); opacity: 0.2}

.achvs_level_0 {background: url(https://brave2033.ru/assets/img/achvs/0.png) no-repeat;}
.achvs_level_1 {background: url(https://brave2033.ru/assets/img/achvs/1.png) no-repeat;}
.achvs_level_2 {background: url(https://brave2033.ru/assets/img/achvs/2.png) no-repeat;}
.achvs_level_3 {background: url(https://brave2033.ru/assets/img/achvs/3.png) no-repeat;}
.achvs_level_4 {background: url(https://brave2033.ru/assets/img/achvs/4.png) no-repeat;}
.achvs_level_5 {background: url(https://brave2033.ru/assets/img/achvs/5.png) no-repeat;}

.elems_block {display: grid; grid-template-columns: 1fr 1fr; width: 743px;}
.elems_block .elems_item {margin: 6px 19px; background: url(https://brave2033.ru/assets/img/elems_bg.png) no-repeat; width: 321px; height: 151px; position: relative;}
.elems_block .elems_item img {width: 100%;}
.elems_item .elems_name {font-family: 'RodchenkoCond'; word-spacing: -5px; font-size: 26px; z-index: 2; position: relative; padding: 5px 0 0 10px; letter-spacing: 0px;}
.elems_item .elems_image {position: absolute; top: 0; right: 0; z-index: 1;}
.elems_item .elems_level {font-family: 'RodchenkoCond'; word-spacing: -5px; position: relative; z-index: 2; float: right; font-size: 38px; margin-top: -34px; padding-right: 10px;}
.elems_item .elems_desc {padding-left: 10px; font-size: 18px; position: relative; z-index: 2; width: 60%; margin-top: 10px; line-height: 20px;}
.order-1 {order: 1}
.order-2 {order: 2}
.order-3 {order: 3}
.order-4 {order: 4}
.order-5 {order: 5}
.order-6 {order: 6}

.boss_block {display: flex; padding: 0 5px;}
.boss_item {margin: 10px 5px 5px;}
.boss_item_icon {margin-bottom: 5px;}
.boss_item_icon.grayscale {filter: grayscale(100%); opacity: 0.3}
.boss_item_value {background: #784921; text-align: center; padding: 3px 0 2px; border-radius: 3px; outline-offset: -2px; outline: 1px solid #938984; box-shadow: 0 1px 2px #111;}

.bot_block h2 {margin: 0px; padding: 0; font-size: 22px; font-weight: 400; text-align: center; font-family: 'RodchenkoCond'; word-spacing: -5px;}
.battle_cw {height: 44px; box-shadow: 0 1px 3px #111; outline-offset: -3px; outline: 1px solid #485032; width: 734px; margin: 0 auto 15px; position: relative; background: #3c322d;}
.progress_battle {height: 44px; outline: 0; max-width: 100%;}
.battle_viewer {position: absolute; top: 11px; display: flex; width: 100%;}
.clan_viewer {padding: 0 15px; width: 50%; display: flex;}
.clan_viewer .clan_viewer_name {width: 60%;}
.clan_viewer .clan_viewer_score {width: 40%; font-family: 'RodchenkoCond'; font-size: 28px; margin-top: -6px; word-spacing: -7px;}
.clan_viewer:first-child .clan_viewer_score {text-align: right; position: relative;}
.clan_viewer:first-child .clan_viewer_score:after {content: ""; width: 10px; height: 2px; position: absolute; right: -21px; background: #ccc; box-shadow: 0 1px 3px #232718; top: 16px;}
.clan_viewer:last-child .clan_viewer_name {text-align: right;}

.grenade_current {float: left; margin-left: -72px; width: 30px; text-align: right;}

/* Message */
.message {background: #555d3e; margin-bottom: 0; padding: 15px 0 14px; text-align: center; width: 100%; z-index: 99; line-height: 100%; animation: glowing 1500ms infinite; font-size: 24px; box-shadow: 0 0 0 1px #806a5a, 0 0 0 2px #c1b1a2, 0 0 0 3px #baa99b, 0 0 0 4px #998373, 0 0 0 5px #8e7868; position: fixed;}
.message p {padding: 0; margin: 0 auto; width: 70%;}
.close {background: #d03b2d; width: 35px; height: 32px; border-radius: 0 0 0 18px; padding: 3px 0px 0 2px; text-align: center; font-family: arial; text-shadow: none; position: absolute; right: 0; top: 0; box-shadow: 0 0 3px #000; cursor: url(https://brave2033.ru/assets/cursors/pointer.cur), default !important;}
.d-none {display: none;}
.d-block {display: block;}

.set-textarea textarea {background: #756253; height: 89px; width: 94%; border: 1px solid #f8e8db; color: #aef503; padding: 1px 3px 0 7px; font-size: 18px; margin: 2px 0 0 -1px; text-shadow: 1px 1px 2px #222; margin-left: 5px; box-shadow: inset 0 0 4px #000000; font-family: 'Myriad'; resize: none;}
.set-textarea textarea:focus {outline: none}
.set-links {display: flex; justify-content: space-between; padding: 0 6px;}
.set-links a {text-decoration: none; color: #f8e8d8; transition: .3s;}
.set-links a:hover {text-decoration: underline; color: #ffe595;}

@keyframes glowing {
	0% {background-color: #555d3e;}
	30% {background-color: #6f7a51;}
	70% {background-color: #6f7a51;}
	100% {background-color: #555d3e;}
}