.gwstyle body {
    background: #17181f url(../media/bg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    color: rgb(236, 232, 215);
    min-height: 100vh;

    font-family: "Rubik", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.gwstyle a {
    color: #bf9762;
}

.gwstyle a:hover {
    color: #f7c079;
}

.gwstyle #page-header {
    /* background-color: rgba(255, 255, 255, 0.44); */
    /* background-color: rgba(36, 37, 40, 0.45) !important; */
    background-color: #17181fcc !important;
}

.gwstyle .nav-main-header a {
    color: rgba(220,235,245,.88);
    background: rgba(8, 18, 28, 0.38);
    border: 1px solid rgba(90, 140, 180, 0.16);
    border-radius: 3px;
    transition: all .18s ease;
    font-weight: 500;
    box-shadow: none;
    backdrop-filter: blur(2px);
	transform: translateY(0);
}

.gwstyle .nav-main-header a > i {
    color: rgba(120,190,235,.82);
}

.gwstyle .nav-main-header a:hover,
.gwstyle .nav-main-header a:focus,
.gwstyle .nav-main-header a.active,
.gwstyle .nav-main-header li.open > a.nav-submenu,
.gwstyle .nav-main-header li:hover > a.nav-submenu {
    color: #fff;
    background: rgba(25, 85, 130, 0.72);
    border-color: rgba(110, 190, 255, 0.38);
	transform: none;
    box-shadow:
        0 0 12px rgba(35,120,190,.18),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.gwstyle .nav-main-header a:hover > i,
.gwstyle .nav-main-header a:focus > i,
.gwstyle .nav-main-header li:hover > a.nav-submenu > i {
    color: #fff;
}

.gwstyle .btn-dual-secondary {
    color: rgb(230, 230, 230);
}

.gwstyle .text-dual-primary-dark {
    color: rgb(230, 230, 230) !important;
}

.gwstyle a.link-effect::before {
    background-color: rgb(230, 230, 230);
}

.gwstyle .btn-dual-secondary {
    color: #377db7;
    background-color: transparent;
    border-color: #245277;
}

.gwstyle .btn-dual-secondary:not([disabled]):not(.disabled).active,
.gwstyle .show > .btn-dual-secondary.dropdown-toggle,
.gwstyle .btn-dual-secondary:hover,
.gwstyle .btn-dual-secondary:focus,
.gwstyle .btn-dual-secondary.focus {
    color: #c7e7f7;
    background-color: #1b3a53;
    border-color: #1e4a6c;
}

.gwstyle .block {
    background-color: #17181f;
    border: 1px solid rgba(255, 180, 0, 0.11);
    box-sizing: border-box;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.30);
}

.gwstyle .block.block-shadow {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.14);
}

.gwstyle .block-header {
    background: rgba(0, 0, 0, 0.24) !important;
}

.gwstyle .bg-body-light {
    background-color: rgba(0, 0, 0, 0.46) !important;
    border: 1px solid rgba(255, 180, 0, 0.11);
    box-sizing: border-box;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.30);
}

.gwstyle a.text-muted:hover,
.gwstyle a.text-muted:focus {
    color: rgb(187, 187, 187) !important;
}

.gwstyle .submit-form {
    color: rgb(0, 0, 0);
    background-color: rgba(255, 255, 255, 0.46);
    border-color: rgba(0, 0, 0, 0);
    font-size: 15px;
}

