.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: #ffffff;
    --bs-body-bg-start: #ffffff;
    --bs-body-bg-end: #ffffff;
    --bs-navbar-bg-color: #e6eaf1;  
    --bs-border-color: rgba(0, 0, 0, .175);
}


.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-attachment: fixed;
}

.nav .active, .nav .active * {
    background-color: var(--bs-primary) !important;
    color: #000 !important;
    border-color: var(--bs-primary) !important;
}
font,
a:hover,
a:focus,
a:active,
a {
    text-decoration:none;
}
.nav li {
text-align: center;
}
/*
.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;
}
h1 {
    margin-top: 0;
    text-align: center;
}
h2 {
    margin-top: 30px;
    font-size: 1.2em;
    color: #007bff;
}
.section {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

[data-bs-theme="light"] .form-control:disabled, 
[data-bs-theme="light"] .form-control[readonly] {
    background-color: #ffffff !important;
    opacity: 1;
}

/* Насичений градієнт для всього екрану */
body {
    background: linear-gradient(180deg, #e9ecf5 0%, #e6e8f4 40%, #e7eaf3 100%) repeat !important;
}

/* Картки з "скляним" ефектом */
.card {
    /* Робимо фон картки білішим і менш прозорим */
    background: linear-gradient(170deg, #fdfdff 0%, #f7f7ff 60%, #d5e5f4 100%) no-repeat !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 24px !important;
    
    /* Чітка біла рамка (ефект відблиску на краях) */
    border: 1.5px solid #ffffff !important;
    
    /* М'яка зовнішня тінь для об'єму */
    box-shadow: 0 10px 30px rgba(165, 185, 225, 0.3) !important;
}

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

/* Колір заголовків (Синій як на фото) */
.card .fs-4, .card .fs-5 {
    color: #4a72b2 !important;
    font-weight: 500 !important;
}

/* Колір підписів у дужках */
.text-muted {
    color: #606060 !important;
}

/* Спеціальний блок "Зароблено" з бірюзовим градієнтом */
.card-money {
    background: linear-gradient(170deg, #d8efe7 0%, #b5d8d4 100%) !important;
    border: 1.5px solid #d1ede5 !important;
    color: #1f4936;
}
.card-main {

}

/* Покращене вирівнювання кнопок головного меню */
.row.g-3 .col-6 .card-body > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-decoration: none;
    /* Дозволяє довгим словам (Благотворительность) переноситися */
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
.row.g-3 .col-6 .card-body > a > i {
    /* Однаковий фіксований простір для іконки, щоб під нею текст завжди починався на одному рівні */
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
}
.row.g-3 .col-6 .card-body > a > .fs-4 {
    /* Великий текст під іконкою */
    font-size: 1.1rem !important;
    line-height: 1.2;
    margin-top: 5px;
}
@media (min-width: 768px) {
    .row.g-3 .col-6 .card-body > a > .fs-4 {
        font-size: 1.3rem !important;
    }
}
.row.g-3 .col-6 .card-body > a > .small.text-muted {
    /* Підпис йде одразу після великого тексту */
    margin-top: 2px !important;
    padding-top: 0px;
}