/*** COMMON ELEMENTS ***/

ul > li, ol > li { /* overriding main website styles */
    position: static; /* initial is not supported by IE 11 */
    line-height: normal; /* initial is not supported by IE 11 */
}

ul > li::before, ol > li::before { /* overriding main website styles */
    font-size: 0px;
    line-height: 0px;
    position: relative;
    top: 0px;
    left: 0px;
}

body .samo_container { /* overriding main website styles */
    line-height: normal;
}

.samo_container input[type="checkbox"] + label::before, .samo_container input[type="checkbox"] + .bx_filter_param_text::before, .samo_container .js-compare::before, .samo_container .fancybox-inner input[type="checkbox"] + label::before, .samo_container .fancybox-inner input[type="checkbox"] + .bx_filter_param_text::before, .samo_container .fancybox-inner .js-compare::before {
    content: "";
} /* overriding main website styles */

.cl_refer_person, .cl_refer, .claim_act { background-color: transparent; }
.search_tour, .search_hotel, .tickets { background-color: transparent; }

.chosen-container-single .chosen-single {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    background: none;
    background-color: #fff;
}
.chosen-container-active.chosen-with-drop .chosen-single { background-image: none; }

.samo_container select, .samo_container textarea, .samo_container .textinput, .samo_container input.frm-value, .samo_container input.frm-input {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}
.samo_container .price_button {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.wrap {
    width: 96%;
    margin: 0px 2%;
    position: relative;
    max-width: 1140px;
    margin: auto;
}

.samo_container h1 { font-size: 30px;  text-align: left; margin: 20px; font-weight: 700; color: #ccc; letter-spacing: 3px;text-transform: uppercase; }
div.eraser { height: 0px!important; }
.search input { background: #fff; }
.clearfix { clear: both; }

table.direction.panel {
    text-transform: none;
}
span.claim { color: #900; text-decoration: none; }

#modalContainer, #logonContainer { border: medium none;box-shadow: 3px 3px 15px 2px #333;padding: 15px; }
#logonContainer #basicModalContent { min-height: 197px; } /* remove scrolling cl_refer_person repeated autorization */
#modalContainer div.modalTitle { font-size: 16px; color: #3A566F; text-transform: uppercase; padding: 10px 0px; }
#div_logout { font-weight: bold; line-height: 43px; width: 1240px;text-align: right; margin: 0 auto;color: #aaa; }

#logo {
    display: block;
    padding: 0;
    position: absolute;
    top: 40px;
    left: 10px;
    width: 120px;
    }

.sale ~ #logo, .the_best ~ #logo {
  display: none;
}

.search_tour ~ #logo {
    top: 30px;
}
.search_tour_person ~ #logo {
    display: none;
}

.search_hotel ~ #logo {
    top: 25px;
}

.cl_refer_person ~ #logo {
    top: 20px;
}

.register_agency ~ #logo {
    top: 15px;
}

.cl_refer ~ #logo, .tickets ~ #logo {
    top: 15px;
}

.hotels ~ #logo {
    left: 90%;
}