.gwstyle .submit-form:hover {
    background-color: rgba(255, 255, 255, 0.7);
    color: rgb(0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}


.gwstyle .custom-control-input:checked~.custom-control-label::before {
    color: rgb(255, 255, 255);
    border-color: rgb(41, 145, 62);
    background-color: rgb(38, 166, 46);
}

.gwstyle .form-control {
    color: rgb(130, 130, 130);
    background-color: rgba(0, 0, 0, 0.44);
    border: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .form-control:focus {
    color: rgb(219, 219, 219);
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .form-control optgroup {
    background-color: rgba(255, 180, 0, 0.11);
    color: rgb(182, 182, 182);
}

.gwstyle .form-control option {
    background-color: rgb(27, 27, 27);
    color: rgb(219, 219, 219);
}

.gwstyle .nav-tabs-alt .nav-link.active,
.gwstyle .nav-tabs-alt .nav-item.show .nav-link {
    background-color: transparent;
    border-color: transparent;
    box-shadow: inset 0 -2px rgb(36, 36, 36);
    color: rgb(219, 219, 219);
}

.gwstyle .nav-link {
    color: #8c8c8c;
}

.gwstyle .nav-link:hover {
    color: #e0c48d;
}

.gwstyle .nav-tabs {
    border-bottom: 0;
}

.gwstyle .btn-secondary {
    color: rgb(130, 130, 130);
    background-color: rgba(0, 0, 0, 0.44);
    border: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .btn-secondary:not([disabled]):not(.disabled):active {
    color: rgb(219, 219, 219) !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(255, 180, 0, 0.11) !important;
}

.gwstyle .breadcrumb-item {
    color: #11679d;
}

.gwstyle .breadcrumb-item:hover {
    color: #8b7655;
}

.gwstyle .breadcrumb-item.active {
    opacity: 0.9;
}

.gwstyle h1,
.gwstyle .h2,
.gwstyle h2,
.gwstyle .h4 {
    color: #003871c4 !important;
    font-family: 'Philosopher', 'Times New Roman', Times, serif;
}

.gwstyle h3,
.gwstyle h4,
.gwstyle h5,
.gwstyle h6,
.gwstyle .h1,
.gwstyle .h3,
.gwstyle .h5 {
    color: #0081da !important;
    font-family: 'Philosopher', 'Times New Roman', Times, serif;
}

.gwstyle .h6 {
    color: #a8a8a8 !important;
    font-family: 'Philosopher', 'Times New Roman', Times, serif;
	background-color: #17181f;
	border: 1px solid rgba(255, 180, 0, 0.11);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

.gwstyle .nav-tabs-alt .nav-link:hover,
.gwstyle .nav-tabs-alt .nav-link:focus {
    color: #e0c48d;
    box-shadow: inset 0 -2px #e0c48d;
}

.gwstyle .nav-tabs-block {
    background-color: rgba(246, 247, 249, 0.11);
}

.gwstyle.nav-tabs-block .nav-link:hover,
.gwstyle .nav-tabs-block .nav-link:focus {
    color: #e0c48d;
}

.gwstyle .table {
    color: #a8a8a8;
}

.gwstyle .table-bordered th,
.gwstyle .table-bordered td {
    border: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .table th,
.gwstyle .table td {
    border-top: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .input-group-text {
    background-color: rgba(39, 37, 45, 0.94);
    border: 1px solid #383b3ea8;
    color: #a2a1a1;
}

.gwstyle .border-bottom {
    border-bottom: 1px solid rgba(255, 180, 0, 0.11) !important;
}

.gwstyle #calculation_board {
    color: rgba(253, 253, 253, 0.45);
}

/* ===== Top menu dropdowns ===== */

.gwstyle #page-header .dropdown-menu,
.gwstyle #page-header .nav-main-header ul {
    min-width: 190px;
    width: max-content;
    max-width: 280px;
    padding: 5px;
    margin-top: 0;
    z-index: 1050;
    margin-left: 0;
    background: rgba(12, 20, 30, 0.96);
    border: 1px solid rgba(86, 150, 200, 0.28);
    border-radius: 6px;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gwstyle #page-header .nav-main-header > li {
    position: relative;
}

.gwstyle #page-header .nav-main-header > li:hover > ul,
.gwstyle #page-header .nav-main-header > li.open > ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Левое меню выбора сервера */
.gwstyle #page-header .isel + .dropdown-menu,
.gwstyle #page-header .dropdown-menu.server-list {
    min-width: 220px;
    max-width: 240px;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-top: 2px;
}

/* Пункты dropdown */
.gwstyle #page-header .dropdown-item,
.gwstyle #page-header .nav-main-header li ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 8px 10px;
    color: rgba(225, 238, 247, 0.88) !important;
    background: rgba(22, 38, 52, 0.72) !important;
    border: 1px solid rgba(100, 155, 200, 0.12);
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.2;
    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .08s ease,
        box-shadow .16s ease;
}

.gwstyle #page-header .dropdown-item i,
.gwstyle #page-header .nav-main-header li ul li a i {
    width: 16px;
    text-align: center;
    color: rgba(120, 190, 235, 0.85) !important;
    transition: color .16s ease;
}

/* Hover dropdown */
.gwstyle #page-header .dropdown-item:hover,
.gwstyle #page-header .dropdown-item:focus,
.gwstyle #page-header .nav-main-header li ul li a:hover,
.gwstyle #page-header .nav-main-header li ul li a:focus {
    color: #ffffff !important;
    background: rgba(40, 92, 128, 0.92) !important;
    border-color: rgba(120, 195, 255, 0.34);
    box-shadow:
        inset 2px 0 0 rgba(120, 205, 255, 0.55),
        0 0 10px rgba(40, 130, 200, 0.16);
}

.gwstyle #page-header .dropdown-item:hover i,
.gwstyle #page-header .nav-main-header li ul li a:hover i {
    color: #ffffff !important;
}

