@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------- */
/* Фоновые цвета */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Блоки сайта */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Левая навигация */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Popoup / вылетающие окна */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Рамки */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Пагинация */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Таблицы */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Хлебные крошки */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Заголовки страниц */
/* ------------------------------------------------------------------------------------------------------- */
/* Маленькие заголовки страниц */
/* Например на странице рейтинга */
/* Большие заголовки */
/* ------------------------------------------------------------------------------------------------------- */
/* Цвета для текстов и ссылок */
/* ------------------------------------------------------------------------------------------------------- */
/* Цвет обычного текста для всех страниц, вписывается в теге body */
/* Цвет обычных текстовых ссылок */
/* Цвет выделенного текста */
/* Подсказка при регистрации/привязке моб.телефона "На указанный вами телефон будет отправлено смс!" */
/* Цвет светлого текста */
/* Например скрыть/показать дополнительные поля при регистрации */
/* Приглушенный цвет текста/ссылки */
/* Например ссылки внизу форм регистрации/входа/восстановления пароля */
/* ------------------------------------------------------------------------------------------------------- */
/* Елементы форм */
/* Поля ввода, чекбоксы, иконки и так далее */
/* ------------------------------------------------------------------------------------------------------- */
/* Поля ввода */
/* Иконки и текстовые информаторы в инпутах */
/* Используется прямо возле полей ввода чтобы отобразить иконку или текстовую информацию */
/* Чекбоксы */
/* Свитчбоксы */
/* Небольшие тумблеры, используется в форме вкл/выкл пин кода в настройках мастер аккаунта */
/* ------------------------------------------------------------------------------------------------------- */
/* Форма доната */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Табы для переключения */
/* Вкладки в формах регистрации/восстановления пароля для выбора того или иного метода */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки переключатели */
/* Например в магазине фильтры товаров сверху */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Вкладки */
/* Например вкладки статистика или настроек мастер аккаунта */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки навигации */
/* Например по центру в верхней навигации - рейтинг, магазин, пожертвования, форум */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Вторичные сдвоенные кнопки */
/* Например кнопки регистрации/входа в навигации */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Альтернативные кнопки */
/* Например в блоке регистрации или раскрывающийся список с выбором сервера */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Вторичные кнопки */
/* Например используются в инпутах для обновления префикса или вкл/откл просмотра пароля */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Первычная кнопка */
/* Например используются в лк "создать игровой аккаунт" */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Первычная альтернативная кнопка */
/* Например используются в блоках вход, восстановления пароля */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Опасные кнопки, акцентирующие внимание */
/* Напримар используются при отключении пин кода в настройках мастер аккаунта */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки с прозрачным фоном */
/* Например "Обновить список персонажей" внутри лк */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки с прозрачным фоном */
/* Например "Купить валюту в списке персов" внутри лк */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* Выпадающее меню */
/* Например раскрывающийся список с выбором сервера */
/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки выпадающего списка */
/* Внимание! Данные кнопки используются везде кроме выпадающего списка играми и серверами */
/* В списке с играми и серверами используются кнопки с навигации */
@font-face {
  font-family: 'Angelus Medieval';
  src: url("https://lords.ws/template/panel/assets/fonts/angelus_medieval/DXAngelusMediaval.woff2") format("woff2");
  src: local("☺"), url("https://lords.ws/template/panel/assets/fonts/angelus_medieval/DXAngelusMediaval.woff") format("woff"), url("https://lords.ws/template/panel/assets/fonts/angelus_medieval/DXAngelusMediaval.eot"), url("https://lords.ws/template/panel/assets/fonts/angelus_medieval/DXAngelusMediaval.ttf") format("truetype"), url("https://lords.ws/template/panel/assets/fonts/angelus_medieval/DXAngelusMediaval.svg") format("svg");
  font-weight: 400;
  font-style: normal; }