.samo_container .price_legend td { font-size: 10px; color: #333; }
.samo_container .stop_sale_img,.samo_container .confirm_now_img { height: 10px; }

.samo_container input.date {	font-size: 13px; width: 95px; background-position: right; }
.samo_container input.date:hover { color: #f36f21; }
.samo_container input.spin-button { background-image: url('https://online.ambotis.ru/public/pict/spinbtn.png'); background-size: 12px; padding-right: 20px; }
.samo_container input.spin-button.up { cursor: pointer; background-position: 100% -24px; }
.samo_container input.spin-button.down { cursor: pointer;background-position: 100% -48px; }

.samo_container input[type="checkbox"], .samo_container  input[type="radio"] {
    left: 0px;
    position: relative;
}

.samo_container button:disabled, .samo_container input[type='submit']:disabled, .samo_container input[type='button']:disabled {
    background: white;
}

.samo_container button, .samo_container input[type="submit"], .samo_container input[type="button"] {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    text-decoration: none;
}

.samo_container fieldset legend { font-size: 16px; font-weight: bold; margin-left: 100px; padding: 5px; text-align: left; }
.samo_container fieldset legend { background: none; border: none; color: #00A9C3; }

.samo_container label {
    font-weight: normal; /* initial is not supported by IE 11 */
    margin-bottom: 0px;
}
.samo_container .checklistbox label input { position: relative; left: 0; }

.samo_container table.res thead th, .samo_container table.res .thead th, .samo_container table.res thead td, table.jCalendar thead th {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 10px 5px;
}

.samo_container table.res th, .samo_container table.res td { padding: 1px 5px; }
.samo_container table.res .even td, .samo_container .even { vertical-align: middle; }
.samo_container table.res .odd td, .samo_container .odd { vertical-align: middle; }

.samo_container fieldset.panel {
    margin-left: 0px;
}

.samo_container .panel {
    margin-bottom: 15px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    background-color: #ddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.samo_container .checklistbox * {
    -webkit-box-sizing: content-box; /* initial is not supported by IE 11 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.info-help { padding: 0 40px!important; }
.info-help p, .info-help li { text-align: left; font-size: 16px; line-height: 24px; }
.info-help strong { font-weight: bold; }
.info-help ol { margin: 25px; list-style-position: inside; list-style-type: lower-latin; }
.info-help ol li { display: block!important; }

.info-help p span { display: block; width: 50px;height: 50px; line-height: 45px; text-align: center; font-size: 36px; font-weight: bold; color: #00A9C3; border: 3px solid #00A9C3; border-radius: 50%; float: left; margin:-10px 15px 0 15px; }
.info-help p img { display: block; margin: 20px;  margin: 20px 100px; border: 2px solid #00A9C3; padding: 10px; }

@media only screen and (max-device-width : 1024px)
{
body { background: none; }
.wrapper { border: none; }
#search_tour .resultset { width: 1170px; }
img.slider { max-width: 1120px; text-align: left ; display: inline; margin-left:-10px; }
}

/*** ***/

/*** FAST SEARCH ***/

/* new */

#fast_search > form > table > tbody > tr:nth-child(3) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(1) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(5) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(6) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(9) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(10) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(11) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(13) > td {
    font-size: 0px;
}
#fast_search > form > table > tbody > tr:nth-child(14) > td {
    font-size: 0px;
}
#fast_search > form > table > tbody > tr:nth-child(14) > td:nth-child(4) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(15) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(7) {
    display: none!important;
}
#fast_search > form > table > tbody > tr:nth-child(8) {
    display: none!important;
}
#fast_search .chosen-container.chosen-container-single.chosen-container-single-nosearch.NIGHTS_TILL_chosen {
    top: -4px;
}
#fast_search .chosen-container.chosen-container-single.chosen-container-single-nosearch.ADULT_chosen {
    top: -4px;
}
#fast_search input.frm-input.date.CHECKIN_BEG { top:-2px!important; padding: 2px!important;/* line-height: 14px;*/ }
#fast_search button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside { top:-9px!important; }
#fast_search > * { display: inline!important; }
#fast_search > .searchmodes { display: none!important; }
#fast_search > form > table > tbody > tr { display: inline!important; }
#fast_search > form > table > tbody > tr.subfilter1.hidden { display: none!important; }
#fast_search > form > table > tbody > tr > td { display: inline!important; }
#fast_search > form > table { width: 100%!important; }
#fast_search > form > table > tbody > tr > td { width: 100%!important; }
#fast_search > form > table > tbody > tr > td > span.Zebra_DatePicker_Icon_Wrapper { display: inline!important; }
#fast_search > form > table > tbody > tr > td >br {
    display: none;
}

#fast_search .chosen-container .chosen-results {
    max-height: 100px;
}

/* old */