/* Эффект нажатия */
.gwstyle #page-header .nav-main-header a:active,
.gwstyle #page-header .dropdown-item:active,
.gwstyle #page-header .nav-main-header li ul li a:active {
    transform: translateY(1px);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35);
}

.gwstyle .dropdown-divider {
    border-top: 1px solid rgba(255, 180, 0, 0.11);
}

.gwstyle .border-b {
    border-bottom: 1px solid rgba(255, 180, 0, 0.11) !important;
}


.gwstyle .block.block-fx-shadow {
    box-shadow: none;
}

.gwstyle .content .push {
    background-color: rgba(255, 255, 255, 0.169) !important;
}

.gwstyle .block .push {
    background-color: transparent !important;
}

.gwstyle .bg-info {
    background-color: rgba(38, 218, 193, 0.369) !important;
}

.gwstyle .content-heading {
    border-color: rgba(255, 180, 0, 0.11);
}

.gwstyle .alert-warning {
    color: #ffedcb;
    background-color: rgba(255, 220, 119, 0.271);
    border-color: rgb(255, 240, 195);
}

.gwstyle #page-container.page-header-modern #sidebar {
    box-shadow: 5px 0 20px #000;
}

.gwstyle #page-container #sidebar {
    color: #d9d8e3;
    background-color: #16171a;
}

.gwstyle #sidebar .nav-main a {
    color: rgba(121, 119, 119, 0.9);
    transition: .2s all;
}

.gwstyle #sidebar .nav-main a>i {
    color: rgba(121, 119, 119, 0.8);
    transition: .2s all;
}

.gwstyle #sidebar .nav-main a:hover,
.gwstyle #sidebar .nav-main a:focus,
.gwstyle #sidebar .nav-main a.active {
    color: #e0c48d;
}

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

.gwstyle .modal-content {
    background-color: #0f1d2b;
}

.gwstyle .border-right,
.gwstyle .border-left,
.gwstyle .border-top,
.gwstyle .border-bottom {
    border-color: rgba(222, 226, 230, 0.08) !important;
}

.gwstyle hr {
    border-color: rgba(222, 226, 230, 0.08) !important;
}


/* psa */

.psa {
    margin-top: 30px;
    margin-bottom: 30px;
}

.psa__title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #e0c48d;
}

.psa__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.gwstyle .options-container .options-overlay {
    background-color: #1e1e1e !important;
}

.gwstyle .btn-alt-success {
    color: #0d0b0a;
    background-color: #3f9ce8;
    border-color: #0062db;
}

.gwstyle .btn-alt-success:hover,
.gwstyle .btn-alt-success:focus,
.gwstyle .btn-alt-success.focus,
.gwstyle .btn-alt-success:not([disabled]):not(.disabled):active {
    color: #000000;
    background-color: #0062db;
    border-color: #3f9ce8;
}

