/* ---------- */
/* Order tour */
/* ---------- */

/* Фон и рамка формы */
body .os-order-form-wrap {
    background: #fff;
    border: 5px solid #eee;
}

/* Заголовок формы */
body .os-order-form-wrap .os-order-header-title {
    color: var(--main-color) !important;
    font-size: 27px;
    font-weight: bold;
    font-family: var(--bs-body-font-family);
}

/* Шрифты и цвета некоторых полей (взрослые и дети, и, возраст детей, возможны другие даты) */
body .os-order-first-title,
body .os-order-and-title,
body .os-order-second-title,
body .os-order-input-dates label {
    font-family: "Inspiration", cursive;
    color: #666;
}

/* Выпадающие списки (страна, курорт, взрослые, дети, возрасты, длительности) */
body .os-order-form-wrap select {
    font-family: "Inspiration", cursive;
    color: black;
}

body .os-order-select-wrapper,
body .os-order-select-wrapper:after {
    background: white;
}

body .os-order-select-wrapper {
    border-radius: 5px;
    border: 1px solid #c3c3c3;
}

/* Тривалість */
body .os-order-input-duration .os-order-select-wrapper {
    border-radius: 5px;
}

/* Цвета иконок в полях. Добавьте !important чтобы сработало, например:
   body .os-order-input-country .os-order-select-wrapper:after {color: green !important;}*/
body .os-order-form-wrap .os-order-select-wrapper:after {
    /* выпадающий список ближайшего офиса */
    color: #4cb5ff;
}

/* Шрифты, их цвета, фон и цвет рамки в полях формы (имя, телефон, е-мейл, пожелания)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {
    font-family: arial;
    color: #000;
    background: #F0F0F0;
    border-color: #c3c3c3;
}

/* Скругление углов в полях формы (имя, телефон, е-мейл, пожелания) (4 значения означают углы: верхний-левый верхний-правый нижний-правый нижний-левый)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {
    border-radius: 0px 0px 0px 0px;
}

/* Скругление углов в выпадающем списке "ближайший офис"*/
body .os-order-input-office .os-order-select-wrapper {
    border-radius: 0px 0px 0px 0px;
}

/* Поле даты */
body .os-order-input-dates .os-order-input-wrapper {
    font-family: "Inspiration", cursive;
    color: #000;
    background: #fff;
    border-radius: 5px;
    border-color: #c3c3c3;
}

/* цвет иконки календаря. */
body .os-order-input-dates .os-order-input-wrapper:after {
    color: #4cb5ff !important;
}

/* Кнопка "Отправить" */
body .os-order-form-submit_button {
    width: 100%;
    margin-top: 1rem;
    font-family: "Inspiration", cursive !important;
    font-size: 1rem;
    color: #ffffff;
    border: 5px solid #dbdbdb;
    border-radius: 25px;
    background: var(--main-color) !important;
    height: 50px;
}

/* Кнопка "Отправить" при наведении мыши */
body .os-order-form-submit_button:hover {
    /* background: #4cb5ff !important; */
    background: #BC9869 !important;
    border-color: #B7B7B7 !important;
    /* font-size: 1.1rem; */
}

body .os-order-header-title,
.os-order-form-wrap *:after {
    color: #4cb5ff !important;
}

body .table-condensed .prev,
.table-condensed .next,
.table-condensed .switch {
    background-color: #4cb5ff !important;
}

body .datepicker {
    border-color: #4cb5ff !important;
    z-index: 9999;
}

/* ------------ */
/* Search tours */
/* ------------ */

.new_os,
.new_f-container *,
.new_f-container *::before,
.new_f-container *::after,
.new_spinner-wrap *,
.new_spinner-wrap *::before,
.new_spinner-wrap *::after,
.new_r-container *,
.new_r-container *::before,
.new_r-container *::after,
.new_t-container *,
.new_t-container *::before,
.new_t-container *::after {
    box-sizing: border-box;
    font-family: "Inspiration", cursive !important;
    line-height: normal;
    transition: none !important;
    color: var(--main-color) !important;
}

.new_f-container {
    max-width: none !important;
    background-image: url("../images/pattern.png") !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}