#fast_search { margin: 0; /*display: block !important;*/ }
#fast_search .panel { padding: 0; }
/*
#fast_search select.spin,
#fast_search .PRICE_MAX { width: 91px ! important; }
*/
#fast_search .panel label { /*display: block;*/ margin-bottom: 3px; height: 16px; text-align: left; color: #fff; }
#fast_search.v .panel label { color: #03649E; }
#fast_search .panel select { margin: 0; width: 190px; }
#fast_search .panel td.submit { text-align: right; }
#fast_search .r { width: 65px; }
#fast_search .r label { text-align: left; }
#fast_search table { margin: 0 }
#fast_search td.submit input { margin-top: 9px; width: 100px; height: 30px; }
#fast_search.v td.submit input { background: #fff; color: #03649E; text-align: right; text-decoration: underline; }
#fast_search td.lsubmit { white-space: normal; text-align: left; padding-right: 20px; }
#fast_search td.lsubmit a { color: #fff; }
#fast_search.v td.lsubmit a { color: #03649E; }
#fast_search td.lsubmit a:hover { text-decoration: none; }
#fast_search.v td.lsubmit a:hover { text-decoration: underline; }
#fast_search table.panel td { padding: 5px 0px 0; }
#fast_search table.panel td.submit { padding-bottom: 3px; }

/*** ***/

/* freight_time */

#freight_time .resultset { margin: auto; width: 97%; }
#freight_time th.target {
    color: #366383;
    font-size: 1em;
    padding-top: 7px;
    padding-bottom: 10px;
}
#freight_time th { height: auto; }
#freight_time td { vertical-align: middle; }

/* freight_monitor */

#freight_monitor .resultset table td.splitter, #freight_monitor .resultset table th.splitter {
    display: none;
}

/* edit_agency */

#edit_agency td { padding: 1px; }
#edit_agency .partner_info { margin: auto !important; width: 87%; }
#edit_agency table.res { text-transform: none; } /* emails, names, positions */

/* register_agency */

#register_agency .panel { /* background-color: #fff; */ }
#register_agency { margin-bottom: 100px!important; }
div#register_agency td { padding: 1px; }
#register_agency .left_column { width: 240px; }
#register_agency .chosen-container.chosen-container-single { width: 503px!important; }
#register_agency td { vertical-align: middle; }

/* captcha positioning */

#register_agency > table > tbody > tr:last-child {
    float: left;
    margin-left: 258px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-color: #00A9C3;
    border-width: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
#register_agency > table > tbody > tr > td:last-child { padding-left: 50px; }

/*** ***/

/* error and notes messages */

.formErrorContent.info {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border: none;
    text-transform: none;
}

.formError .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.formError .formErrorArrow div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

/*** ***/

/* footer */

div.samosoft a { color: #386a89; display: block; padding: 5px; }
div.samosoft a:hover { color: #ccc; }

/* bron + cl_refer login dialog */

.samo_container div.logon-wrapper div.header div.button-wrapper,
.samo_container div.logon-wrapper.person div.panel,
.samo_container div.logon-wrapper div.header div.legend,
.samo_container div.logon-wrapper div.panel {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.samo_container div.logon-wrapper div.header div.legend {
    text-transform: none;
}

.samo_container div.logon-wrapper div.panel div.choose span.legend { display: none; }

.peoples td { padding-bottom: 10px!important; }
.samo_container .subpanel { background: none!important; }

#bron_info .panel
{ background-color: #fff; }

.samo_container #bron_info table.res thead th { padding: 2px 5px; }

#bron_info fieldset legend {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-top: 1px solid #ccc;
    display: block;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}
#bron_info fieldset {
    padding-bottom: 0;
    margin-bottom: 5px;
}
#bron_info .TOURINFO, #bron_info .HOTELSINFO, #bron_info .FREIGHTSINFO, #bron_info .INSURESINFO, #bron_info .ASERVICES {
    padding-bottom: 0;
    padding-top: 0;
}

#bron_info .PRICEINFO { width: 740px; }
#bron_info .PRICEINFO fieldset { width: 730px; }

#captchabox legend {
    margin-left: 0px;
}

