/* Фон и рамка формы */

.os-order-form-wrap {
    background: #fff;
    border: 5px solid #eee;
}


/* Заголовок формы */

.os-order-form-wrap .os-order-header-title {
    color: #4cb5ff;
    /*цвет шрифта.
  Добавьте !important сработало, например:
  color: blue !important;*/
    font-size: 27px;
    /*размер шрифта*/
    font-weight: bold;
    /*жирность шрифта*/
    font-family: arial;
    /*семейство шрифта*/
}


/* Шрифты и цвета некоторых полей (взрослые и дети, и, возраст детей, возможны другие даты) */

.os-order-first-title,
.os-order-and-title,
.os-order-second-title,
.os-order-input-dates label {
    font-family: arial;
    color: #666;
}


/*возможны другие даты*/


/* Выпадающие списки (страна, курорт, взрослые, дети, возрасты, длительности) */

.os-order-form-wrap select {
    font-family: arial;
    color: #000;
}

.os-order-select-wrapper,
.os-order-select-wrapper:after {
    background: #fff;
}

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

.os-order-input-duration .os-order-select-wrapper {
    border-radius: 0px;
}


/*длительность*/


/* Цвета иконок в полях. Добавьте !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;
}


/*выпадающий список ближайшего офиса*/


/* Шрифты, их цвета, фон и цвет рамки в полях формы (имя, телефон, е-мейл, пожелания)*/

.os-order-user-contacts input,
.os-order-form-wrap textarea {
    font-family: arial;
    color: #000;
    background: #F0F0F0;
    border-color: #c3c3c3;
}


/* Скругление углов в полях формы (имя, телефон, е-мейл, пожелания) (4 значения означают углы: верхний-левый верхний-правый нижний-правый нижний-левый)*/

.os-order-user-contacts input,
.os-order-form-wrap textarea {
    border-radius: 0px 0px 0px 0px;
}


/* Поле даты */

.os-order-input-dates .os-order-input-wrapper {
    font-family: arial;
    /*семейство шрифта*/
    color: #000;
    /*цвет шрифта*/
    background: #fff;
    /*цвет фона*/
    border-radius: 0px;
    /*скругление углов*/
    border-color: #c3c3c3;
    /*цвет рамки*/
}

body .os-order-input-dates .os-order-input-wrapper:after {
    color: #4cb5ff;
}


/*цвет иконки календаря. Добавьте !important чтобы сработало*/


/* Кнопка "Отправить" */

body .os-order-form-submit_button {
    font: bold 18px Arial;
    /* шрифт */
    color: #ffffff;
    /*цвет шрифта*/
    border: 5px solid #dbdbdb;
    /*рамка*/
    border-radius: 25px;
    /*скругление углов*/
    background: #4cb5ff;
    /*цвет фона (добавьте !important чтобы сработало) */
    height: 50px;
    /*высота кнопки*/
    width: 200px;
    /*ширина кнопки*/
}


/* Кнопка "Отправить" при наведении мыши (добавьте !important чтобы сработало) */

body .os-order-form-submit_button:hover {
    background: #4cb5ff;
    /*цвет фона (добавьте !important чтобы сработало) */
    border-color: #B7B7B7;
}

/* ------------------------------------------------------------------------------ */
/* Конфигурация стилей для результатов поиска туров*/
/* Цвет ссылок в результатах поиска */
.os-result-title_link, .os-result-description_link, .os-result-tour {
    color: #ED2629;
}

/* Стили для цен в результатах поиска */
.os-offer-price_value, .os-offer-price_date, .os-offer-price_value_fcurrency {
    color: #ED2629; /* цвет надписей в цене */
}

.os-hotel-info-item_list {
    margin: 16px 0;
}

.os-hotel-info-item_list li {
    list-style-type: disc;
}

