.navbar-brand img {
    width:60px;
    height:60px;
}
:root, [data-bs-theme=dark] {
    --card-bg-main: #203040;
    --card-bg-money: #104040;
    --bs-body-bg: #0a131c;
    --bs-body-bg-start: #102030;
    --bs-body-bg-end: #0a131c;
    --bs-navbar-bg-color: #1c2839;
}
:root, [data-bs-theme=light] {
    --card-bg-main: #e4ecf3;
    --card-bg-money: #b2e0db;
    --bs-body-bg: #e5e9ef;
    --bs-body-bg-start: #f3f6fa;
    --bs-body-bg-end: #e5e9ef;
    --bs-navbar-bg-color: #e6eaf1;
}
[data-bs-theme="dark"] .card{
    --bs-card-bg: #1c2839;
}
[data-bs-theme="light"] .card{
    --bs-card-bg: #e6eaf1;
}
.navbar {
    background-color: var(--bs-navbar-bg-color);
}
html, body {
    height: 100%;
    min-height: 100%;
}
body {
    font-family: Montserrat, sans-serif;
    min-height: 100%;
    background: linear-gradient(
            180deg,
            var(--bs-body-bg-start) 0%,
            var(--bs-body-bg-end) 100%
    );
    background-attachment: fixed;
}
.card-main {
    background-color: var(--card-bg-main) !important;
}
.card-money {
    background-color: var(--card-bg-money) !important;
}
.nav .active {
    background-color: #105080;
}
font,
a:hover,
a:focus,
a:active,
a {
    color: var(--bs-color) !important;
    text-decoration:none;
}
/*
.bg-dark .navbar,
.bg-dark .card {
    background-color: #26313b;
}

.bg-light .navbar,
.bg-light .card {
    background-color: #e3eaf1;
}

*/

.travel_frame {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;

    background-color: #fff;
    border-radius: 20px;

    display: none;
    z-index: 10600 !important;

    overflow-y: scroll;
}

.travel_frame_close {
    padding: 10px 0 0 20px;
    cursor: pointer;
}

.travel_frame_inner {
    padding: 20px;
}

.travel_frame_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: #000;
    opacity: 0.7;

    display: none;
    z-index: 10500 !important;
}

.travel_main_block {
    margin: auto;
    margin-top: 50px;
    width: 100%;
    padding:0 30px;
}

.container .container {
    margin: auto;
}

.travel_delay_users_block {
    margin-top: 20px;
}


/* Silver — сріблястий */
.level-1 .emerald-wrapper-active,
.level-1 .emerald-wrapper-active *,
.btn_travel_level_selected[data-level="1"] {
    background-color: silver !important; /* срібло */
    color: #000 !important;
}

/* Gold — золотистий */
.level-2 .emerald-wrapper-active,
.level-2 .emerald-wrapper-active *,
.btn_travel_level_selected[data-level="2"] {
    background-color: gold !important; /* золото */
    color: #000 !important;
}

/* Platinum — платиновий */
.level-3 .emerald-wrapper-active,
.level-3 .emerald-wrapper-active *,
.btn_travel_level_selected[data-level="3"] {
    background-color: #F0F0F5 !important; /* платина */
    color: #000 !important;
}

/* Diamond — діамантовий */
.level-4 .emerald-wrapper-active,
.level-4 .emerald-wrapper-active *,
.btn_travel_level_selected[data-level="4"] {
    background-color: lightblue !important; /* діамантовий (світло-блакитний) */
    color: #000 !important;
}

/* Titanium — титановий */
.level-5 .emerald-wrapper-active,
.level-5 .emerald-wrapper-active *,
.btn_travel_level_selected[data-level="5"] {
    background-color: #778899 !important; /* сіро-блакитний */
    color: #000 !important;
}


.wrapp_icon-lock {
    position: absolute;
    left: 4%;
    top: auto;
    right: auto;
    bottom: auto;
}

.wrapp_soc-icon {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 2%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    z-index: 20;
}

.wrapp_soc-icon._2 {
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 20;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.link_fb {
    margin-right: 5px;
}

.link_fb._2 {
    margin-right: 0px;
}

.link_tw {
    margin-right: 5px;
}

.link_tw._2 {
    margin-right: 0px;
}

.img_tw {
    margin-right: 0px;
}
.select2-container--krajee-bs5 .select2-results__option,
.select2-container--krajee-bs5 .select2-results__option[aria-selected],
.select2-container--krajee-bs5 .select2-results,
.select2-container--krajee-bs5 .select2-search__field,
.select2-container--krajee-bs5 .select2-selection ,
.select2-container--krajee-bs5 .select2-dropdown {
    background: var(--bs-body-bg) !important;
}
.select2-results__option {
    padding: 0 0.6rem;
}
.select2-container--krajee-bs5 .select2-selection--single {
    padding: 0.3rem;
}

.pagination li.active {
    color: var(--bs-primary) !important;
}
.pagination li {
    display: inline-block;
    font-size: 120%;
    padding: 0.2vw;
    margin: 0.3vw;
}
.modal-header .close {
    position: absolute;
    right: 24px;
}