#bron_info .CLAIMINFO fieldset .NOTECLAIM { border: 1px solid #ccc; }
#modalContainer, #logonContainer { padding: 15px; }
#messages #CLAIM { width: 250px; }

#bron_info div.spog_message {
    color: inherit;
    text-transform: none;
}

#bron_info .offered_additional_service, #bron_info .offered_additional_insure { /* add offered service button was light green, hardly readable */
    background: #007355;
}

#bron_info .offered_additional_service:hover, #bron_info .offered_additional_insure:hover {
    background: #009970;
}

/* fix hover for buttons */
#bron_info .additional_services:hover, #bron_info .additional_insures:hover, #bron_info .calc:hover, #bron_info .bron:hover, #bron_info #btnTownsFreight:hover {
    background: #40759c;
}

input.PROMOCODE, input.contacts {
    line-height: 2;
}

#bron_info .PRICEINFO .price_details td {
    vertical-align: middle;
}

/*** ***/

/*** HOTELS ***/

p.content { font-size: 13px; text-transform: capitalize; } /* used in some hotel descriptions code */

#hotels {
    width: 1200px;
    margin: auto;
}
#hotels p { color: #222222; }
#hotels .block.panel { background-color: #ddd; }
#hotels .panel { background-color: #fff; }
#hotels .resultset { margin: 0;padding: 0; }
#hotels .container { width: 99%!important; }
#hotels .container .textinput { height: 22px; margin: 3px 5px;text-align: left; width: auto; border: none}
#hotels .form .block { border: none!important; }
#hotels .form .block select { width: 200px; }
#hotels .form .block.no_title { height: 29px; }

#hotels ul li {
    font-size: 15px;
}

.samo_container.hotels .hotel_layout div { text-transform: none!important; font-size: 16px; line-height: 24px; text-align: justify; }

.samo_container.hotels { width: 97%; }