body {
  background: url("../images/effect.png") #12100d top center ;
  color: #040412; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #ffc24c; }

a {
  color: #d1d1da; }

a:hover {
  color: #ffc24c; }

h1, h2, .block-title:not(.modal-ajax-title), h4 {
  font-family: 'Angelus Medieval' !important;
  font-weight: 400 !important;
  text-transform: uppercase; }

a.block .text-gray {
  color: #ffc24c !important; }

a.block {
  color: #dcd4c8; }
  a.block:hover {
    color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Страница сайта */
/* ------------------------------------------------------------------------------------------------------- */
#page-header {
  background-color: #252432 !important;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05) !important; }

@media (min-width: 992px) {
  #page-container.page-header-modern #page-header {
    -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05) !important; } }

#page-container.page-header-modern #page-header > .content-header {
  padding-top: 3px;
  padding-bottom: 5px; }

/* ------------------------------------------------------------------------------------------------------- */
/* Блоки сайта */
/* ------------------------------------------------------------------------------------------------------- */
.block {
  background-color: #262630;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1) !important; }
  .block .block-fx-shadow {
    -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1); }
  .block .block {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.breadcrumb {
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1); }

.bg-gd-primary, .bg-gd-dusk, .bg-gd-emerald, .block-header-default {
  background: #2f2f3a;
  background: -webkit-linear-gradient(315deg, #2f2f3a 0%, #2f2f3a 100%) !important;
  background: -o-linear-gradient(315deg, #2f2f3a 0%, #2f2f3a 100%) !important;
  background: linear-gradient(135deg, #2f2f3a 0%, #2f2f3a 100%) !important; }

.bg-white {
  background-color: #262630 !important; }

.bg-body-light {
  background-color: #1f1f2a !important; }

/*
.block, .js-filter .bg-white{
    box-shadow: 0px 1px 1px $bg_block_border, 0px -1px 1px $bg_block_border, 1px 0px 1px $bg_block_border, -1px 0px 1px $bg_block_border;
    overflow: hidden;
}
*/
.block.list_account.block-bordered {
  border: 1px solid #383844; }

.nav-tabs-block {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden; }

.block.block-rounded {
  border-radius: 10px; }
  .block.block-rounded > .block-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .block.block-rounded > .block-content:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }

.bg-body-light:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }

.block-settings-save-fix {
  border-radius: 10px; }

.rounded {
  border-radius: 10px !important; }

.breadcrumb {
  border-radius: 10px; }

.modal-content {
  border-radius: 10px; }
  .modal-content .block.block-themed > .block-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }

a.block.block-link-shadow:hover {
  -webkit-box-shadow: 0px 1px 1px #ffc24c, 0px -1px 1px #ffc24c, 1px 0px 1px #ffc24c, -1px 0px 1px #ffc24c;
  box-shadow: 0px 1px 1px #ffc24c, 0px -1px 1px #ffc24c, 1px 0px 1px #ffc24c, -1px 0px 1px #ffc24c; }

.block.block-bordered {
  border: 1px solid rgba(0, 0, 0, 0); }

a.block.block-link-pop:hover {
  -webkit-box-shadow: 0 2px 30px rgba(77, 66, 50, 0.4);
  box-shadow: 0 2px 30px rgba(77, 66, 50, 0.4);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.list_account.open {
  padding-bottom: 10px; }

#page-header-loader.bg-primary {
  background-color: #ffc24c !important; }

/* ------------------------------------------------------------------------------------------------------- */
/* Popoup / вылетающие окна */
/* ------------------------------------------------------------------------------------------------------- */
.modal-content {
  background-color: #262630; }

.modal-content .bg-primary-dark {
  background-color: #51342f !important; }

/* ------------------------------------------------------------------------------------------------------- */
/* Рамки */
/* ------------------------------------------------------------------------------------------------------- */
.border-bottom {
  border-bottom: 1px solid #323240 !important; }

.border-right {
  border-right: 1px solid #323240 !important; }

.border-top {
  border-top: 1px solid #323240 !important; }

.border-bottom {
  border-bottom: 1px solid #323240 !important; }

hr {
  border-top: 1px solid #323240; }

/* ------------------------------------------------------------------------------------------------------- */
/* Пагинация */
/* ------------------------------------------------------------------------------------------------------- */
.page-link {
  color: #80776e;
  background-color: #2d2829;
  border: 1px solid #403a3b; }

.page-link:hover {
  color: #998f84;
  background-color: #3a3435;
  border-color: #524b4c; }

.page-item.active .page-link {
  color: #000;
  background-color: #e7a23a;
  border-color: #e7a23a; }

.page-item.disabled .page-link {
  color: #645d57;
  background-color: #201d1e;
  border-color: #353031; }

/* ------------------------------------------------------------------------------------------------------- */
/* Таблицы */
/* ------------------------------------------------------------------------------------------------------- */
.table {
  color: #7a7a7e; }

.table th, .table td {
  border-top: 1px solid #323240; }

.table-hover tbody tr:hover {
  color: #7a7a7e;
  background-color: rgba(255, 255, 255, 0.03); }

.table-bordered th, .table-bordered td {
  border: 1px solid #323240; }

.table-bordered {
  border: 1px solid #323240; }

.table tbody + tbody {
  border-top: 1px solid #323240; }

/* ------------------------------------------------------------------------------------------------------- */
/* Магазин */
/* ------------------------------------------------------------------------------------------------------- */
.isel {
  border: 1px solid rgba(0, 0, 0, 0); }

/* ------------------------------------------------------------------------------------------------------- */
/* Хлебные крошки */
/* ------------------------------------------------------------------------------------------------------- */
.breadcrumb {
  background-color: #252432 !important; }

.breadcrumb-item + .breadcrumb-item::before {
  color: #8dae4f; }

.breadcrumb-item.active {
  color: #8dae4f; }

/* ------------------------------------------------------------------------------------------------------- */
/* Заголовки страниц */
/* ------------------------------------------------------------------------------------------------------- */
.content-heading {
  color: #ffc24c;
  border-bottom: 1px solid rgba(172, 171, 181, 0.2); }

.text-black, h1 {
  color: #ffc24c !important; }

/* ------------------------------------------------------------------------------------------------------- */
/* Цвета для текстов и ссылок */
/* ------------------------------------------------------------------------------------------------------- */
.text-muted {
  color: #87878f !important;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out; }
  .text-muted i {
    color: #b0d46d !important;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

a.text-muted:hover, a.text-muted:focus {
  color: #beb3ae !important; }
  a.text-muted:hover i, a.text-muted:focus i {
    color: #b0d46d !important; }

a.text-muted.link-effect::before {
  background-color: #b0d46d; }

code {
  color: #ffc24c; }

.text-primary-light {
  color: #b2b2b5 !important; }
  .text-primary-light a {
    color: #ffc24c !important; }

a.text-primary-light:hover, a.text-primary-light:focus {
  color: #dfdfe2 !important; }
  a.text-primary-light:hover a, a.text-primary-light:focus a {
    color: #ffc24c !important; }

a.text-primary-light.link-effect::before {
  background-color: #ffc24c; }

.text-gray {
  color: #464142 !important; }

small, .small {
  color: #606066; }

.text-primary {
  color: #b0d46d !important; }

.text-dual-primary-dark {
  color: #d1aee8 !important; }

a.link-effect::before {
  background-color: #7f33e4; }

/* ------------------------------------------------------------------------------------------------------- */
/* Елементы форм */
/* Поля ввода, чекбоксы, иконки и так далее */
/* ------------------------------------------------------------------------------------------------------- */
::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

::-moz-placeholder {
  opacity: 1;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:-moz-placeholder {
  opacity: 1;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
  transition: all .3 ease-in-out;
  color: #484858 !important; }

.form-control {
  color: #81818d;
  background-color: #1d1d24;
  border: 1px solid #2d2d38; }

.form-control:focus {
  color: #81818d;
  background-color: #1d1d24;
  border-color: #373744; }

.form-control:disabled, .form-control[readonly] {
  color: #81818d;
  background-color: #1d1d24;
  border: 1px solid #2d2d38;
  opacity: 0.5; }

.fileuploader {
  background: #1d1d24;
  border: 1px solid #2d2d38; }

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
  background: #1d1d24;
  border: 2px dashed #81818d;
  color: #81818d; }

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active, .fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {
  background: #1d1d24; }

.input-group-text {
  color: #81818d;
  background-color: #1d1d24;
  border: 1px solid #2d2d38; }

.custom-control-label::before {
  background-color: #1d1d24;
  border: #2d2d38 solid 1px; }

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e7a23a;
  border-color: #e7a23a; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #e7a23a;
  border-color: #e7a23a; }

.checkbox__block {
  background-color: #1d1d24; }

.checkbox__input:checked + .checkbox__block:after {
  color: #e7a23a;
  background-color: #e7a23a; }

.css-switch .css-control-input ~ .css-control-indicator::after {
  background-color: #ffe3c2; }

.css-switch .css-control-input ~ .css-control-indicator {
  background-color: #1d1d24; }

.css-switch.css-control-success .css-control-input:checked ~ .css-control-indicator {
  background-color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Форма доната */
/* ------------------------------------------------------------------------------------------------------- */
.irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-line, .irs.irs--round .irs-grid-pol {
  background: #32323e; }

.irs--round .irs-min, .irs--round .irs-max {
  color: #a2a2a7; }

.irs--round .irs-grid-text {
  color: #666672; }

.irs.irs--round .irs-bar, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single {
  background: #ffc24c; }

.irs.irs--round .irs-from::before, .irs.irs--round .irs-to::before, .irs.irs--round .irs-single::before {
  border-top-color: #ffc24c; }

.irs.irs--round .irs-handle {
  border-color: #ffc24c;
  background-color: #32323e; }

/* ------------------------------------------------------------------------------------------------------- */
/* Табы для переключения */
/* Вкладки в формах регистрации/восстановления пароля для выбора того или иного метода */
/* ------------------------------------------------------------------------------------------------------- */
.nav-tabs-alt .nav-link {
  color: #9d9387;
  -webkit-transition: color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  transition: color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  -o-transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .nav-tabs-alt .nav-link i {
    color: #ffc24c;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-right: 8px; }

.nav-tabs-alt .nav-link, .nav-tabs-alt .nav-item .nav-link {
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0); }

.nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus {
  color: #ffc24c;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0); }
  .nav-tabs-alt .nav-link:hover i, .nav-tabs-alt .nav-link:focus i {
    color: #ffc24c; }

.nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link {
  color: #ffc24c; }
  .nav-tabs-alt .nav-link.active i, .nav-tabs-alt .nav-item.show .nav-link i {
    color: #ffc24c; }

.nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link {
  -webkit-box-shadow: inset 0 -2px #ffc24c;
  box-shadow: inset 0 -2px #ffc24c; }

.nav-tabs-alt, .nav-tabs {
  border-bottom-color: #443c3e; }

/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки переключатели */
/* Например в магазине фильтры товаров сверху */
/* ------------------------------------------------------------------------------------------------------- */
.nav-link {
  color: #a2a2a7;
  background-color: rgba(0, 0, 0, 0); }

.nav-link:hover, .nav-link:focus {
  color: #ffc24c;
  background-color: rgba(0, 0, 0, 0); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #cabeb0;
  background-color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Вкладки */
/* Например вкладки статистика или настроек мастер аккаунта */
/* ------------------------------------------------------------------------------------------------------- */
.nav-tabs-block {
  background-color: #2c2b38; }

.nav-tabs-block .nav-link {
  color: #959595;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out; }

.nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus {
  color: #c5c5c5;
  background-color: #403f4e; }

.nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link {
  color: #211a17;
  background-color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки навигации */
/* Например по центру в верхней навигации - рейтинг, магазин, пожертвования, форум */
/* ------------------------------------------------------------------------------------------------------- */
.nav-main-header a {
  color: #b3b2bd;
  background-color: #2d2d3a;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out; }
  .nav-main-header a i {
    color: #e9c586;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.nav-main-header a.disabled, .nav-main-header a:disabled {
  color: #b3b2bd;
  background-color: #2d2d3a;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .nav-main-header a.disabled i, .nav-main-header a:disabled i {
    color: #e9c586; }

.nav-main-header a:hover,
.nav-main-header a:focus,
.nav-main-header li:hover > a.nav-submenu {
  color: #ffffff;
  background: #383847; }
  .nav-main-header a:hover i,
  .nav-main-header a:focus i,
  .nav-main-header li:hover > a.nav-submenu i {
    color: #a7d157; }

.nav-main-header a.active,
.nav-main-header li.open > a.nav-submenu {
  color: #ffffff;
  background: #383847; }
  .nav-main-header a.active i,
  .nav-main-header li.open > a.nav-submenu i {
    color: #a7d157; }

/* ------------------------------------------------------------------------------------------------------- */
/* Вторичные сдвоенные кнопки */
/* Например кнопки регистрации/входа в навигации */
/* ------------------------------------------------------------------------------------------------------- */
.btn-dual-secondary {
  color: #221f21;
  background-color: #8dae4f;
  border-color: transparent;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out; }
  .btn-dual-secondary i {
    color: #221f21;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-dual-secondary:hover,
.btn-dual-secondary:focus,
.btn-dual-secondary.focus,
.btn-dual-secondary:not([disabled]):not(.disabled):active {
  color: #221f21;
  background-color: #b0d46d;
  border-color: transparent; }
  .btn-dual-secondary:hover i,
  .btn-dual-secondary:focus i,
  .btn-dual-secondary.focus i,
  .btn-dual-secondary:not([disabled]):not(.disabled):active i {
    color: #221f21; }

.btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle {
  color: #221f21;
  background-color: #b0d46d;
  border-color: transparent; }
  .btn-dual-secondary:not([disabled]):not(.disabled).active i, .show > .btn-dual-secondary.dropdown-toggle i {
    color: #221f21; }

.btn-dual-secondary.disabled, .btn-dual-secondary:disabled {
  color: #221f21;
  background-color: #8dae4f;
  border-color: transparent;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-dual-secondary.disabled i, .btn-dual-secondary:disabled i {
    color: #221f21; }

/* ------------------------------------------------------------------------------------------------------- */
/* Альтернативные кнопки */
/* Например в блоке регистрации или раскрывающийся список с выбором сервера */
/* ------------------------------------------------------------------------------------------------------- */
.btn-alt-success {
  color: #221f21;
  background-color: #ffc24c;
  border-color: transparent;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out; }
  .btn-alt-success i {
    color: #221f21;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-alt-success:hover,
.btn-alt-success:focus,
.btn-alt-success.focus,
.btn-alt-success:not([disabled]):not(.disabled):active {
  color: #221f21;
  background-color: #ffd88b;
  border-color: transparent; }
  .btn-alt-success:hover i,
  .btn-alt-success:focus i,
  .btn-alt-success.focus i,
  .btn-alt-success:not([disabled]):not(.disabled):active i {
    color: #221f21; }

.btn-alt-success:not([disabled]):not(.disabled).active,
.show > .btn-alt-success.dropdown-toggle {
  color: #221f21;
  background-color: #ffd88b;
  border-color: transparent; }
  .btn-alt-success:not([disabled]):not(.disabled).active i,
  .show > .btn-alt-success.dropdown-toggle i {
    color: #221f21; }

.btn-alt-success.disabled, .btn-alt-success:disabled {
  color: #221f21;
  background-color: #ffc24c;
  border-color: transparent;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-alt-success.disabled i, .btn-alt-success:disabled i {
    color: #221f21; }

/* ------------------------------------------------------------------------------------------------------- */
/* Вторичные кнопки */
/* Например используются в инпутах для обновления префикса или вкл/откл просмотра пароля */
/* ------------------------------------------------------------------------------------------------------- */
.btn-secondary {
  color: #81818d;
  background-color: #1d1d24;
  border-color: #2d2d38;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-secondary i {
    color: #ffc24c;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus {
  color: #9d9387;
  background-color: #2d2d38;
  border-color: #332e2c; }
  .btn-secondary:hover i, .btn-secondary:focus i, .btn-secondary.focus i {
    color: #ffc24c; }

.btn-secondary:not([disabled]):not(.disabled):active {
  color: #9d9387;
  background-color: #2d2d38;
  border-color: #332e2c; }
  .btn-secondary:not([disabled]):not(.disabled):active i {
    color: #ffc24c; }

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #81818d;
  background-color: #1d1d24;
  border-color: #2d2d38;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-secondary.disabled i, .btn-secondary:disabled i {
    color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Первычная кнопка */
/* Например используются в лк "создать игровой аккаунт" */
/* ------------------------------------------------------------------------------------------------------- */
.btn-primary {
  color: #000;
  background-color: #ffc24c;
  border-color: #ffc24c;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-primary i {
    color: #000;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  color: #000;
  background-color: #ffdc97;
  border-color: #ffdc97; }
  .btn-primary:hover i, .btn-primary:focus i, .btn-primary.focus i {
    color: #000; }

.btn-primary:not([disabled]):not(.disabled):active {
  color: #000;
  background-color: #ffdc97;
  border-color: #ffdc97; }
  .btn-primary:not([disabled]):not(.disabled):active i {
    color: #000; }

.btn-primary.disabled, .btn-primary:disabled {
  color: #000;
  background-color: #ffc24c;
  border-color: #ffc24c;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-primary.disabled i, .btn-primary:disabled i {
    color: #000; }

.btn-create-account {
  top: 15px;
  right: 19px; }

/* ------------------------------------------------------------------------------------------------------- */
/* Первычная альтернативная кнопка */
/* Например используются в блоках вход, восстановления пароля */
/* ------------------------------------------------------------------------------------------------------- */
.btn-alt-primary {
  color: #000;
  background-color: #ffc24c;
  border-color: #ffc24c;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-alt-primary i {
    color: #000;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus {
  color: #000;
  background-color: #ffdc97;
  border-color: #ffdc97; }
  .btn-alt-primary:hover i, .btn-alt-primary:focus i, .btn-alt-primary.focus i {
    color: #000; }

.btn-alt-primary:not([disabled]):not(.disabled):active {
  color: #000;
  background-color: #ffdc97;
  border-color: #ffdc97; }
  .btn-alt-primary:not([disabled]):not(.disabled):active i {
    color: #000; }

.btn-alt-primary.disabled, .btn-alt-primary:disabled {
  color: #000;
  background-color: #ffc24c;
  border-color: #ffc24c;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-alt-primary.disabled i, .btn-alt-primary:disabled i {
    color: #000; }

/* ------------------------------------------------------------------------------------------------------- */
/* Опасные кнопки, акцентирующие внимание */
/* Напримар используются при отключении пин кода в настройках мастер аккаунта */
/* ------------------------------------------------------------------------------------------------------- */
.btn-alt-danger {
  color: #000;
  background-color: #d64f4f;
  border-color: #d64f4f;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-alt-danger i {
    color: #000;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus {
  color: #000;
  background-color: #f06d6d;
  border-color: #f06d6d; }
  .btn-alt-danger:hover i, .btn-alt-danger:focus i, .btn-alt-danger.focus i {
    color: #000; }

.btn-alt-danger:not([disabled]):not(.disabled):active {
  color: #000;
  background-color: #f06d6d;
  border-color: #f06d6d; }
  .btn-alt-danger:not([disabled]):not(.disabled):active i {
    color: #000; }

.btn-alt-danger.disabled, .btn-alt-danger:disabled {
  color: #000;
  background-color: #d64f4f;
  border-color: #d64f4f;
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-alt-danger.disabled i, .btn-alt-danger:disabled i {
    color: #000; }

/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки с прозрачным фоном */
/* Например "Обновить список персонажей" внутри лк */
/* ------------------------------------------------------------------------------------------------------- */
.btn-outline-primary {
  color: #7b787a;
  border-color: #7b787a;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-outline-primary i {
    color: #ffd256;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #000;
  background-color: #ffd256;
  border-color: #ffd256; }
  .btn-outline-primary:hover i, .btn-outline-primary:focus i, .btn-outline-primary.focus i {
    color: #000; }

.btn-outline-primary:not([disabled]):not(.disabled):active {
  color: #000;
  background-color: #ffd256;
  border-color: #ffd256 i;
    border-color-color: #000; }

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #7b787a;
  border-color: #7b787a;
  background-color: rgba(0, 0, 0, 0);
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-outline-primary.disabled i, .btn-outline-primary:disabled i {
    color: #ffd256; }

/* ------------------------------------------------------------------------------------------------------- */
/* Кнопки с прозрачным фоном */
/* Например "Купить валюту в списке персов" внутри лк */
/* ------------------------------------------------------------------------------------------------------- */
.btn-outline-secondary {
  color: #7b787a;
  border-color: #7b787a;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
  .btn-outline-secondary i {
    color: #ffd256;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out; }

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  color: #000;
  background-color: #ffd256;
  border-color: #ffd256; }
  .btn-outline-secondary:hover i, .btn-outline-secondary:focus i, .btn-outline-secondary.focus i {
    color: #000; }

.btn-outline-secondary:not([disabled]):not(.disabled):active {
  color: #000;
  background-color: #ffd256;
  border-color: #ffd256 i;
    border-color-color: #000; }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #7b787a;
  border-color: #7b787a;
  background-color: rgba(0, 0, 0, 0);
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }
  .btn-outline-secondary.disabled i, .btn-outline-secondary:disabled i {
    color: #ffd256; }

/* ------------------------------------------------------------------------------------------------------- */
/* Выпадающее меню */
/* Например раскрывающийся список с выбором сервера */
/* ------------------------------------------------------------------------------------------------------- */
.dropdown-menu {
  background-color: #292625;
  border: 1px solid #363231; }
  .dropdown-menu .img-avatar-thumb {
    margin: 2px;
    margin-right: 8px;
    -webkit-box-shadow: 0 0 0 2px #f97632;
    box-shadow: 0 0 0 2px #f97632; }
  .dropdown-menu .dropdown-header {
    color: #f97632;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .dropdown-menu .dropdown-item {
    color: #6c6862;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background .3s ease-in-out;
    transition: color .3s ease-in-out, background .3s ease-in-out; }
    .dropdown-menu .dropdown-item i {
      color: #ffd256;
      -webkit-transition: color .3s ease-in-out;
      -o-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out; }
  .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    color: #000;
    background-color: #ffd256; }
    .dropdown-menu .dropdown-item:hover i, .dropdown-menu .dropdown-item:focus i {
      color: #000; }
  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: #000;
    background-color: #ffd256; }
    .dropdown-menu .dropdown-item.active i, .dropdown-menu .dropdown-item:active i {
      color: #000; }
  .dropdown-menu .border-b {
    border-bottom: 1px solid #352f30 !important; }
  .dropdown-menu .dropdown-divider {
    border-top: 1px solid #352f30; }
  .dropdown-menu h1, .dropdown-menu h2, .dropdown-menu h3, .dropdown-menu h4, .dropdown-menu h5, .dropdown-menu h6, .dropdown-menu .h1, .dropdown-menu .h2, .dropdown-menu .h3, .dropdown-menu .h4, .dropdown-menu .h5, .dropdown-menu .h6 {
    color: #b4a69f; }

/* ------------------------------------------------------------------------------------------------------- */
/* Левая навигация */
/* ------------------------------------------------------------------------------------------------------- */
#sidebar {
  background-color: #231e1d; }

#page-container.page-header-modern #sidebar {
  -webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1); }

.nav-main a {
  color: #dcd4c8; }

.nav-main a > i {
  color: #ffc24c; }

.nav-main a:hover, .nav-main a:focus, .nav-main a.active {
  color: #ffc24c; }

.nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i {
  color: #ffc24c; }

.badge-primary {
  color: #1d140a;
  background-color: #ffc24c; }

/* ------------------------------------------------------------------------------------------------------- */
/* Поддержка */
/* ------------------------------------------------------------------------------------------------------- */
.close {
  text-shadow: none; }

#ticket-list-all .nav-users a {
  background-color: #1e1b25;
  border-radius: 5px;
  border-bottom: 0px;
  margin-bottom: 5px; }

#ticket-list-all .nav-users a:hover {
  background-color: #211f2d; }

.js-tab-support .text-primary-darker {
  color: #b084e8 !important; }

.js-tab-support .bg-primary-lighter {
  background-color: #241f31 !important; }

/* ------------------------------------------------------------------------------------------------------- */
/* Логотип */
/* ------------------------------------------------------------------------------------------------------- */
.uns_custom_logo {
  display: block;
  width: 128px;
  height: 45px;
  background: url("../images/mini_logo.html") top center;
  background-size: 100% 100%;
  -webkit-transition: -webkit-filter .3s ease-in-out;
  transition: -webkit-filter .3s ease-in-out;
  -o-transition: filter .3s ease-in-out;
  transition: filter .3s ease-in-out;
  transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
  margin-right: 100px;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }
  @media (max-width: 530px) {
    .uns_custom_logo {
      display: none; } }
  .uns_custom_logo span, .uns_custom_logo:before {
    display: none !important; }
  .uns_custom_logo:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%); }

@media (min-width: 992px) {
  .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu {
    background-color: #2d2d3a; } }

/* ------------------------------------------------------------------------------------------------------- */
/* кастомные стили */
/* ------------------------------------------------------------------------------------------------------- */
.bg-gd-primary, .bg-gd-dusk, .bg-gd-emerald, .block-header-default {
  background: -webkit-gradient(linear, left top, right top, from(#33333e), color-stop(50%, #33333e), to(#33333e)) !important;
  background: -webkit-linear-gradient(left, #33333e 0%, #33333e 50%, #33333e 100%) !important;
  background: -o-linear-gradient(left, #33333e 0%, #33333e 50%, #33333e 100%) !important;
  background: linear-gradient(to right, #33333e 0%, #33333e 50%, #33333e 100%) !important;
  border-bottom: 2px solid #ffc24c !important; }

.block-header-default h3 {
  color: #e8e5df; }

.btn.btn-rounded {
  border-radius: 5px !important; }

.img-avatar-thumb {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4); }

.img-avatar {
  border-radius: 3px; }

.img-avatar.img-avatar16 {
  -webkit-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px); }

.btn.btn-circle {
  border-radius: 5px !important; }

.dropdown-menu.show > div.ml-10 {
  margin-left: 0px !important; }

.dropdown-menu.show > div > *:last-child {
  margin-bottom: 0px !important; }

.badge {
  color: #1e1b25;
  font-weight: 700; }

.dropdown-menu {
  max-width: 175px;
  border-radius: 5;
  background: #262630; }