/*  Фон сайта */
body {
    /*  Цвет фона  */
    background-color: var(--main-bg-color) !important;
}

/*  Шапка сайта */
.navbar {
    /*  Цвет фона  */
    background-color: #96C2CC !important;
}

/*  подвал сайта */
.footer {
    /*  высота подвала  */
    height: 60px;
    /*  размер шрифта  */
    font-size: .12em;
    /*  цвет фона  */
    background-color: #976123;
}

h1, .h1 {
    font-size: 2rem;
}

/*  кнопки: редактировать заказ */
.btn-warning {
    /*  цвет кнопки  */
    --bs-btn-bg: rgb(241, 194, 50);
    /*  цвет текста кнопки  */
    --bs-btn-color: #000;
    /*  цвет кнопки при наведении мыши  */
    --bs-btn-hover-bg: rgb(255, 153, 0);
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-bg: rgb(255, 153, 0);
    /*  цвет кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-bg: rgb(241, 213, 128);
    /*  цвет текста кнопки при наведении мыши  */
    --bs-btn-hover-color: rgb(0, 0, 0);
    /*  цвет текста когда кнопка активна  */
    --bs-btn-active-color: rgb(0, 0, 0);
    /*  цвет рамки кнопки  */
    --bs-btn-border-color: rgb(255, 153, 0);
    /*  цвет тени кнопки когда она активна  */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    /*  цвет текста кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-color: #000;
    /*  цвет тени вокруг кнопки  */
    --bs-btn-focus-shadow-rgb: 217,164,6;
    /*  цвет рамки кнопки при наведении мыши  */
    --bs-btn-hover-border-color: rgb(255, 153, 0);
    /*  цвет рамки кнопки когда она активна  */
    --bs-btn-active-border-color: rgb(255, 153, 0);
    /*  цвет рамки кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-border-color: rgb(241, 213, 128);
}

/*  кнопки: удаление и отмена */
.btn-danger {
    /*  цвет кнопки  */
    --bs-btn-bg: #dc3545;
    /*  цвет текста кнопки  */
    --bs-btn-color: #fff;
    /*  цвет кнопки при наведении мыши  */
    --bs-btn-hover-bg: #bb2d3b;
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-bg: #b02a37;
    /*  цвет кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-bg: rgb(232, 105, 117);
    /*  цвет текста кнопки при наведении мыши  */
    --bs-btn-hover-color: #fff;
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-color: #b02a37 ;
    /*  цвет рамки кнопки  */
    --bs-btn-border-color: #bb2d3b;
    /*  цвет тени кнопки когда она активна  */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    /*  цвет текста кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-color: #fff;
    /*  цвет тени вокруг кнопки  */
    --bs-btn-focus-shadow-rgb: 225,83,97;
    /*  цвет рамки кнопки при наведении мыши  */
    --bs-btn-hover-border-color: #bb2d3b;
    /*  цвет рамки кнопки когда она активна  */
    --bs-btn-active-border-color: #b02a37;
    /*  цвет рамки кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-border-color: rgb(232, 105, 117);
}

/*  кнопки: оплатить, скачать билет */
.btn-primary {
    /*  цвет кнопки , --bs-btn-bg: #0d6efd; */
    --bs-btn-bg: rgb(106, 168, 79);
    /*  цвет текста кнопки  */
    --bs-btn-color: #fff;
    /*  цвет кнопки при наведении мыши  */
    --bs-btn-hover-bg: rgb(48, 130, 6);
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-bg: rgb(48, 130, 6);
    /*  цвет кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-bg: rgb(182, 215, 168);
    /*  цвет текста кнопки при наведении мыши  */
    --bs-btn-hover-color: #fff;
    /*  цвет текста когда кнопка активна  */
    --bs-btn-active-color: #fff;
    /*  цвет рамки кнопки , --bs-btn-border-color: #0d6efd; */
    --bs-btn-border-color: rgb(106, 168, 79);
    /*  цвет тени кнопки когда она активна  */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    /*  цвет текста кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-color: rgb(0, 0, 0);
    /*  цвет тени вокруг кнопки  */
    --bs-btn-focus-shadow-rgb: 49,132,253;
    /*  цвет рамки кнопки при наведении мыши  */
    --bs-btn-hover-border-color: rgb(48, 130, 6);
    /*  цвет рамки кнопки когда она активна  */
    --bs-btn-active-border-color: rgb(48, 130, 6);
    /*  цвет рамки кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-border-color: rgb(182, 215, 168);
}

/*  кнопки: поиск, прямые пейсы, рейсы с пересадками, выбранный тариф,
           далее, назад, заказать, места в самолете когда уже показан
           самолет, модальное окно при вопросе сохранить изменения в пассажире
           "сохранить", в профиле "сохранить" */
.btn-success {
    /*  цвет кнопки  */
    --bs-btn-bg: rgb(189, 206, 222);
    /*  цвет текста кнопки  */
    --bs-btn-color: rgb(0, 0, 0);
    /*  цвет кнопки при наведении мыши  */
    --bs-btn-hover-bg: rgb(7, 55, 99);
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-bg: rgb(7, 55, 99);
    /*  цвет кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-bg: rgb(204, 204, 204);
    /*  цвет текста кнопки при наведении мыши  */
    --bs-btn-hover-color: rgb(255, 255, 255);
    /*  цвет текста когда кнопка активна  */
    --bs-btn-active-color: rgb(255, 255, 255);
    /*  цвет рамки кнопки  */
    --bs-btn-border-color: rgb(7, 55, 99);
    /*  цвет тени кнопки когда она активна  */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    /*  цвет текста кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-color: rgb(0, 0, 0);
    /*  цвет тени вокруг кнопки  */
    --bs-btn-focus-shadow-rgb: 60,153,110;
    /*  цвет рамки кнопки при наведении мыши  */
    --bs-btn-hover-border-color: rgb(7, 55, 99);
    /*  цвет рамки кнопки когда она активна  */
    --bs-btn-active-border-color: rgb(7, 55, 99);
    /*  цвет рамки кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-border-color: rgb(204, 204, 204);
}

/*  хлебные крошки */
.breadcrumb {
    /*  тип отображения  */
    display: flex;
    /*  отступы (техническое свойство)  */
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    /*  тип переноса  */
    flex-wrap: wrap;
    /*  тип списка  */
    list-style: none;
    /*  отступ снизу  */
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    /*  фон  */
    --bs-breadcrumb-bg: none;
    /*  внутренний отступ x  */
    --bs-breadcrumb-padding-x: 0;
    /*  внутренний отступ y  */
    --bs-breadcrumb-padding-y: 0;
    /*  радиус рамки  */
    --bs-breadcrumb-border-radius: inherit;
    /*  цвет разделительной черты  */
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    /*  внешний нижний отступ  */
    --bs-breadcrumb-margin-bottom: 1rem;
    /*  отступ внутренних элементов  */
    --bs-breadcrumb-item-padding-x: .5rem;
    /*  активный цвет элемента  */
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
}

/*  кнопки: не выбранный тариф, места в самолете когда еще не показан самолет */
.btn-secondary {
    /*  цвет кнопки  */
    --bs-btn-bg: #6c757d;
    --bs-btn-color: #fff;
    /*  цвет кнопки при наведении мыши  */
    --bs-btn-hover-bg: #5c636a;
    /*  цвет кнопки когда она активна  */
    --bs-btn-active-bg: #565e64;
    /*  цвет кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-bg: #6c757d;
    /*  цвет текста кнопки при наведении мыши  */
    --bs-btn-hover-color: #fff;
    /*  цвет текста когда кнопка активна  */
    --bs-btn-active-color: #fff;
    /*  цвет рамки кнопки  */
    --bs-btn-border-color: #6c757d;
    /*  цвет тени кнопки когда она активна  */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    /*  цвет текста кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-color: #fff;
    /*  цвет тени вокруг кнопки  */
    --bs-btn-focus-shadow-rgb: 130,138,145;
    /*  цвет рамки кнопки при наведении мыши  */
    --bs-btn-hover-border-color: #565e64;
    /*  цвет рамки кнопки когда она активна  */
    --bs-btn-active-border-color: #51585e;
    /*  цвет рамки кнопки когда она запрещена на нажатие  */
    --bs-btn-disabled-border-color: #6c757d;
}

.dropdown-menu {
    /*  Цвет фона активной ссылки  */
    --bs-dropdown-link-active-bg: rgb(50, 113, 216);
}

/*  Поля формы в фокусе */
.form-control:focus {
    /*  Цвет текста  */
    color: var(--bs-body-color);
    /*  Внешняя рамка  */
    outline: 0;
    /*  Тень поля  */
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
    /*  Цвет рамки  */
    border-color: rgb(var(--bs-primary-rgb));
    /*  Цвет фона  */
    background-color: var(--bs-body-bg);
}

/*  Чекбокс-переключатель */
.form-switch .form-check-input {
    /*  цвет фона чекбокса  */
    --bs-checkbox-bg-color: rgb(20, 98, 224);
    /*  цвет рамки чекбокса  */
    --bs-checkbox-border-color: rgb(20, 98, 224);
}

/*  Список select2 */
.select2-container--krajee-bs5 {
    /*  Цвет фона при наведении  */
    --select2-hover: rgb(29, 101, 216);
}

/*  Корневые настройки светлой темы */
:root, [data-bs-theme=light] {
    /*  Цвет опасности в rgb  */
    --bs-danger-rgb: 220,53,69;
    /*  Цвет ссылки  */
    --bs-link-color: rgb(212, 176, 124);
    /*  общий фон  */
    --main-bg-color: rgb(120, 148, 173);
    /*  Основной цвет bs в rgb  */
    --bs-primary-rgb: 181,162,115;
    /*  Цвет предупреждения в rgb  */
    --bs-warning-rgb: 255,193,7;
    /*  Цвет ссылки в rgb  */
    --bs-link-color-rgb: 116,75,15;
    /*  Подчеркивание ссылки  */
    --bs-link-decoration: underline;
    /*  Цвет ссылки при наведении  */
    --bs-link-hover-color: #744b0f;
}

/*  Сфокусированный чекбокс-переключатель */
.form-switch .form-check-input:focus {
    /*  Настройки теней  */
    box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-bg),.25);
    /*  Цвет рамки  */
    border-color: var(--bs-checkbox-border-color);
}

/*  Отмеченный чекбокс-переключатель */
.form-switch .form-check-input:checked {
    /*  Цвет рамки  */
    border-color: var(--bs-checkbox-border-color);
    /*  Цвет фона  */
    background-color: var(--bs-checkbox-bg-color);
}

/*  Тёмный вариант шапки */
.navbar-dark, .navbar[data-bs-theme=dark] {
    /*  Цвет текста  */
    --bs-navbar-color: rgba(255, 255, 255, 0.87);
    /*  Цвет логотипа  */
    --bs-navbar-brand-color: #fff;
    /*  Цвет текста при наведении  */
    --bs-navbar-hover-color: rgba(255,255,255,.75);
    /*  Цвет текста активных элементов  */
    --bs-navbar-active-color: #fff;
    /*  Цвет текста неактивных элементов  */
    --bs-navbar-disabled-color: rgba(255,255,255,.25);
    /*  цвет логотипа ,  Цвет логотипа при наведении  */
    --bs-navbar-brand-hover-color: #fff;
    /*  цвет логотипа при наведении мышки ,  Цвет рамки переключателя шапки  */
    --bs-navbar-toggler-border-color: rgba(255,255,255,.1);
}

/*  Техническое свойство чекбокса-переключателя */
.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'rgba%280, 0, 0, 0.25%29\'/%3e%3c/svg%3e");
}

/*  Результаты select2 */
.select2-container--krajee-bs5 .select2-results__option[aria-selected=true] {
    /*  Цвет текста  */
    color: var(--select2-hover) !important;
    /*  Цвет фона  */
    background-color: rgba(134, 121, 81, 0.65) !important;
}

/*  Подсвеченные результаты select2 */
.select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected] {
    /*  Цвет текста   */
    color: #fff;
    /*  Цвет фона   */
    background-color: var(--select2-hover) !important;
}

/*  Контейнер select2 (выпадающий список) */
.select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus, .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {
    /*  Настройки теней  */
    box-shadow: 0 .375rem .75rem .2rem rgba(0,0,0,.25) !important;
    /*  Цвет рамки  */
    border-color: var(--select2-hover) !important;
}