#hotels table.descr td.title { color: #3A566F; font-weight: bold; width: 80px; }
span.link.hotel { width: 150px; }
.hotel_layout div:first-letter{ background: #099; color: #fff; font-size: 36px; padding: 0 8px; margin-right: 5px; }

.hotel_descr_header{
    border-bottom: 1px dashed #efefef!important;
    font-size: 18px;
    text-align: left;
    color: #616161;
    height: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 5px 0 !important;
    text-align: left!important;
    vertical-align: middle;
}

.samo_container.hotels div.hotel_descr_header{ text-transform: uppercase!important; }
#hotels .hotel_header{ margin-top: 20px; }
#hotels .hotelname { font-size: 12px; }
.img_pool { background-position:-580px 0!important; }
.img_services { background-position:-1184px 0!important; }
.img_sport_activities { background-position:-1150px 0!important; }
.img_entertainment { background-position:-1219px 0!important; }
.img_hotel_type { background-position:-1251px 0!important; }
.img_description { background-position:-860px 0!important; }
ul.descr{ text-align: left; margin: 0!important; padding: 0; }
ul.descr li { width: 150px; text-align: left!important;font-size: 13px; display: inline-block; padding: 3px; text-transform: capitalize; }
ul.descr  li:before { content:'\2713';  display: inline-block;  color: #099;  padding: 0 6px 0 0; }
div.txt ul.descr { margin: 0; padding: 0; list-style: none; }
div.txt ul.descr li { text-transform: none; margin: 0!important;  width: 200px; }

.hotel_stopsale .res tr.odd { background: #fdfdfd; }
#pictures { padding-left: 20px; }
#pictures a { height: auto!important; }
#pictures img { border: none;margin: 2px!important; }

/*** HOTELS - add switches to descriptions ***/

.hotel_radio > input + label {
    white-space: nowrap;
    overflow: hidden;
}

.hotel_layout.panel > table { width: 100%; }

.hotel_radio > input {
    display: none;
}

.hotel_radio > input + label {
    display: inline-block;
    border: 1px solid #999999;
    padding: 4px;
    cursor: pointer;
    position: relative;
}

.hotel_radio > input + label:not(:last-of-type) {
    border-right: none;
}

.hotel_radio > input + label:hover {
    color: #f36f21;
}

.hotel_radio > input:checked + label {
    color: #007355;
    border-bottom: none;
    padding-bottom: 5px;
}

.hotel_radio > input:checked + label:last-of-type::after {
    bottom: 0px;
}

.hotel_intro, .hotel_room_type, .hotel_meal, .hotel_extra, .hotel_child, .hotel_video {
    display: none;
}

.hotel_radio > input:nth-of-type(1):checked ~ .hotel_intro,
.hotel_radio > input:nth-of-type(2):checked ~ .hotel_room_type,
.hotel_radio > input:nth-of-type(3):checked ~ .hotel_meal,
.hotel_radio > input:nth-of-type(4):checked ~ .hotel_extra,
.hotel_radio > input:nth-of-type(5):checked ~ .hotel_child,
.hotel_radio > input:nth-of-type(6):checked ~ .hotel_video {
    display: block;
}

#hotels.details .params { display: none; }

.hotel_radio label { margin-bottom: 5px; text-align: center; }

.hotel_radio label:nth-child(2) { width: 10%; }
.hotel_radio label:nth-child(4) { width: 10%; }
.hotel_radio label:nth-child(6) { width: 10%; }
.hotel_radio label:nth-child(8) { width: 13%; }
.hotel_radio label:nth-child(10) { width: 10%; }
.hotel_radio label:nth-child(12) { width: 10%; }

input#hotel_intro + label::after { content: "Описание"; }
input#hotel_room_type + label::after { content: "Номера"; }
input#hotel_meal + label::after { content: "Питание"; }
input#hotel_extra + label::after { content: "Инфраструктура"; }
input#hotel_child + label::after { content: "Детям"; }
input#hotel_video + label::after { content: "Видео"; }

/*** ***/

/*** SEARCH TOUR ***/

#search_tour table.hotels_container { width: 100px!important; margin: 0 auto; }
.destinations .gradient-button {
    float: right;
    margin: 7px 0;
    max-width: 90px;
    padding: 0;
    width: 40%;
}

#search_tour .child_ages > .chosen-container.chosen-container-single.chosen-container-single-nosearch { width: 54px!important; } /* fixed new bug july 2017 */

#search_tour .small_meal { /* increase heigh due to new meal type */
    height: 9em !important;
}

#search_tour .hotels_container .checklistbox { /* increase heigh to match meals */
    height: 17em;
}

#search_tour .filters-panel .checklistbox {
    height: 4em;
}

.samo_container .filters-panel .checklistbox label {
    padding-left: 30px;
}

.samo_container #search_tour .filters-panel.no-ufilter .checklistbox { height: auto !important; }

.search_tour > #notify-container {
    margin-top: 600px;
}

.samo_container .ui-state-highlight, .samo_container .ui-widget-content .ui-state-highlight, .samo_container .ui-widget-header .ui-state-highlight {
    background: none; /* overriding common.css style */
    background-color: lightyellow;
    opacity: 0.9;
}

.samo_container .ui-corner-all { /* used in #notify-container */
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border: none;
    font-weight: bold;
}

#search_tour .resultset { padding: 1em 0em 0 0em; }
#search_tour .tour_right > .chosen-container.chosen-container-single.TOURINC_chosen {
    max-width: 450px;
}
#search_tour .tour_right > .chosen-container.chosen-container-single.TOURTYPE_chosen {
    max-width: 450px;
}
#search_tour .direction .tour_left {
    width: 10% !important;
}