.gwstyle .btn-outline-primary {
    color: #377db7;
    border-color: #245277;
}

.gwstyle .btn-outline-primary:hover,
.gwstyle .btn-outline-primary:focus,
.gwstyle .btn-outline-primary.focus,
.gwstyle .btn-outline-primary:not([disabled]):not(.disabled):active {
    color: #c7e7f7;
    background-color: #1b3a53;
    border-color: #1e4a6c;
}

.gwstyle .btn-primary {
    color: #c7e7f7;
    background-color: #1b3a53;
    border-color: #1e4a6c;
}

.gwstyle .btn-primary:hover,
.gwstyle .btn-primary:focus,
.gwstyle .btn-primary.focus,
.gwstyle .btn-primary:not([disabled]):not(.disabled):active {
    color: #e3f3fb;
    background-color: #326086;
    border-color: #246597;
}

.gwstyle .btn-alt-danger {
    color: #ee9f9e;
    background-color: #7b3633ab;
    border-color: #ffb2ae30;
}

.gwstyle .btn-alt-danger:hover,
.gwstyle .btn-alt-danger:focus,
.gwstyle .btn-alt-danger.focus,
.gwstyle .btn-alt-danger:not([disabled]):not(.disabled):active {
    color: #f4a6a4;
    background-color: #661a15;
    border-color: #7b2621;
}

.gwstyle .css-switch .css-control-input~.css-control-indicator {
    background-color: #535353;
}

.gwstyle .nav-tabs-block .nav-link.active,
.gwstyle .nav-tabs-block .nav-item.show .nav-link {
    color: #d79d39;
    background-color: #aea88338;
    border-color: transparent;
}

.gwstyle .list-group-item {
    background-color: #5e5e5e3d;
    border: 1px solid #47494f80;
}

.gwstyle .list-group-item-action {
    color: #ccc;
}

.gwstyle .intl-tel-input .country-list {
    background-color: #1a1a1a;
    border-color: #464646;
}

.gwstyle .intl-tel-input .country-list .country.highlight {
    background-color: rgb(40, 40, 40);
}

.gwstyle .intl-tel-input .country-list .divider {
    border-color: #464646;
}

.gwstyle .modal-backdrop {
    background-color: #212528;
}

.gwstyle a.block.block-link-shadow:hover {
    /* box-shadow: 0 0 6px rgba(255, 255, 255, 0.150); */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.30);
    border-color: #e0c48d;
}

.gwstyle .nav-pills .nav-link.active,
.gwstyle .nav-pills .nav-link.active:hover,
.gwstyle .nav-pills .show>.nav-link,
.gwstyle .nav-pills .show>.nav-link:hover {
    background-color: #e0c48d;
    color: #000
}

.gwstyle #page-header .isel {
    color: #06131f;
    background: linear-gradient(180deg, #38a7ff 0%, #0878df 100%);
    border: 1px solid rgba(125, 210, 255, 0.65);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 14px rgba(0, 145, 255, .22);
    margin-bottom: 4px;
    font-weight: 500;
}

.gwstyle .checkbox__block {
    background: rgba(255, 238, 145, 0.44);
    border-radius: 3px 0 0 3px;
    box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.63);
    transform: scale(1);
}

.gwstyle .checkbox__block:after {
    border-radius: 3px 0 0 3px;
}

.gwstyle .checkbox__input:checked+.checkbox__block:after {
    background-color: rgb(41, 104, 41);
}

/* itm */

.itm-list {
    display: grid;
    gap: 6px;
}

.itm {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 6px;
}

.itm__pic {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 3px;
    flex-shrink: 0;
}

.itm__img {
    max-width: 100%;
    max-height: 100%;
}

.itm__content {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: rgb(255, 255, 255);
    margin-left: 6px;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #333;
	box-shadow: 0 0 2px rgba(0, 0, 0, .9) inset;
}

::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 8px;
	border: 1px solid #aaaaaa;
}

::-webkit-scrollbar-thumb:hover {
	background: #575757;
}