.selected .os-offer-price {
    border: 1px solid #008dde !important; /* стиль рамки выделенной цены */
    /* фон выделенной цены */
    background-color: #efefef;
    background: -webkit-radial-gradient(#efefef 65%, #c4c4c4);
    background: -o-radial-gradient(#efefef 65%, #c4c4c4);
    background: -moz-radial-gradient(#efefef 65%, #c4c4c4);
    background: radial-gradient(#efefef 65%, #c4c4c4);
}

.os-offer-price_link {
    /* фон кнопки выбрать" в цене */
    background-color: #6dbbee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6dbbee), to(#035fdd));
    background-image: -webkit-linear-gradient(top, #6dbbee, #035fdd);
    background-image: -moz-linear-gradient(top, #6dbbee, #035fdd);
    background-image: -ms-linear-gradient(top, #6dbbee, #035fdd);
    background-image: -o-linear-gradient(top, #6dbbee, #035fdd);
    background-image: linear-gradient(to bottom, #6dbbee, #035fdd);
    /* цвет текста на кнопке "выбрать" в цене */
    color: #ffffff;
}

/* ------------------------------------------------------------------------------ */
/* цвет ссылок и пунктов меню на странице тура*/
.os-back_link, .os-tour-menu .item_link, .os-hotel-info-item_value a, .os-rating_link {
    color: #0799ff;
}

.os-food-room_link, .os-review-block_title_value, .os-review-block_toggle, .os-rating-detail_toggle_value {
    border-bottom: 1px dotted;
    color: #f76c29;
}

/* */
.os-tour-info_people {

}

.os-tour_buy, .form-submit_button, a.os-tour_buy {
    /* цвет фона кнопок "Заказать" и "Отправить" */
    background-color: #32a9fd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#32a9fd), to(#017bc9));
    background-image: -webkit-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -moz-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -ms-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -o-linear-gradient(top, #32a9fd, #017bc9);
    background-image: linear-gradient(to bottom, #32a9fd, #017bc9);
    /* цвет текста на кнопках */
    color: #ffffff;
    /* стиль рамки */
    border: 5px solid #dbdbdb;
}

/* цвет рамки кнопки при наведении на кнопку */
.os-tour_buy:hover, .form-submit_button:hover {
    border-color: #BAEBFF !important; /* цвет рамки вокруг кнопки "Найти" при наведении */
}

.os-tour_buy:active, .form-submit_button:active, a.os-tour_buy:active {
    /* цвет фона кнопок "Заказать" и "Отправить" при нажатии */
    background-color: #0075BF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075BF), to(#32a9fd));
    background-image: -webkit-linear-gradient(top, #0075BF, #32a9fd);
    background-image: -moz-linear-gradient(top, #0075BF, #32a9fd);
    background-image: -ms-linear-gradient(top, #0075BF, #32a9fd);
    background-image: -o-linear-gradient(top, #0075BF, #32a9fd);
    background-image: linear-gradient(to bottom, #0075BF, #32a9fd);
}

/* цвет надписей параметров тура (кол-во человек, дата вылета, тип номера, питание) */
.os-tour-info_people, .os-tour-info-dates-from_value, .os-tour-info-dates-to_value,
.os-tour-info-food_value, .os-tour-info_add .item.selected {
    color: #f76c29;
}

/* цвет цены тура в правой колонке */
.os-tour-price_value {
    color: #cc3333;
}

/* цвет ссылок "закрыть" в таблицах с ценами на другие дни */
.os-tour-info-dates_close, .os-tour-info-food_close {
    color: #c93636;
}

/* стили фона и рамочки блока с ценой в таблицах цен */
.os-tour-info_date_price .date_link, .os-tour-info_food .date_link {
    border: 1px solid #cccccc; /* стиль рамки */
    /* оформление фона */
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
}

/* цвета цен в таблице с ценами */
.os-tour-info_date_price .date_link .uah, .os-tour-info_food .date_link .uah {
    color: #666666;
}

.os-tour-info_date_price .date_link .usd, .os-tour-info_food .date_link .usd {
    color: #888888;
}

/* цвета цен при наведении на блок с ценой */
.os-tour-info_date_price .date_link:hover .uah, .os-tour-info_food .date_link:hover .uah {
    color: #0799ff;
}

.os-tour-info_date_price .date_link:hover .usd, .os-tour-info_food .date_link:hover .usd {
    color: #0799ff;
}

/* оформление выделенной цены в таблице цен */
.os-tour-info_date_price .date_link.selected, .os-tour-info_food .date_link.selected {
    border: 1px solid #0977BC; /* стиль рамки */
    /* фон выделенной цены */
    background-color: #0977bc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0977bc), to(#35a8f4 60%));
    background-image: -webkit-linear-gradient(top, #0977bc, #35a8f4 60%);
    background-image: -moz-linear-gradient(top, #0977bc, #35a8f4 60%);
    background-image: -ms-linear-gradient(top, #0977bc, #35a8f4 60%);
    background-image: -o-linear-gradient(top, #0977bc, #35a8f4 60%);
    background-image: linear-gradient(to bottom, #0977bc, #35a8f4 60%);
}

/* цвет надписей выделенной цены */
.os-tour-info_date_price .date_link.selected .uah, .os-tour-info_food .date_link.selected .uah {
    color: #ffffff;
}

.os-tour-info_date_price .date_link.selected .usd, .os-tour-info_food .date_link.selected .usd {
    color: #ffffff;
}

/* стиль кнопки "изменить "*/
.os-tour-info-dates_change, .os-tour-info-food_change {
    /* цвет фона кнопки */
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e4e4e4));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e4e4e4);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e4e4e4);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e4e4e4);
    background-image: -o-linear-gradient(top, #f7f7f7, #e4e4e4);
    background-image: linear-gradient(to bottom, #f7f7f7, #e4e4e4);
    /* стиль рамки */
    border: 1px solid #e4e4e4;
    /* цвет надписи */
    color: #666;
    border-radius: 3px !important;
}

/* стиль кнопок "изменить" при наведении */
.os-tour-info-block:hover .os-tour-info-dates_change, .os-tour-info-block:hover .os-tour-info-food_change, .os-tour-info-block:hover .os-tour-info-food_change {
    color: #FfFfFf; /* цвет надписи на кнопке */
    /* цвет фона кнопки */
    background: #f76c29 !important;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#32a9fd), to(#017bc9));
    background-image: -webkit-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -moz-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -ms-linear-gradient(top, #32a9fd, #017bc9);
    background-image: -o-linear-gradient(top, #32a9fd, #017bc9);
    background-image: linear-gradient(to bottom, #32a9fd, #017bc9);*/
}