#search_tour .footer .right.hotelgroup {
    padding-top: 10px;
}

#search_tour td.sortie + td { font-size: 12px; }  /* название тура - шрифт на 1 пункт меньше */

#hotel-popup { padding: 20px; }

#search_tour td.td_price .price_old::before {
    color: red;
    font-size: 13px;
}

#search_tour table.res { background: #fff; font-size: 10px; margin: 0; width: 100%; }
#search_tour .direction,#search_tour .user_info { width: 100%; margin: auto; }
#search_tour .STARS { width: 153px; }

.samo_container .noplace, .samo_container .yesnoplace, .samo_container .yesplace, .samo_container .requestplace {
    border-style: none; }

#search_tour .std {
    /*max-width: 1170px;*/
    margin: 0 auto;
    background-color: #ddd;
    width: 1120px;
}

#search_tour > div.note {
    margin-left: -260px;
    margin-bottom: 10px;
}

div.search_tour_banner {
    margin-top: 4px;
    padding-left: 260px;
}

table#currency {
    min-width: 215px;
}

iframe.currency-frame-tickets {
    pointer-events: none; /* history won`t display inside a frame */
    overflow: hidden;
}

iframe.currency-frame {
    position: absolute;
    top: 0px;
    left: 78%;
    pointer-events: none; /* history won`t display inside a frame */
    overflow: hidden;
}

.search_tour_currency {
    position: absolute;
    top: 100px;
    left: 78%;
    margin-left: 123px; /* move currency archive link to the right side under currency-frame */
    background: white;
}

#search_tour .user_info .empty {
    padding: 0;
    width: 80px;
}

#search_tour .programm_filter {
    width: 40%;
    margin-left: 150px;
}

#search_tour table.hotels_container {
    width: 100%!important;
    margin: 0 auto;
    border: 0px solid black;
}

#search_tour .w380 {
    width: 100%;
    overflow-x: hidden;
}

#search_tour .control_hotels {
    width: 100%;
    vertical-align: top;
    overflow: hidden !important;
}

#search_tour input.hotelsearch {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    width: 70%;
}

.control_townto > .TOWNTO {
    text-transform: none;
}

/*** ***/

/*** SEARCH_ others ***/

.samo_container.search_hotel {
    margin-top: 133px;
}

/*** ***/

/*** CL WIZARD ***/

.cl_wizard .who_where table {
    width: 50% !important;
}

.cl_wizard .who_where table.panel {
    margin: auto;
    width: 100%;
}
div.note > p {
    margin-bottom: 0px;
    margin-top: 0px;
}

#tickets .container .note > p {
    font-size: 15px;
    line-height: 22px;
    padding: 0 0 20px;
    color: #999;
}

#cl_wizard > .note {
    background-color: #ddd;
    margin-left: 120px;
    width: 960px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#cl_wizard > .searchmodes.std.container {
    margin-left: 120px;
}

#cl_wizard > table.std.container.panel.top_menu {
    background-color: #ddd;
    margin-left: 120px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

#cl_wizard > table.std.container.who_where {
    background-color: #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 120px;
}

/*** ***/

/*** CLAIM ACT ***/

.claim_act > #div_logout {
    width: 900px; }

.claim_act > #div_logout > #logout.button {
    margin-left: 10px;
    margin-right: 5px; }

/*** ***/

/*** searchmodes ***/

.samo_container .searchmodes {
    /* background-color: white;*/
    font-weight: bold;
}

.samo_container .searchmodes .searchmode_button {
    padding: 0;
    border: none;
    background-color: inherit;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    color: white;
    text-decoration: none;
}

.samo_container .searchmodes .searchmode {
    background-color: #5CBFDB;
    padding: 5px 20px;
    margin-left: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    color: white;
}

.samo_container .searchmodes .searchmode:hover {
    background-color: #3A566F;
}

.samo_container .searchmodes .searchmode_selected {
    padding: 5px 20px;
    background-color: #3A566F;
}

/*** скрыть некоторые элементы ***/

/* note in hotel description, we only want that visible in cl_refer */

#hotels .hotel_note {
    display: none;
}

/* duplicated note in e-doc print dialog */

#e_doc > .note:nth-child(3) {
    display: none;
}

/* премиум и комфорт классы в поиске тура */

#search_tour td.nw.transport > div.transport:nth-child(3) { display: none; }
#search_tour td.nw.transport > div.transport:nth-child(4) { display: none; }

/* костыль для обхода вставки редактором в онлайне <p> вместо <br> */

p.hidden {
    font-size: 0px;
    height: 0px;
    display: block!important;
}

/* вкладка билеты */

/*.searchmodes :nth-child(3) {
    display: none;
}*/

/* дети на отдельной кровати */

#search_tour table.hotels_container > tbody > tr > td.footer > label.left:first-child {
    display: none;
}

/*** ***/

/*** notes style + action text + cl_refer agency info ***/

#agreement .note {
    max-width: 930px;
    display: inline-block;
}
/*
#search_tour .direction td.note_container { padding: 0!important; }
*/
#search_tour .note_container { text-align: center; }

.note_container > div.note_attention,
#cl_wizard > .note > div.note_attention,
#tickets div.note_attention,
#agreement div.note_attention,
#search_tour > div.note > div.note_attention,
#claim_act > div.note > div.note_attention,
.cl_refer_person > .note > div.note_attention,
#e_doc > .note > div.note_attention {
    font-size: 11.5pt;
    font-family: "Arial", sans-serif;
    color: #ff471a;
    font-weight: bold;
    display: inline;
}

.note_container > div.note_text,
#cl_wizard > .note > div.note_text,
#claim_act > .note > div.note_text,
.cl_refer_person > .note > div.note_text,
#e_doc > .note > div.note_text {
    font-size: 11.5pt;
    font-family: "Arial", sans-serif;
    color: #6688aa;
    display: inline;
}

#cl_refer > .note > div.note_text {
    font-size: 11.5pt;
    font-family: "Arial", sans-serif;
    color: #6688aa;
    display: inline;
}

.cl_refer_person > .note > div.note_text {
   color: #222;
}

#cl_refer .link.psb {
    padding-left: 45px;
    background-image: url(https://online.ambotis.ru/public/pict/ambotis/e-pay.png);
    background-size: contain;
}

#cl_refer .link.alfacredit {
    padding-left: 45px;
}

#cl_refer .link.psbank { /* actually Sberbank -- this block if for B2C */
    padding-left: 45px;
    background-image: url(https://online.ambotis.ru/public/pict/ambotis/sberbank.png);
    background-size: contain;
}

.pay_variant #v_psbank { /* actually Sberbank -- this block if for B2B */
    padding-left: 25px;
    background-image: url(https://online.ambotis.ru/public/pict/ambotis/sberbank.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#psbank #DIV_AMOUNT input { /* actually Sberbank, editing amount does nothing, so we discourage it */
    background: #ddd;
    cursor: default;
}

.samo_container #cl_refer .cl_alink fieldset { min-width: 192px; }

#cl_refer .timelimit {
    display: none; /* do not display timelimit for flights */
}

.note_container > ul,
#cl_wizard > .note > ul,
#claim_act > .note > ul {
    font-family: "Arial", sans-serif;
    color: #6688aa;
    list-style-type: none;
}

#agreement div.note_text,
#search_tour > div.note > div.note_text,
#tickets div.note_text {
    font-size: 11.5pt;
    font-family: "Arial", sans-serif;
    color: #545454;
    display: inline;
}

#agreement div.note_text.blue {
    color: blue;
}

#agreement ul,
#search_tour > ul,
#tickets ul {
    font-family: "Arial", sans-serif;
    color: #545454;
    list-style-type: none;
}

ul > li.note_text {
    text-align: left;
    padding-left: 35%;
}

table.agency_page {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1.5px;
    display: table;
    margin: auto;
    margin-bottom: 10px;
    max-width: 1200px;
}

.top-bordered {
    border-top-style: solid;
    border-width: 1px;
}

td.agency_page {
    padding: 5px;
    vertical-align: middle;
    border-left-style: solid;
    border-width: 1px;
}

td.agency_page > ul {
    padding-left: 25px;
}

td.agency_page > ul > li {
    list-style: disc outside none; /* initial is not supported by IE 11 */
}

div.cl_refer_banner { /* now this is also in use in search_tour; until there is no difference we can use the same class */
    width: 1120px;
    height: 120px;
    margin: auto;
    margin-bottom: 10px;
    font-size: 0px; /* this is needed to work around the online editor which fills empty divs with &nbsp; */
}

div.cl_refer_banner.left, div.cl_refer_banner.right {
    width: 560px;
    margin-bottom: 0px;
    float: left;
}

button#clrefer:after {
    content: "В личный кабинет";
}

#logout {
    margin-right: 0px;
}

.width-25 {
    width: 25%;
}
#cl_refer .claim {
    color: #ECF5FB;
    font-size: 1.3em;
    text-decoration: underline;
}

.cl_refer > #div_logout {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 10px; }

/* hide new elements, duplicates for old elements */

.cl_refer .panel.searchmode.searchmode_cl_refer.searchmode_selected {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_bonus_manager {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_agreement {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_claim_act {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_reports {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_agencyinfo {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_partner_discount {
    display: none;
}
.cl_refer .panel.searchmode.searchmode_edit_agency {
    display: none;
}

/* hide SPO message */

.cl_refer .spomessage.ui-state-highlight {
    display: none;
}

/*** ***/

/*** CL_REFER MESSAGE ***/

span.msg-new, span.msg {
    background-image: url('https://online.ambotis.ru/public/pict/ambotis/msg-new.png');
    font-weight: bold;
    color: #007355!important;
}
span.msg_unread {
    background-image: url('https://online.ambotis.ru/public/pict/ambotis/msg-unread.png');
    font-weight: bold;
    color: orangered!important;
}
#unread_msg {
    background-image: url('https://online.ambotis.ru/public/pict/ambotis/msg-unread.png');
    color: red;
    font-weight: bold;
}
.unread_msg {
    background-image: url('https://online.ambotis.ru/public/pict/ambotis/msg-unread.png');
    font-weight: bold;
    color: orangered!important;
}

span.msg-new:hover, span.msg:hover {
    color: #f36f21 !important;
}

/*** ***/

/*** AGENCIES ***/

#agencies {
width: 900px;
    float: left; }

#agencies .controls .panel .right { float: left; padding-top: 0; }

#agencies .textinput input { border: none!important; height: 18px!important; }

#agencies .panel > tbody > tr > td { width: 467px; }

#agencies .textinput { height: 24px; width: 457px; }
#agencies .textinput .label { height: 20px; text-transform: none; }

#agencies .controls { margin-left: 12px; }
#agencies .panel { margin-left: auto; }
#agencies .resultset { margin-left: 0px; }
.agencies ~ #logo {
    display: none;
}
#agencies .textinput .label { color: #222; font-size: 13px; font-weight: normal; line-height: normal; text-align: left; vertical-align: baseline; border-radius: 0; } /* initial is not supported by IE 11 */
#agencies .panel {
    margin-left: 2em;
    /* background-color: transparent; */
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}
.agencies .eraser { height: 0; }

/*** ***/

/*** AGREEMENT ***/

#agreement .resultset > .std.res.font-13 > tbody > tr > td:first-child { font-size: 1.3em; }

#agreement .std.res.font-13 { display: block; margin-bottom: 50px; } /* but show info below it */

/*** ***/

/* AMBOTIS*/
/*.logo, .bottom-menu{
    position: absolute;
    left: -9999px;
}
*/