/* ==========================================================================
   SEARCH ENGINE - GENERAL
   ========================================================================== */
.search-widget li{position:relative;}
.search-widget li a{background-color: #fff!important;}
.search-widget li a:hover{border: 1px solid #000!important;}
.search-widget li a:focus:hover{border: 0!important;}
.search_box_content .search-widget li a.has_popover,
 .search_box_content .search-widget li a.chas_popover {position:relative; height:56px;}
.search_box_content .search-widget li a.chas_popover:after,
 .search_box_content .search-widget li a.has_popover:after {content: "\f105"; font-family:fontAwesome; position:absolute; top: 13px; right: 5px; color: #a0a7ae; font-size: 26px;}
.search_box_content li a.chas_popover.widget_hover:after,
.search_box_content li a.has_popover.widget_hover:after {color:#103f6a;}
.search_box_content li a.chas_popover.widget_hover:after {color:#103f6a;}
.search_box_content li a.widget_hover {/*border: 2px solid #000 !important;*/}

.sw-popover {display:none; position:absolute; width: 649px; left: 109%; top: -100%; padding-top: 30px; padding-left: 5px; padding-right: 5px; background-color: #fff; border: solid 1px #96804d; z-index: 555; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.14);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.14);
            box-shadow: 0 1px 2px rgba(0,0,0,.14);
}
.sw-popover:before {content: ''; position: absolute; width: 15px; height: 23px; top: 76px; left: -13px; z-index: 2; 
    /*background-image: url('https://media.herods-hotels.com/images/popover-arrow.png');*/
}
.sw-popover .row {margin-right: -5px; margin-left: -5px;}

.sw-popover .close {position: absolute; top: 10px; right: 10px; height: 12px; width: 12px; opacity: 1; z-index: 12000;
    background-image: url('https://media.herods-hotels.com/images/closex.png');
}
.sw-text {float: right; width: 84%; text-align: left;}
.date-select, .active-text {display: none; color: #103f6a; font-size: 15px; font-weight: 600;}
.active-text .selection {width: 92%; height: 30px; margin-top: -3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_box_content li a .active-text span {display: inline; width: auto; height: auto;}
.active-text small {display: block; line-height: 12px; color: #5f666c; font-size: 12px; font-weight: 400;}
li.chosen .active-text {display:block !important;}
li .org-text{ line-height:31px; }
li.chosen .org-text{ display:none !important; }

#searchModal {
    width: 770px;
    margin:0 auto;
}
#searchModal button.close {
    float:left;
    opacity:1;
}

#searchModal .modal-header {
    border-bottom:none;
    border-top: solid 1px #a49471;
    border-left: solid 1px #a49471;
    border-right: solid 1px #a49471;
    margin: 10px;
    margin-bottom:0;
    padding-bottom:0;
}

#searchModal .modal-dialog {
    width:770px;
}

#searchModal .heart {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

#searchModal .modal-footer {
    border-top:none;
    padding-top:50px;
    padding-bottom:80px;
    padding-right:0;
    border-bottom: solid 1px #a49471;
    border-left: solid 1px #a49471;
    border-right: solid 1px #a49471;
    margin: 0 10px 10px;
}

#searchModal .modal-body {
    margin: 0 10px;
    color: #002c5c;
    font-size:17px;
    border-left: solid 1px #a49471;
    border-right: solid 1px #a49471;
    padding: 25px 50px;
}

#searchModal .base_btn {
    margin:0 auto;
    background-color: #a49471;
    width:150px;
}

#searchModal h4 {
    font-size: 34px;
    font-weight: bold;
    color: #a49471;
    text-align: center;
    margin-top: 15px;
    letter-spacing: 1.02px;
}

@media (max-width: 780px){
    #searchModal {
        width:95%;
    }
    #searchModal button.close {
        opacity:1;
    }
    
    #searchModal .modal-header {
        
    }
    
    #searchModal .modal-dialog {
        width:95%;
    }
    
    #searchModal .heart {
    }
    
    #searchModal .modal-footer {
        padding-bottom:50px;
    }
    
    #searchModal .modal-body {
        font-size:15px;
        text-align: center;
    }
    
    #searchModal .base_btn {
    }
    
    #searchModal h4 {
        font-size:22px;
    }
}

/* ==========================================================================
   SEARCH ENGINE - CITIES/HOTELS
   ========================================================================== */
.search_box_content .sw_city_list {height: 630px; padding: 28px 0 0 0; overflow: hidden; border-right: 1px solid #c6cbd0;}
.search_box_content .sw_city_list li a {position: relative; padding: 5px 30px 2px; font-size: 16px; color: #103f6a; font-weight: 500; border: none; z-index: 5; overflow: hidden;}
/*
.search_box_content .sw_city_list li a:hover{
    background:#2fafd7;
    color:#fff;
}

.sw_hotel_list{
    padding:28px 4px 0 0;
}

.sw_hotel_list li{
    cursor:pointer;
    font-size:15px;
    color:#103f6a;
    text-transform:capitalize;
    padding: 2px 0 2px 20px;
    margin-right: 20px;
    margin-left: 20px;
}*/
 .search_box_content .sw_city_list li a:hover {color: #fff; background: #2fafd7;}
 
.sw_hotel_list {padding: 28px 4px 0 0;}
.sw_hotel_list li{padding: 2px 0 2px 20px; margin-right: 20px; margin-left: 20px; cursor: pointer; font-size: 15px; color: #103f6a; text-transform: capitalize;}
.sw_hotel_list li img.new_hotel_hover {display: none;}
.sw_hotel_list li.highlighted, .sw_hotel_list li:hover {color: #FFF; background:#2fafd7;}
.sw_hotel_list li.highlighted, .sw_hotel_list li img {margin-left: 5px}
/*.sw_hotel_list li.highlighted, .sw_hotel_list li:hover img.new_hotel_hover {display: inline-block;}
.sw_hotel_list li.highlighted, .sw_hotel_list li:hover img.new_hotel {display: none;}*/

.sw-location{
    /*text-transform:capitalize;*/
}



/**Guests**/
/*.rooms .room{
    margin-bottom:16px;
    padding-top:16px;
    border-top:1px solid #d6dce1;
}

.rooms .room:nth-of-type(1){
    padding-top:0;
    border-top: none;
}

.rooms .room:nth-of-type(1) .remove_room{
    display:none;
}

.sw_amount{
    text-align:center;
}

.search_label{
    font-size:14px;
    color: #103f6a;
    line-height: 14px;
    margin-bottom: 8px;
}

.search_label span{
    font-weight:600;
}

.add_remove .r_number{
    font-size: 24px;
    color: #087ea3
}

.add_remove .fa{
    color:#929da6;
    height:27px;
    width:27px;
    border-radius:50%;
    border:1px solid #cbd0d4;
    line-height: 27px;
    cursor:pointer;
}

.add_remove .col-sm-4{
    padding:0;
}

.remove_room{
    cursor:pointer;
*/
/* ==========================================================================
   SEARCH ENGINE - GUESTS
   ========================================================================== */
.rooms .room {margin-bottom: 16px; padding-top: 16px; border-top: 1px solid #d6dce1;}
.rooms .room:nth-of-type(1){padding-top: 0; border-top: none; margin-bottom: 10px;}
.rooms .room:nth-of-type(1) .remove_room {display: none;}
.sw_amount {text-align: center;}
.search_label {line-height: 14px; margin-bottom: 8px; font-size: 14px; color: #103f6a;}
.search_label span {font-weight: 600;}
.add_remove .r_number {font-size: 24px; color: #087ea3}
.add_remove .fa {width: 27px; height: 27px; line-height: 27px; color: #929da6; border-radius: 50%; border: 1px solid #cbd0d4; cursor: pointer;}
.add_remove .col-sm-4 {padding: 0;}
.small_engine .add_remove.row {height: 100%;}

.remove_room {width: 100%; height: 48px; cursor: pointer;
    background: url('https://media.herods-hotels.com/images/removex.png') center center no-repeat;
}
.room_num {height: 54px; line-height: 14px; padding-top: 23px; color: #103f6a; font-size: 14px; font-weight: 600; text-indent: 10px; border-right: 1px solid #d0d4d8;}
.room_num span {text-indent: 0px;}

/*.room_num{
    border-right:1px solid #d0d4d8;
    height:54px;
    padding-top:23px;
    font-size:14px;
    font-weight: 600;
    color:#103f6a;
    text-indent: 10px;
    line-height:14px;
}

.room_num span{
    text-indent: 3px;
}


.sw-guest-buttons{
    padding:10px 0 10px;

}
.add_room{
    color:#087ea3;
    padding-top: 10px;
    font-size:14px;
    cursor:pointer;

}

.add_room_main.disabled,
.add_room.disabled{
    color:#C2C9CB;
    pointer-events: none;
}

.add_plus{
    font-size:26px;
    width: 12.8%;
    float: left;
    text-indent: 10px;
}

.search_box .sw-popover .sw_guests_find{
    width: 125px;
    height: 47px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float:right;
    background-color: #f8cc31;
    color:#103f6a;
    text-align:center;
    font-size:18px;
    line-height:22px;
    font-weight:600;
}*/


/**Dates**/

/*.add_dates:focus{
    outline:none;
}*/

/*
.add_dates::-webkit-input-placeholder {
    font-size: 16px;
    color: #5f666c;
    font-weight: 400;

}

.add_dates:-moz-placeholder { 
    font-size: 16px;
    color: #5f666c;
    font-weight: 400;
    opacity: 1;

}

.add_dates::-moz-placeholder {
    font-size: 16px;
    opacity: 1;
    color: #5f666c;
    font-weight: 400;

}

.add_dates:-ms-input-placeholder {
    font-size: 16px;
    color: #5f666c;
    font-weight: 400;

}

.add_dates::-ms-input-placeholder { 
    font-size: 16px;
    color: #5f666c;
    font-weight: 400;

}


.add_dates:placeholder-shown { /* Standard one last!
        font-size: 16px;
    color: #5f666c;
    font-weight: 400;
    line-height: 55px;
    height: 55px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4px;
}*/

/*.add_dates_container{
    position:absolute;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.chosen .add_dates{
    padding:23px 109px 0 47px;
}

.add_dates{
    border:none;
    background:none;
    color:#103f6a;
    font-weight:600;
    font-size:15px;
    padding-left:47px;
    padding-top: 17px;
    padding-right:90px;
    cursor:pointer;

}

.dates{
    float:left;
    width:150px;
    position:relative;
    height:10px;
}

.dates small{
    position:absolute;
    top:3px;
}
*/
.sw-guest-buttons {padding: 10px 0 10px;}
.add_room {padding-top: 10px; color: #087ea3; font-size: 14px; cursor: pointer;}
.add_room_main.disabled, .add_room.disabled {color: #C2C9CB; pointer-events: none;}
.add_plus {float: left; width: 12.8%; /*font-size: 26px;*/ text-indent: 10px;}
.search_box .sw-popover .sw_guests_find {float: right; width: 125px; height: 47px; line-height: 47px; text-align: center; color: #103f6a; font-size: 18px; font-weight: 600; background-color: #f8cc31;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

/* ==========================================================================
   SEARCH ENGINE - DATES
   ========================================================================== */
.add_dates:focus {outline: none;}
.add_dates::-webkit-input-placeholder {color: #5f666c; font-size: 16px; font-weight: 400; opacity: 1;}
.add_dates:-moz-placeholder {color: #5f666c; font-size: 16px; font-weight: 400; opacity: 1;}
.add_dates::-moz-placeholder {color: #5f666c; font-size: 16px; font-weight: 400; opacity: 1;}
.add_dates:-ms-input-placeholder {color: #5f666c; font-size: 16px; font-weight: 400; opacity: 1;}
.add_dates::-ms-input-placeholder {color: #5f666c; font-size: 16px; font-weight: 400; opacity: 1;}

.add_dates_container {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}

.chosen .add_dates {padding: 23px 109px 0 47px;}

.add_dates {padding-left: 47px; padding-top: 17px; padding-right: 90px; color: #103f6a; font-weight: 600; font-size: 15px; border: none; background: none; cursor: pointer;}
.dates {position: relative; float: left; width: 150px; height: 10px;}
.dates small {position: absolute; top: 3px;}

.select-dates.sw-popover {height: 480px; width: 800px;}

.num-nights {float: right; width: 32px; margin-right: 28px; margin-top: -6px;}
.num-nights small {margin-bottom: 3px;}
.nights {width: 26px; height: 26px; line-height: 28px; margin: auto; color: #fff; font-size: 16px; font-weight: 600; text-align: center; background-color: #0194c2;
    -webkit-border-radius: 13px;
       -moz-border-radius: 13px;
            border-radius: 13px;
}

/*.nights{
    width: 26px;
    margin:auto;
    height: 26px;
    line-height: 28px;
    color:#fff;
    text-align:center;
    font-weight:600;
    font-size:16px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #0194c2;
}*/

    /***** Calendar *****/
.select-dates.sw-popover .daterangepicker {display: block !important; height: 100%; top: 0 !important; left: 0 !important; right: 0 !important; padding: 30px 0; border: none; box-shadow: none;}
.daterangepicker .calendar.right .calendar-table,

 .daterangepicker .calendar.left .calendar-table {border: none;}
.daterangepicker .calendar-table {padding: 0 10px;}
.daterangepicker .calendar-table thead {height:60px;}
.daterangepicker td {position:relative; color:#4c4c4c;
                     -webkit-border-radius: 0;
                     -moz-border-radius: 0;
                     border-radius: 0;
}
.daterangepicker th {color: #78828b; font-size: 14px; font-weight: normal;}
.daterangepicker th.month {width: auto; color: #103f6a; font-size: 24px; font-weight: normal;}
.daterangepicker .calendar {margin: 0;}
/*.next.available,
.prev.available {width: 42px; height: 59px; background: #a0a7ae; color: #fff;
                 -webkit-border-radius: 0;
                 -moz-border-radius: 0;
                 border-radius: 0;*/
.next.available, .prev.available {width: 42px; height: 59px; background: #a0a7ae; color: #fff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.daterangepicker.opensright:after,
.daterangepicker.opensright:before {border: none;}
.daterangepicker_input {display: none;}
.daterangepicker .calendar th, .daterangepicker .calendar td {padding: 0;}
.daterangepicker td.end-date {color: #fff;}
.daterangepicker td.start-date {color: #fff;}
.daterangepicker td.in-range:not(.off){color: #fff; background: #2fafd7; border-color: #2fafd7; border-bottom: 0;}
.daterangepicker td.today.active.start-date.active.end-date.in-range.available {color: #4c4c4c; background-color: white; border: 0;
    /* background-size: cover!important;*/
    /*background-image: url('https://media.herods-hotels.com/images/cal-today.png');
        background-size: cover;*/
}
.daterangepicker td.available.marker.event {
    background-image: url('/uploads/2016/05/event_icon.png');
/*
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.daterangepicker td.available.marker.holiday {
    background-image: url('/uploads/2016/05/holiday_icon.png');
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.daterangepicker td.available.marker.last_room {
    background-image: url('/uploads/2016/05/last_room_icon.png');
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.daterangepicker td.available.marker.special_rate {
    background-image: url('/uploads/2016/05/special_rate_icon.png');
    background-repeat: no-repeat !important;
    background-size: contain !important;*/
    background-repeat: no-repeat !important;
    background-size: contain;
}
.daterangepicker td.available.marker.holiday {
    background-image: url('/uploads/2016/05/holiday_icon.png');
        background-repeat: no-repeat !important;
        background-size: contain;
}
.daterangepicker td.available.marker.last_room {
    background-image: url('/uploads/2016/05/last_room_icon.png');
        background-repeat: no-repeat !important;
        background-size: contain;
}
.daterangepicker td.available.marker.special_rate {
    background-image: url('/uploads/2016/05/special_rate_icon.png');
        background-repeat: no-repeat !important;
        background-size: contain;
}
.daterangepicker td.today.active,
.daterangepicker td.active {
    /*background-image: url('https://media.herods-hotels.com/images/cal-active.png');*/
    background-size: 100%;
    background-repeat: no-repeat;
}
.start-date {border-left: 0 !important; border-bottom: none !important;}
.end-date {border-right: 0 !important; border-bottom: none !important;}

@media (min-width: 780px){
    .daterangepicker .calendar {max-width: none;}
    .daterangepicker .calendar.right {float: right;}
    .daterangepicker td, .daterangepicker th {width: 52px; height: 52px;}
    .daterangepicker td {font-size: 15px; font-weight:500; line-height:18px;}
    .daterangepicker th.next.available, .daterangepicker th.prev.available {position: relative; width: 42px; font-size: 0; background: none;}

    .daterangepicker th.prev.available:after,
    .daterangepicker th.next.available:after {font-family: fontAwesome; content: "\f105"; position:absolute; width:42px; height: 59px; top: 0; left: 0; padding-top: 14px; color: white; font-size: 36px; background: #a0a7ae;}
    .daterangepicker th.prev.available:after {content: "\f104"; right: 0;}

    .daterangepicker .calendar.left {margin-right: 20px;}
}
@media (min-width: 1024px){

   /* .select-dates.sw-popover {width: 650px; height: 449px; top: -143px;}
    .select-dates.sw-popover:before {top: 160px;}
    .select-hotel.sw-popover {top: -86px;}
    .select-hotel.sw-popover:before {top: 102px;}*/
	.select-dates.sw-popover {width: 650px; height: 449px; top: -143px;}
	/*.select-dates.sw-popover:before {top: 160px;}
	.select-hotel.sw-popover {top: -86px;}
	.select-hotel.sw-popover:before {top: 102px;}*/
    .daterangepicker .calendar {width: 48%;}
    .daterangepicker td, .daterangepicker th {width: 42px; height: 40px; border: none;}
    .daterangepicker td.today.active, .daterangepicker td.active {background-repeat: no-repeat; background-size: contain; background-position: center !important;}
    /*.daterangepicker td.today.active.start-date.active.end-date.in-range.available {background-repeat: no-repeat !important; background-size: contain !important;}*/
}

.search_box .btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: default;}=
.calendar.left .table-condensed > thead > tr:nth-of-type(1) > th:nth-of-type(1){width: 42px; height: 59px; font-size: 0; color: #fff; background: none; background: transparent;
                                                                                -webkit-border-radius: 0;
                                                                                -moz-border-radius: 0;
                                                                                border-radius: 0;
}

/* ==========================================================================
   DATEPICKER - NEW BACKGROUND IMAGES
   ========================================================================== */
.daterangepicker td.off {visibility: hidden; background-image: none !important;}
.daterangepicker td.off.off.disabled {visibility: visible; color: #686868; font-weight: 300;}

/***** Hollyday - Start Date *****/
.daterangepicker td.active.start-date {color: #FFF; border-radius: 0; background-color: transparent;
                                       /*background-image: url('https://media.herods-hotels.com/images/cal-active3-2.png');*/
                                       background-size: 100% !important;
                                       background-repeat: no-repeat !important;
}
.daterangepicker td.active.start-date.marker.holiday.active {
    background-image: url('/uploads/2016/05/holiday_icon.png');/*, url('https://media.herods-hotels.com/images/cal-active3-2.png');*/
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Hollyday - End Date *****/
.daterangepicker td.active.end-date {border-radius: 0; background-color: transparent;
                                     background-image: url('https://media.herods-hotels.com/images/cal-active4-2.png');
                                     background-size: 100% !important;
                                     background-repeat: no-repeat !important;
}
.daterangepicker td.active.end-date.marker.holiday.active {
    background-image: url('/uploads/2016/05/holiday_icon.png'), url('https://media.herods-hotels.com/images/cal-active4-2.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Event - Start Date *****/
.daterangepicker td.active.start-date.marker.event.active {
    /*background-image: url('/uploads/2016/05/event_icon.png');/*, url('https://media.herods-hotels.com/images/cal-active3-2.png');*/
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;*/
}
/***** Event - End Date *****/
.daterangepicker td.active.end-date.marker.event.active {
    background-image: url('/uploads/2016/05/event_icon.png'), url('https://media.herods-hotels.com/images/cal-active4-2.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Last Room - Start Date *****/
.daterangepicker td.active.start-date.marker.last_room.active {
    background-image: url('/uploads/2016/05/last_room_icon.png');/*;/*, url('https://media.herods-hotels.com/images/cal-active3-2.png');*/*/
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Last Room - End Date *****/
.daterangepicker td.active.end-date.marker.last_room.active {
    background-image: url('/uploads/2016/05/last_room_icon.png'), url('https://media.herods-hotels.com/images/cal-active4-2.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Special Rate - Start Date *****/
.daterangepicker td.active.start-date.marker.special_rate.active {
    background-image: url('/uploads/2016/05/special_rate_icon.png');/*, url('https://media.herods-hotels.com/images/cal-active3-2.png');*/
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}
/***** Special Rate - End Date *****/
.daterangepicker td.active.end-date.marker.special_rate.active {
    background-image: url('/uploads/2016/05/special_rate_icon.png'), url('https://media.herods-hotels.com/images/cal-active4-2.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100% !important;
}

.select-dates_info {display:none; position: absolute; width: 98%; left: 7px; bottom: 5px; z-index: 3002; text-align: center; font-size: 14px;}
.select-dates_info.last_room_info {}
.select-dates_info.special_rate_info {}
.select-dates_info.event_info {}
.select-dates_info.holiday_info {color: #785501; background-color: #fef7dd;}

.select-dates_info {display: none; position: absolute; width: 98%; left: 7px; bottom: 5px; z-index: 3002; text-align: center; font-size: 14px;}
.select-dates_info.last_room_info {display: block;}
.select-dates_info.special_rate_info {display: block;}
.select-dates_info.event_info {display: block;}
.select-dates_info.holiday_info {display: none; color: #785501; background-color: #fef7dd;}

@media (max-width: 1024px){
    .search_top .daterangepicker td, .search_top .daterangepicker th {width: auto; height: 42px;}
    .search_bottom .daterangepicker td, .search_bottom .daterangepicker th {width: auto; height: 42px;}
}

.loader-overlay {position: absolute; padding-top: 1em; text-align: center; opacity: 0.4; font-size: 50px; background-color: #fff; z-index: 100000;}
.row.room_error {margin: 0; color: #f00; font-size: 0.9em;}
.small_engine .row.room_error{margin: 0 20px;}


/*****************************************************************************************************************************************************************************************************************
    NEW SEARCH ENGINE
******************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   SEARCH ENGINE - HOMPAGE
   ========================================================================== */
input::-ms-clear {display: none;}


.search-widget .choose_hotel > a {border: 2px solid transparent !important;}
.search-widget .choose_date > a {border: 2px solid transparent !important;} 
.search-widget .choose_rooms > a {border: 2px solid transparent !important;}

/*.search-widget .choose_hotel:hover > a {border: 2px solid #000 !important;}
.search-widget .choose_date:hover > a {border: 2px solid #000 !important;} 
.search-widget .choose_rooms:hover > a {border: 2px solid #000 !important;}*/
    /***** Default style *****/

.search_box_content li a {padding: 0; border: 0; line-height:20px;}
.search_box_content .search-widget li a.has_popover, .search_box_content .search-widget li a.chas_popover {height: 100%; padding: 10px 15px; background-color: #FFF;}
.search_box_content .search-widget li a.chas_popover:after, .search_box_content .search-widget li a.has_popover:after {display: none;}

.search-widget > li {height: 46px; margin-bottom: 15px;}
.search-widget > li .org-text {height: 100%; line-height: inherit;}

.sw-text {float: none; width: 100%; height: 100%;}

.search-widget > li.choose_btn .search_box button {height: 100%;}

//.search_box_bottom .best_price_icon {background:none;}
.search_box_bottom span {color: #02294f;}

.hotel_not_selected_error.hp {position: relative;
    text-align: center;
    color: #D33434;
    background: white;
    font-weight: bold;
    width: 236px;
    margin: auto;
    margin-top: 15px;
    border: 1px solid;
    height: 50px;
    z-index: 1;
    font-size: 12px;
    line-height: 50px;}
.hotel_not_selected_error.hp:before{content: " "; position: absolute; width: 0; height: 0; top: -20px !important; bottom: auto; left: 50%; margin-left: -15px;  border: solid transparent;  border-color: transparent transparent #D33434 transparent; border-width: 10px; pointer-events: none;}
.hotel_not_selected_error.hp:after{content: " "; position: absolute; width: 0; height: 0; top: -16px !important; bottom: auto; left: 50%; margin-left: -13px;  border: solid transparent; border-color: transparent transparent #fff transparent; border-width: 8px; pointer-events: none;}
.date-select, .active-text {height: 100%; color: #103f6a; font-size: 16px; font-weight: 800;}
.active-text .selection {width: 100%; height: 100%; margin: 0;}

.sw-popover {left: 0; top: auto;}
.autocomplete_erase {position: absolute; top: 15px; right: 10px; height: 12px; width: 12px; opacity: 1; z-index: 12000;
    background-image: url(https://media.herods-hotels.com/images/closex.png);
}
.sw-text .close {display: none; position: absolute; top: 16px; left: 10px; height: 12px; width: 12px; opacity: 1; z-index: 12000;
    background-image: url('https://media.herods-hotels.com/images/search_close.png');
}
.widget_hover .sw-text .close {display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; color: #96804d; font-size: 20px;}
.widget_hover .sw-text .fa-angle-down {display: none;}
.sw-popover .close {
    background-image: url('https://media.herods-hotels.com/images/search_close.png');
}

/***** HACK CSS FIREFOX CHROME EXPLORER SAFARI *****/
    /***** HOTEL *****/
/*
.selector:not(*:root) {
.sw-location .active-text .selection input {padding-top: 0px;}
}
@-moz-document url-prefix() {
    .sw-location .active-text .selection input {padding-top: 0px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sw-location .active-text .selection input {padding-top: 0px;}
}
*/
    /***** Dates *****/
/*
.search_box_content li.choose_date a .add_dates_container input {padding-top: 3px;}
.selector:not(*:root) {
.search_box_content li.choose_date a .add_dates_container input {padding-top: 0px;}
}
@-moz-document url-prefix() {
    .search_box_content li.choose_date a .add_dates_container input {padding-top: 0px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search_box_content li.choose_date a .add_dates_container input {padding-top: 0px;}
}
*/

    /***** Hotels style - AUTOCOMPLETE *****/
  
.sw-location .active-text .selection {margin-top: 0;} 
.sw-location .active-text .selection input {width: 100%; height: 100%; padding: 0 15px; padding-right: 25px; color:  #103f6a; font-size: 18px; font-weight: 800; border: 0;}
@-moz-document url-prefix() {
    .sw-location .active-text .selection input {width: 100%; height: 100%; padding: 10px 15px; color:  #103f6a; font-size: 18px; font-weight: 800; border: 0;}
}
.sw-location .active-text .selection ::-webkit-input-placeholder {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection :-moz-placeholder {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection ::-moz-placeholder {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection :-ms-input-placeholder {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection ::-ms-input-placeholder {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection :placeholder-shown {padding-top: 3px; color: #3d4043; font-size: 16px; font-weight: 500;}
.sw-location .active-text .selection input:focus {outline: none;}
.sw-location .autocomplete_erase {position: absolute; top: 50%; right: 10px; margin-top: -6px; right: 10px; height: 12px; width: 12px; opacity: 1; z-index: 12000;
    background-image: url(https://media.herods-hotels.com/images/search_close.png);
}

.choose_hotel > a.add_place {width: 100%; height: 100%; padding: 0;}
.select-hotel {position: absolute; width: 316px; top: 133%; left: 54%; margin-left: -171px; border: solid 1px #96804d; /*border: solid 1px #d9d9d9;*/ background-color: #FFF; z-index: 2;}

.select-hotel:before {content: ' '; position: absolute; width: 23px; height: 14px; top: -12px; left: 30px;
    /*background-image: url(https://media.herods-hotels.com/images/popover-arrow-new.png*/);
}
.select-hotel .close {position: absolute; top: 10px; right: 10px; height: 12px; width: 12px; opacity: 1; z-index: 12000;
    background-image: url(https://media.herods-hotels.com/images/search_close.png);
}
.select-hotel .row {max-height: 260px; overflow: auto; margin: 0;}
.select-hotel .search_autocomplete_title {padding-left: 21px; color: #3d4043; font-size: 14px; font-weight: 600;}
.search_autocomplete_title span:nth-of-type(1) {width: 16px;}
.search_autocomplete_title span:nth-of-type(2) {padding-left: 14px;}
.select-hotel .sw_city_list {float: none; width: 100%; height: auto; border: 0;}
.select-hotel .sw_city_list .city_tabs > li {height: 36px; padding: 0 20px; padding-left: 44px;}
.select-hotel .sw_city_list .city_tabs > li > a {width: 100%; height: 100%; padding: 4px 10px; color: #103f6a; font-size: 15px; font-weight: 500;}
.select-hotel .sw_city_list .city_tabs > li:hover > a {background-color: #f2f4f4 !important; color: #103f6a !important; font-size: 15px; font-weight: 500;}
.select-hotel .sw_city_list .city_tabs > li > a > span {width: auto; height: auto; text-align: inherit;}
.select-hotel .sw_city_list .city_tabs > li > a > span:nth-of-type(2) {padding-left: 20px; float: right; color: #5b5f62; font-size: 14px;}

.select-hotel .sw_hotel_list {float: none; width: 100%; height: auto; padding-bottom: 28px; padding-right: 0;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane {position: static; width: auto; height: auto; visibility: visible; opacity: 1;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane ul {padding: 0 20px; padding-left: 44px;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane li {padding: 0; margin: 0; color: #103f6a; font-size: 15px; font-weight: 600;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane li > a {width: 100%; height: 100%; padding: 4px 10px; margin: 0; color: #103f6a; font-size: 15px; font-weight: 600;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane li:hover {background-color: transparent;}
.select-hotel .sw_hotel_list .hotel_tabs .tab-pane li:hover > a {background-color: #f2f4f4 !important; color: #103f6a !important;}

.select-hotel .sw_recent_searches_list .all_cities_tabs > li.choose_hotel_active > a {background-color: #f2f4f4 !important;}
.select-hotel .sw_city_list .city_tabs > li.choose_hotel_active > a {background-color: #f2f4f4 !important;}
.select-hotel .sw_hotel_list .hotel_tabs li.choose_hotel_active > a {background-color: #f2f4f4 !important;}

.num_hotel {float: right; color: #5b5f62; font-size: 14px;}

    /***** Hotels style - AUTOCOMPLETE - ERROR *****/
#empty-message {line-height: 24px; padding: 12px 17px; padding-right: 20px; color: #103f6a; font-size: 15px; font-weight: 400;}
.search_box_content li a.empty-message-destinations {display: inline; color: #087ea3; font-size: 15px; font-weight: 400;}
    /***** Hotels style - AUTOCOMPLETE - AFTER ERROR DESTINATIONS *****/
.sw_all_cities_list {width: 100%; padding-top: 28px; padding-bottom: 28px; }
.sw_all_cities_list .all_cities_tabs > li {height: 36px; padding: 0 20px; padding-left: 44px;}
.sw_all_cities_list .all_cities_tabs > li > a {width: 100%; height: 100%; padding: 4px 10px; color: #103f6a; font-size: 15px; font-weight: 600; cursor: pointer;}
.sw_all_cities_list .all_cities_tabs > li:hover > a {background-color: #f2f4f4 !important;}
    /***** Hotels style - AUTOCOMPLETE - LAST SEARCH *****/
.sw_recent_searches_list {width: 100%; padding-top: 28px; padding-bottom: 28px; }
.sw_recent_searches_list .all_cities_tabs > li {height: 36px; padding: 0 20px; padding-left: 44px;}
.sw_recent_searches_list .all_cities_tabs > li > a {width: 100%; height: 100%; padding: 4px 10px; color: #103f6a; font-size: 15px; font-weight: 600; cursor: pointer;}
.sw_recent_searches_list .all_cities_tabs > li:hover > a {background-color: #f2f4f4 !important;}

    /***** Dates style *****/
.search_box_content li.choose_date a {padding: 0 !important;}
.search_box_content li.choose_date a .add_dates_container {position: static; width: auto; margin: 0 10px;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_input {padding: 5px 0;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_input.search_focus input {background-color:  rgba(41, 163, 177, 0.4);}
.search_box_content li.choose_date a .add_dates_container input {position: relative; width: 100%; height: 100%; padding: 0; padding-right: 45px; z-index: 1; color: #3d4043; font-size: 16px; font-weight: 500;
    background-image: url(/images/calendar.jpg);
        background-repeat: no-repeat;
        /*background-size: auto 80%;*/
        background-position: calc(105%) center;
}
.search_box_content li.choose_date a .add_dates_container .search_focus input {
    background-image: url(/images/calendar.jpg);
}
.search_box_content li.choose_date.chosen a .add_dates_container input {color: #000;  font-size: 15px; font-weight: 800; padding-top: 0;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_img {width: 8%; height: 100%; margin: 0 auto;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_img span {width: 100%; height: 100%;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_input {position: relative;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_input:nth-of-type(1){float: right; width: 46%; height: 100%;}
.search_box_content li.choose_date a .add_dates_container .add_dates_container_input:nth-of-type(2){float: left; width: 46%; height: 100%;}
.search_box_content li.choose_date a .add_dates_container .calendar_icon {display: none; position: absolute; height: 100%; top: 0; bottom: 0; left: 15px;}
.search_box_content li.choose_date a .add_dates_container .calendar_icon span {width: 100%; height: 100%;}
.search_box_content li.choose_date a .add_dates_container .calendar_icon span img {position: relative; top: -2px;}

.select-dates.sw-popover {width: 670px; top: 133%;}
.select-dates.sw-popover:before {top: -10px; width: 23px;
    /*background-image: url(https://media.herods-hotels.com/images/popover-arrow-new.png) !important;
        background-size: contain !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;*/
}
.select-dates.sw-popover.focus_check_in:before {left: 63%;}
.select-dates.sw-popover.focus_check_out:before {left: 40%;}
.select-dates.sw-popover .close {top: 18px;}
.select-dates.sw-popover .daterangepicker {height: auto; top: 30px !important; bottom: 0;}
.date_popup_top {position: absolute; height: 90px; left: 5px; right: 5px; top: 0; padding: 20px; color: #007e94; font-size: 16.96px; font-weight: 700; text-align: center; z-index: 10000;}

.date_popup_bottom {position: absolute; height: 90px; right: 5px; left: 5px; bottom: 0; padding: 20px 0; text-align: center; border-top: solid 1px #d2d4d7; z-index: 10001;}
.date_popup_bottom > span {height: 100%;}

.date_popup_bottom_L {position: relative; padding-left: 20px !important; padding-top: 7px !important; margin-left: 20px; border-left: solid 1px;}
.date_popup_bottom_L:after {bottom: 100%; top: 50%; margin-top: -6px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #000; border-width: 6px; left: -13px;}
.date_popup_bottom_L:before {bottom: 100%; top: 50%; margin-top: -6px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #fff; border-width: 6px; left: -12px; z-index: 1;}
.date_popup_bottom_L .date-popup-nights {color: #8f8f8f; font-size: 36px; line-height: 14px; font-weight: 700;}
.date_popup_bottom_L > div {color: #3a4243; font-size: 15px; font-weight: 400;}

.date_popup_bottom_R {position: relative; top: -19px;}

.date_popup_bottom span {padding: 0 0; /*color: #1a1a1a; font-size: 16px; font-weight: 800;*/}
.date-popup-start, .date-popup-end {color: #1a1a1a; font-size: 16px; font-weight:bold;}
.daterangepicker.show-calendar .calendar {width: 50%;}
.daterangepicker .calendar-table {padding: 0 20px !important;}

.daterangepicker td.disabled, .daterangepicker option.disabled {cursor: default;}
.daterangepicker th.month {font-size: 18px; font-weight: 700;}
.daterangepicker th {color: #043767; font-size: 14px; font-weight: 400;}
.daterangepicker td {font-size: 17px;}
.daterangepicker td.active.start-date {color: #FFF !important;}
.daterangepicker td.active.start-date, .daterangepicker td.active.start-date.end-date,
 .daterangepicker td.active.today.start-date, .daterangepicker td.active.today.start-date.end-date  {color: #FFF !important; background-color: #918154 !important;
    /*background-image: url(https://media.herods-hotels.com/images/date_arrow_right.png) !important;
        background-size: auto !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;*/
}
.daterangepicker td.active.start-date.end-date {color: #FFF !important;}
.daterangepicker td.in-range:not(.off) {color: #fff; background: #0b89b0; border-color: #0b89b0; border-bottom: 0;}
.daterangepicker td.active.end-date {color: #151515; border-radius: 0; background-color: #fdcd09;
    /*background-image: url(https://media.herods-hotels.com/images/date_arrow_left.png);
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;*/
}

.daterangepicker td.today.active.start-date.end-date.in-range.available.tmp-available,
 .daterangepicker td.today.available {color: #29a3b1!important; font-weight: 600; background-color: #FFF !important;
    /*background-image: url(https://media.herods-hotels.com/images/date_today.png) !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;*/
}


.daterangepicker td.first-in-range, .daterangepicker td.first-in-range.today {color: #fff !important; font-weight: 400; background-color: #96804d !important;
    /*background-image: url(https://media.herods-hotels.com/images/date_arrow_right.png) !important;
    background-size: auto !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;*/
}
.daterangepicker td.last-in-range, .daterangepicker td.last-in-range.today {color: #FFF !important; border-radius: 0 !important; background-color: #96804d !important;
    /*background-image: url(https://media.herods-hotels.com/images/date_arrow_left.png) !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;*/
}
.daterangepicker td.tmp-in-range, .daterangepicker td.active.start-date.tmp-in-range {color: #fff !important;background-color: #0b89b0 !important;border-color: #0b89b0 !important;border-bottom: 0 !important; background-image: none !important;}
.daterangepicker td.tmp-available, .daterangepicker td.active.start-date.tmp-available {color: #4c4c4c !important; background-color: transparent !important; border: 0 !important;}



.daterangepicker .next.available, .daterangepicker .prev.available {height: auto;}
.daterangepicker th.prev.available:after, .daterangepicker th.next.available:after {height: auto; padding-top: 5px; color: rgba(4, 55, 103, 0.9); background-color: transparent !important;}
.calendar.left .table-condensed > thead > tr:nth-of-type(1) > th:nth-of-type(1) {height: auto;}
.daterangepicker.ltr .calendar.left .calendar-table {border-right: solid 1px #d2d4d7;}


    /***** Guest style *****/
.add_guests .sw-text,.add_place .sw-text{height: 100% !important; padding-right: 35px;
    background-image: url(https://media.herods-hotels.com/images/search3.png) !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
}
.add_place .sw-text{background-image: url(https://media.herods-hotels.com/images/search1.png) !important; background-size: 25px 25px !important;}
.add_guests,.add_place {position: relative}
.add_guests i, .select_hotels i{position: absolute; top: 50%; left: 0; margin-top: -10px; color: #96804d; font-size: 20px;}

/*.select-guests.sw-popover {width: 470px !important; padding: 0 10px; padding-left: 20px; padding-top: 50px; padding-bottom: 45px;}*/
.select-guests:before{content: ' '; position: absolute; width: 23px; height: 14px; top: -12px; left: 34.5%; margin-left: -14.5px;
    /*background-image: url(https://media.herods-hotels.com/images/popover-arrow-new.png*/);
}

.search_box_content .search-widget li.choose_rooms a.has_popover,
.search_box_content .search-widget li.choose_rooms a.chas_popover,
.choose_hotel > a.add_place {padding: 0 10px; line-height: inherit;}


.search_label {color: #000; font-size: 17px; font-weight: 700; text-align: center;}
.room_selectors_title .search_label{color: #20201f; font-weight: 400;}
.search_label span {margin-top: 5px; font-weight: 400;}
.rooms .room {margin-bottom: 5px; padding-top: 5px; border-top: 0;}
.rooms .col-sm-1 {width: 23px; height: 23px; line-height: 60px;}
.rooms .col-sm-1 .remove_room {width: 100%; height: 100%; border-radius: 50%; border: solid 1px #b9b9bb;
    /*background-image: url(https://media.herods-hotels.com/images/search_close.png);*/
        background-repeat: no-repeat;
        background-position: center;
}
.room_num {width: calc(24% - 23px); height: 43px; padding: 0; padding-top: 15px; color: #103f6a; font-size: 16px; font-weight: 900; border: 0;}
.choose_rooms .add_remove .bootstrap-select {width: 100% !important; height: 60px;}
.choose_rooms .add_remove .bootstrap-select button {width: 85%; height: 60px; padding: 0px; background-color: transparent !important; border: solid 1px #c1bcad; border-radius: 0 !important;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-toggle .filter-option {text-align: center; font-size:30px; font-weight:300; color:#a4832a;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-toggle .caret {width: 12px; height: 18px; margin-top: -13px; right: auto; left: 15px; color: #686868; font: normal normal normal 24px/1 FontAwesome; border: 0;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-toggle .caret:before {content: "\f107";}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-menu li a {padding: 0px 0; height: 30px; line-height: 30px;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-menu li a:hover{background-color: #96804d; color: #fff;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-menu li a span.text {width: 100%; height: 100%; padding: 0; color: #33383c; font-size: 16px; font-weight: 600; text-align: center;}
.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-menu li a span.text:hover{color:#fff;background-color: #96804d!important;}

.add_room {margin-top: 7px; padding: 0; color: #087ea3; font-size: 16px; font-weight: 500;}

    /***** Guest popup 1 *****/
.select-guests1,.select-hotel.sw-popover {width: auto; top: 67px; right: 10px; left: 10px; padding: 18px 30px;}
.select-hotel.sw-popover{ width: calc(100% - 20px); max-width: 455px; margin: auto;}
.select-guests1:before,.select-hotel.sw-popover:before {content: ' '; position: absolute; width: 23px; height: 14px; top: -12px; left: 50%; margin-left: -11.5px;
    /*background-image: url(https://media.herods-hotels.com/images/popover-arrow-new.png*/);
}
.select-guests1-rooms {margin: 10px 0; margin-left: -10px; margin-right: -10px; padding: 4px 10px; padding-bottom: 6px; margin-bottom: 0; text-align: center; color: #000; font-size: 16px; font-weight: 600;}
.select-guests1-rooms:hover {background-color: #96804d; color: #fff;}
.select-guests1-rooms span:hover{color: #fff;}
.select-guests1-more-option {margin: 10px 0; text-align: center; }
.select-guests1-more-option a {padding: 0 !important; color: #29a3b1 !important; text-decoration: underline !important; font-size: 16px !important; font-weight: 700 !important;}

/* ==========================================================================
   SEARCH ENGINE - WIDE
   ========================================================================== */
.search_top {background-color: #0dc5ec !important;}   
.search_top .search_box_title {display: none;}
.search_page .search_box {height: 67px; padding: 10px 0;}
.search_page .search_box_content {width: 100%;}
.search_page .search_box_content form .search-widget {margin-right: -2.5px; margin-left: -2.5px;}
.search_page .search-widget > li {padding: 0 2.5px;}
.search_page .search_box_content .search-widget li a.has_popover,
 .search_page .search_box_content .search-widget li a.chas_popover {height: 100%; padding: 0; border: 0;}
 
.search_page .active-text .selection {width: 100%; height: 100%; padding: 10px; color: #3d4043; font-size: 16px; font-weight: 500;} 

.search_page .search-widget > li.li_submit button {border-left: none !important;}

.search_page .choose_hotel, .search_page .choose_date, .search_page .choose_rooms {position: relative;}
.search_page .sw-popover {width: 100% !important; height: auto; top: 133% !important; left: 0; margin-left: 0;}
.search_page .sw-popover:after {margin-left: 0;}
.search_page .sw-popover:before {margin-left: 0;}

@media (max-width: 1024px){
    .search_top > .container > .row {padding: 0 10px !important;}
}

    /***** Hotel *****/ 
.search_page .sw-text {float: none; width: auto; height: 100%; background-color: #FFF;}
.search_page .active-text {height: 100%;}
.search_page .active-text .selection {width: 100%; height: 100%; line-height: 25px;}
.search_page .active-text .selection {line-height: 31px;}
/* Hack for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    .search_page .active-text .selection {line-height: 26px !important;}
}
/* Hack for firefox */
@-moz-document url-prefix() { 
    .search_page .active-text .selection {line-height: 26px !important;}
}


.search_page .sw-location .active-text .selection input {/*padding-top: 0px;*/ padding-bottom: 0px;}

.search_page .sw-location .active-text .selection input {padding-top: 4px;}
/* Hack for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    .search_page .sw-location .active-text .selection input {padding-top: 0;}
    .sw-location .active-text .selection :placeholder-shown {padding-top: 1px !important;}
}
/* Hack for firefox */
@-moz-document url-prefix() { 
    .search_page .sw-location .active-text .selection input {padding-top: 0;}
    .sw-location .active-text .selection :placeholder-shown {padding-top: 1px !important;}
}



.search_page .sw-text.sw-location .active-text .selection {line-height: 24px; color: #103f6a; font-size: 18px; font-weight: 800;}
.search_page .select-hotel {width: 100%; left: 0; margin: 0;}

    /***** Dates *****/       
.search_page .search_box_content li.choose_date a .add_dates_container input {padding-top: 1px; background-position: 5px 6px;}
.search_page .search_box_content li.choose_date a .add_dates_container input  {padding-top: 6px;}
/* Hack for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    .search_page .search_box_content li.choose_date a .add_dates_container input  {padding-top: 1px;}
}
/* Hack for firefox */
@-moz-document url-prefix() { 
    .search_page .search_box_content li.choose_date a .add_dates_container input  {padding-top: 1px;}
}
    
    
    
.search_page .select-dates.sw-popover .daterangepicker {padding: 30px 0 !important;}
.search_page .add_dates {width: 100%; color: #3d4043; font-size: 16.01px; font-weight: 500;}
.search_page .active-text.num-nights {display: none !important;}
.search_page .select-dates.sw-popover {width: 775px !important; height: 470px; left: 19%; margin-left: -235px;}
.search_page .select-dates.sw-popover.focus_check_in:before {left: 32.5% !important;}
.search_page .select-dates.sw-popover.focus_check_in:after {left: 32.5% !important;}
.search_page .select-dates.sw-popover.focus_check_out:before {left: 58% !important;}
.search_page .select-dates.sw-popover.focus_check_out:after {left: 58% !important;}
.search_page .daterangepicker th.next.available:after {right: 0 !important;}
.search_page .daterangepicker th.prev.available:after {left: 0 !important;}

@media (max-width: 1366px){
    .search_page .select-dates.sw-popover.focus_check_in:before {left: 33.5% !important;}
    .search_page .select-dates.sw-popover.focus_check_in:after {left: 33.5% !important;}
    .search_page .select-dates.sw-popover.focus_check_out:before {left: 55% !important;}
    .search_page .select-dates.sw-popover.focus_check_out:after {left: 55% !important;}
    .search_box_content li.choose_date a .add_dates_container input{font-size: 14px!important; padding-right: 40px;background-position: calc(109%) center;/* background-size: auto 65%; padding-right: 25px; background-position: calc(100% - 0px) center;*/}
}
@media (max-width: 1300px){
	.search_box_content li.choose_date a .add_dates_container{margin: 0 5px;}
	.search_box_content li.choose_date a .add_dates_container input{font-size: 13px!important; padding-right: 45px; background-position: calc(110%) center;/* background-size: auto 60%; padding-right: 20px;*/}
	.search_box_content li.choose_date a .add_dates_container .add_dates_container_img {width: 4%;}
}
@media (max-width: 1240px){
	.search_box_content li.choose_date a .add_dates_container input{font-size: 12px!important; padding-right: 37px; background-position: calc(112%) center; background-size: 35% auto;}
}
@media (max-width: 1200px){
	.search_box_content li.choose_date a .add_dates_container input{font-size: 11px!important; background-size: 29% 100%;padding-right: 30px;  background-position: calc(108%) center;}
}
@media (max-width: 1024px){
    .search_page .select-dates.sw-popover.focus_check_in:before {left: 34% !important;}
    .search_page .select-dates.sw-popover.focus_check_in:after {left: 34% !important;}
    .search_page .select-dates.sw-popover.focus_check_out:before {left: 54.5% !important;}
    .search_page .select-dates.sw-popover.focus_check_out:after {left: 54.5% !important;}
    .choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 30px;}
}

    /***** Guests *****/  
.search_page .search-widget > li.li_submit {padding: 0 2.5px;}
.search_page .search-widget > li.li_submit button {color: #0a3256; font-size: 18px; font-weight: 600; border-radius: 2px;}

.search_page .select-guests.sw-popover {width: 478px !important; left: 50%; margin-left: -239px; padding: 20px !important; padding-top: 50px !important;}
.search_page .select-guests.sw-popover:before {right: 50% !important; margin-right: -12px !important;}
.search_page .select-guests.sw-popover:after {right: 50% !important; margin-right: -12px !important;}
.search_page .sw-guest-buttons {border: 0 !important;}
.search_page .sw-guest-buttons .sw_guests_find {width: 110px !important;}
.search_page .sw-guest-buttons .col-sm-6:nth-of-type(1) {text-align: left;}
.search_page .sw-guest-buttons .col-sm-6:nth-of-type(2) {text-align: right;}
.search_page .sw-guest-buttons .add_room {padding-left: 20px;}

/* ==========================================================================
   SEARCH ENGINE - WIDE - BOTTOM PAGE
   ========================================================================== */
.search_bottom .search_box {height: auto; background-color: #0dc5ec !important;}   
.search_bottom .search-widget > li {position: relative; height: 43px !important; padding: 0 2.5px !important; margin: 0;}
.search_bottom .search-widget > li.clear {height: 0 !important; margin: 0 !important;}
.search_bottom .search_box_content .search-widget {width: 1080px; padding-bottom: 30px; margin: 0 auto !important;}
.search_bottom .sw-text {width: 100% !important; margin: 0 auto !important;}
.search_bottom .active-text.num-nights {display: none !important;}
.search_bottom .search-widget > li.li_submit button {height: 43px; border: 0;}

.search_bottom .sw-popover {top: 133% !important; left: 0; margin: 0;}
.search_bottom .sw-popover:before {left: 50% !important; margin-left: -12px !important;}

@media (max-width: 1365px) {
    .search_bottom .search_box_content .search-widget {width: 100%; padding-right: 20px; padding-left: 20px;}
}

    /***** Dates *****/
.search_bottom .select-dates.sw-popover {width: 775px !important; left: 10.5%;}
.search_bottom .select-dates.sw-popover.focus_check_in:before {left: 37% !important; margin: 0; margin-left: -12px;}
.search_bottom .select-dates.sw-popover.focus_check_in:after {left: 37% !important; margin: 0; margin-left: -12px;}
.search_bottom .select-dates.sw-popover.focus_check_out:before {left: 59.5% !important; margin: 0; margin-left: -12px;}
.search_bottom .select-dates.sw-popover.focus_check_out:after {left: 59.5% !important; margin: 0; margin-left: -12px;}

.search_bottom .sw-popover.select-dates .daterangepicker {padding: 30px 0;}

@media (max-width: 1366px){
    .search_bottom .select-dates.sw-popover.focus_check_in:before {left: 37.5% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_in:after {left: 37.5% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_out:before {left: 57.5% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_out:after {left: 57.5% !important;}
}

@media (max-width: 1024px){
    .search_bottom .select-dates.sw-popover.focus_check_in:before {left: 37.5% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_in:after {left: 37.5% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_out:before {left: 57% !important;}
    .search_bottom .select-dates.sw-popover.focus_check_out:after {left: 57% !important;}
}

    /***** Guest *****/ 
.search_bottom .select-guests.sw-popover {left: 50%; margin-left: -235px;}   
.search_bottom .select-guests.sw-popover:before {left: auto; right: 50%; margin-right: -12px; margin-left: 0;}
.search_bottom .sw-guest-buttons {border: 0;}
.search_bottom .sw-guest-buttons .col-sm-6:nth-of-type(1) {text-align: left;}
.search_bottom .sw-guest-buttons .col-sm-6:nth-of-type(2) {text-align: right;}
.search_bottom .sw-guest-buttons .add_room {text-align: left;}
.search_bottom .sw-guest-buttons .sw_guests_find {width: 125px !important;}


.ui-autocomplete {display: none !important;}
.searched_term_highlighs {color: #087ea3; text-transform: none; width: auto !important; font-weight:600}


.daterangepicker td.start-date.start-date-prev {background-image: none; background-color: #0b89b0; border-color: #0b89b0;}

.daterangepicker td.start-date.start-date-prev.start-date-prev-def,
 .daterangepicker td.end-date.end-date-prev.end-date-prev-def {background-color: #fff !important; color: #000 !important;}

.daterangepicker td.end-date.end-date-prev {
	background-image: none;
	background-position: left center !important;
}

.daterangepicker td.end-date.end-date-prev.end-date-prev-def.in-range {background-color: #96804d !important; border-color: #96804d !important; color: #fff !important;}
.daterangepicker td.end-date.end-date-prev.end-date-prev-def.in-range:after {display: none;}


/* ==========================================================================
   NEW SEARCH - WIDE
   ========================================================================== */  
.inner_page_search_top > section {height: 100%;}   
.inner_page_search_top > section > .search_box {height: 100%; } /*maya*/
.inner_page_search_top > section > .search_box > .search_box_content {height: 100%;}
.inner_page_search_top > section > .search_box > .search_box_content > form {height: 100%;} 

.search-widget {width: 100%; height: 100%; /*margin: 0 -10px;*/ padding: 23px 0; max-width: 1874px; margin: auto;}    
.search-widget > li {position: relative; float: right; width: 28%; height: 100%; padding: 0 10px; margin: 0;}
.search-widget > li.choose_date {position: relative;}
.search-widget > li.choose_rooms{position: relative;}
.search-widget > li.choose_hotel {position: relative;}
.search-widget > li.choose_btn {width: 16%;}
.search-widget > li.choose_btn .best_price{color: #fff; font-size: 12px; font-weight: 700; text-align: center;}
.search-widget > li.choose_btn .best_price a{background-color: inherit !important; color: #fff;}
.search-widget > li.choose_btn .best_price a img{padding-left: 3px; margin-top: -3px;}
.search-widget > li.choose_btn .best_price button{background-color: inherit !important; color: #fff; font-size: 12px; display: block; font-family: 'Open Sans Hebrew', sans-serif; text-align: center; margin: auto; letter-spacing: 0.02vw;padding:0;}
.search-widget > li > a {width: 100%; height: 100% !important; background-color: rgba(255, 255, 255, 0.8);}

.search_box_content .search-widget li a.has_popover, .search_box_content .search-widget li a.chas_popover {display: block; height: 44px; background-color: rgba(255, 255, 255, 0.8);}
/*.search_box_content .search-widget li a.widget_hover {background-color: #FFF;}*/
.search_box_content .search-widget li a.has_popover > span, .search_box_content .search-widget li a.chas_popover > span {float: right; width: 60px; height: 100%;}
.search_box_content .search-widget li a.chas_popover:after, .search_box_content .search-widget li a.has_popover:after {content: '\f107'; top: 50%; right: auto; left: 15px; margin-top: -12px; font-size: 17px; color: #918154 !important;}
.search_box_content li a.chas_popover.widget_hover:after, .search_box_content li a.has_popover.widget_hover:after {content: '\f106';}

.sw-text {position: relative; width: 100%; height: 100%;}
.sw-text .active-text {width: 100%; height: 100%; text-align: right;}
.sw-text .active-text small {display: none;}
.sw-text .active-text .selection {font-family: 'Heebo', sans-serif;height: 100%; margin: 0; width: 100%; padding: 0px; line-height: 38px; color: #000000; font-size: 16px; font-family: 'Heebo', sans-serif; font-weight: 700;}

.chosen .add_dates {width: 100%; height: 100%; padding: 0; color: #000000; font-family: 'Heebo', sans-serif; font-weight: 700;font-size: 19px; letter-spacing: 2px;}
li.chosen .num-nights {display: none !important;}

.find-btn.base_btn {width: 100%; height: 44px; font-family: 'Heebo', sans-serif; letter-spacing: 2px; font-weight: 500; color: #ffffff; font-size: 19px; border: solid 1px #3a4243; background-color: #29a3b1; border-radius: 0; padding: 0;}
.find-btn.base_btn:hover{background-color:  #0d8fab; border: solid 2px #3a4243;}
.find-btn.base_btn.disabled:hover{background-color:  #29a3b1;}

.sw-popover:before {content: " "; position: absolute; width: 0; height: 0; top: -29px !important; bottom: auto; left: 50%; margin-left: -15px; border: solid transparent; border-bottom-color: #fff; border-width: 15px; pointer-events: none;}

    /***** Hotel Selection *****/
.select-hotel.sw-popover ul.city_options li{text-transform: uppercase; width:100%; font-family: 'Heebo', sans-serif; cursor:pointer;position: relative; margin: 10px 0; margin-left: -10px; margin-right: -10px; margin-bottom: 0; text-align: center;  color: #20201f; font-size: 17px; font-weight: 400; height: 45px; line-height: 45px;}
.select-hotel ul.city_options li:hover{background-color:  #96804d!important;color:#fff!important;}
.select-hotel.sw-popover .close {display: none;}
.sw-popover .row {margin-right: 0; margin-left: 0; background-color: #FFF; border: solid 1px #c1bcad;}
.search_box_content .sw_city_list {float: none; width: auto; height: auto; padding: 10px 0; border: none;}
.search_box_content .sw_city_list li {padding: 10px 0; font-family: 'Heebo', sans-serif; color:  #20201f; font-size: 22px; font-weight: 400; text-align: center; cursor: pointer;}
.search_box_content .sw_city_list li:hover {color: #FFF; background-color:  #96804d;}

    /***** Dates Selection *****/
.sw-popover .close {width: 22px; height: 22px; right: auto; left: 10px; top: 10px;
    background-image: url(https://media.herods-hotels.com/images/close.png);
}
.sw-popover .check-in {position: absolute; width: 100%; top: 20px; font-family: 'Heebo', sans-serif; color: #007e94; font-size: 22px; font-weight: 700; text-align: center;}
.select-dates.sw-popover {position: absolute; width: 1090px; height: 571px; left: auto; right: 50%; margin-right: -545px; top: 67px; padding: 0; padding-left: 10px; padding-right: 15px; background-color: #FFF; border: solid 1px #96804d;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select-dates-wrapper {position: relative; width: 100%; height: 100%; top: auto; right: auto; left: auto; padding: 0; background-color: #FFF; border: solid 1px #96804d;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select-dates.sw-popover .daterangepicker {position: absolute; float: none; width: auto; height: calc(100% - 80px); left: 11px !important; right: 16px !important; padding: 70px 0; padding-top: 50px; margin: 0; border-radius: 0; background-color: transparent;}
.select-dates.sw-popover .daterangepicker .calendar {width: 50%; border:none;}
.daterangepicker .calendar.left {float: right; margin-right: 0; border-left: solid 1px #d6d3ca!important; }
.daterangepicker .calendar.right {float: left; margin-right: 20px;}
.daterangepicker .calendar th {color: #686868; font-size: 17.83px; font-weight: 400; font-family: 'open sans hebrew';}
.daterangepicker .calendar th.month {font-family: 'Heebo', sans-serif; color: #000000; font-size: 21.92px; font-weight: 400;}
.daterangepicker .calendar td {position: relative; font-family: 'Heebo', sans-serif; color: #000000; font-size: 16px; font-weight: 300; line-height: 18px; text-align: center; background-color: transparent;}
.daterangepicker td, .daterangepicker th {height: 50px;}
.daterangepicker th.prev.available:after,
 .daterangepicker th.next.available:after {width: 37px; height: 49px; padding-top: 7px; font-size: 23px; color: #96804d; border: solid 1px #96804d; background-color: #ffffff;}
.daterangepicker .calendar td.available:hover {color:  #29a3b1;}
.daterangepicker td.active.start-date {background-color: #816e42 !important;}
.daterangepicker td.active.end-date,.daterangepicker td.last-in-range {background-color: #816e42 !important;}
.daterangepicker td.in-range:not(.off) {color: #FFF; background-color: #96804d;}
.daterangepicker td.in-range:not(.off):hover {color: #FFF;}
.daterangepicker .calendar td.available.active {color: #FFF !important; font-weight: 300 !important;}

.daterangepicker .calendar td.available.active.start-date:after {content: ""; position: absolute; width: 0; height: 0; top: 0; left: 50%; bottom: 100%; margin-left: -9px; border: solid transparent; border-top-color: #fff; border-width: 9px; pointer-events: none;}
.daterangepicker .calendar td.available.active.end-date:after, .daterangepicker .calendar td.last-in-range:after{content: ""; position: absolute; width: 0; height: 0; top: auto; bottom: 0; left: 50%; margin-left: -9px; border: solid transparent; border-bottom-color: #fff; border-width: 9px; pointer-events: none;}
.search_engine_bottom {position: absolute; width: 100%; height: 70px; bottom: 0; padding: 0 25px; text-align: center;}
.search_engine_bottom_wrapper {height: 100%; padding: 15px 0; border-top: solid 1px #d6d3ca;}
.search_engine_bottom_wrapper > div {display: inline-block; color:  #3a4243; font-size: 18px; font-weight: 400; vertical-align: middle;}
.search_engine_bottom_wrapper > div.search_engine_nights .nights {line-height: 14px; font-family: 'Heebo', sans-serif; color: #8f8f8f; font-size: 35.91px; font-weight: 700; vertical-align: middle;}
.search_engine_bottom_wrapper > div.search_engine_nights small {color:  #3a4243; font-size: 15px; font-weight: 400; line-height: 13px; vertical-align: middle; text-align: center;}
.search_engine_bottom_wrapper > div:nth-of-type(1) {position: relative; padding-left: 10px; border-left: solid 1px #20201f;}
.search_engine_bottom_wrapper > div:nth-of-type(1):after {content: ""; position: absolute; width: 0; height: 0; left: -9px; top: 50%; margin-top: -4px; border: solid transparent; border-right-color: #20201f; border-width: 4px; pointer-events: none;}
.search_engine_bottom_wrapper > div:nth-of-type(1):before {content: ""; position: absolute; width: 0; height: 0; left: -8px; top: 50%; margin-top: -4px; border: solid transparent; border-right-color: #fff; border-width: 4px; z-index: 1; pointer-events: none;}
.search_engine_bottom_wrapper > div:nth-of-type(2) {position: relative; padding-right: 10px; top: -5px;}

    /***** Guest Selection *****/
.select-guests.sw-popover {position: absolute; width: 650px; height: auto; left: auto; right: 50%; margin-right: -325px; top: 67px; padding: 0; padding-top: 55px; padding-left: 13px; padding-right: 13px; background-color: #FFF; border: solid 1px #96804d;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select-guests.sw-popover:before {content: " "; position: absolute; width: 0; height: 0; top: -29px !important; bottom: auto; left: 50%; margin-left: -15px; border: solid transparent; border-bottom-color: #fff; border-width: 15px; pointer-events: none;}

.select-guests-wrapper {position: relative; padding: 30px 50px; background-color: #FFF; border: solid 1px #c1bcad;}
.room_selectors_title {font-family: 'Heebo', sans-serif; margin-bottom: 15px; color: #007e94; font-size: 22px; font-weight: 700;}
.room_selectors_title .label_wrapper{width:23.3%;}
.rooms .row {border: 0;}
.rooms .row.room .sw_amount{width:23.3%;}
.rooms .row.room .sw_amount .filter-option{text-align:center;}
.rooms .row.room .sw_amount .dropdown-menu ul{text-align:center;}
.search-widget .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover{background-color:#96804d!important;}
.rooms_subtitle {border-bottom: solid 1px #E8E7E3 !important;} 
.rooms_subtitle .room_num {height: 30px; padding-top: 0; border: none;}
.rooms_subtitle .sw_amount .search_label {line-height: 18px; color: #20201f; font-size: 17px; font-weight: 700;}

#room_0 .remove_room {display: none;}
.room .room_num {padding-top: 0px; line-height: 65px; color: #33383c; font-size: 20px; font-weight: 400; border: 0; font-family: 'Heebo', sans-serif; padding: 0;}
.room .col-sm-1 {width: auto; height: auto; padding-left: 0; padding-right: 28px;}
.rooms .col-sm-1 .remove_room {padding-top: 0; text-decoration: underline; border: 0; text-align: left;}
.room .sw_amount_div {line-height: 100%; font-family: Lato; color: #6e6e6e; font-size: 30px; font-weight: 800; cursor: pointer;}
.add_room {padding-bottom: 10px; color: #313131; font-size: 15px; font-weight: 400; line-height: 24px; padding-right: 20px;}
.add_room .add_plus_desc {text-decoration: underline;}
.add_remove .r_number {height: 42px; line-height: 34px; font-family: 'Heebo', sans-serif; color: #a38233; font-size: 36px; font-weight: 400;}
.remove_room {height: 100%; width: 100%; padding-top: 8px; color: #33383c; font-size: 14px; font-weight: 400; text-align: right; cursor: pointer; background: none; text-decoration: underline;}

.search_box .sw-popover .sw-guest-buttons {padding-top: 35px; border: 0;}
.search_box .sw-popover .sw-guest-buttons .col-sm-6 {padding: 0;}
.search_box .sw-popover .sw_guests_find {float: left; width: 216px; height: 44px; line-height: 40px; font-family: 'Heebo', sans-serif; color: #ffffff; font-size: 20px; font-weight: 700; border-radius: 0; background-color: #29a3b1!important; margin-left: 27px; margin-bottom: 23px;}


.home_search {height: 90px; padding: 0 !important; background-color: #96804d; box-shadow: 0px 1px 0px 0px rgba(49, 49, 49, 0.32);}
.home_search .container100 {height: 100%;}
.home_search .container100 .row100 {height: 100%;}
.home_search .container100 .row100 > div {height: 100%;}
.home_search .container100 .row100 > div > section {height: 100%;}
.home_search .container100 .row100 > div > section .search_box {height: 100%; margin: 0 auto;} 
.home_search .container100 .row100 > div > section .search_box .search_box_content {height: 100%;}
.home_search .container100 .row100 > div > section .search_box .search_box_content > form {height: 100%;}

.main_gallery_bottom_search .container100 {height: 100%;}
.main_gallery_bottom_search .container100 .row100 {height: 100%;}
.main_gallery_bottom_search .container100 .row100 > div {height: 100%;}

.daterangepicker th.prev.available:after, .daterangepicker th.next.available:after {content: "\f104";}
.daterangepicker th.prev.available:after {content: "\f105"; width: 24px; height: 32px; padding: 0px; font-size: 16px; line-height: 30px; color: #96804d;}

@media (max-width: 1366px){ 
	.search-widget > li.choose_btn .best_price{font-size: 11px;}
    .select-dates.sw-popover {width: 950px; margin-right: -475px;}
    
}
@media (max-width: 1269px){
	.search-widget li.choose_btn .best_price img{width:8%;}
	.select-hotel.sw-popover{padding-left: 15px; padding-right: 15px;}
	.select-hotel.sw-popover ul.city_options li{font-size:16px; /*shimon 19->16*/}
	
	
}
@media (max-width: 1246px){
	.search-widget li{width:27%;}
	.search-widget li.choose_btn{width:17%;}
	.choose_rooms .add_remove .bootstrap-select.btn-group .dropdown-menu li{width:100%;}
	
	
}
@media (max-width: 1170px){
	.search-widget li.choose_btn .best_price{font-size:10px;}
	.search-widget > li.choose_btn .best_price button{font-size: 10px;}
}

@media (max-width: 1088px){
	.search-widget li.choose_btn .best_price {font-size: 9.4px;}
	.main_gallery_bottom_search .container100 .row100 > div{padding:0;}
	.find-btn.base_btn{letter-spacing: 1px;}
    .select-dates.sw-popover {width: 850px; margin-right: -425px;}
    .search_box_content li.choose_date.chosen a .add_dates_container input {padding-right: 27px; font-size: 11px!important; background-size: 30% 100%; background-position: calc(109%) center;}
}


@media (max-width: 1024px){ 
    li .org-text {line-height: 45px; font-size: 15px;}
    .chosen .add_dates {font-size: 15px;}
    .sw-text .active-text .selection {font-size: 15px;} 
    .select-guests.sw-popover {width: 550px; margin-right: -275px;}
    .select-dates.sw-popover {height: 530px;}
    .daterangepicker td, .daterangepicker th {height: 45px;}
    .daterangepicker .calendar td {font-size: 16px;}
    .search-widget>li{padding: 0 7px;}
    .select-guests1-rooms{font-size: 14px;}
}
/************************ addition for bootstrap select in Desktop search engine *****************************/
.hp_engine .select_hotels_before_load,.hp_engine .select_rooms_before_load {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	width: 100%;
    height: 100%;
	background-color: #fff;
    border-radius: 0;
    height: 100%;
    color: #000;
    text-align: right;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    padding-bottom:6px;
    padding-left:12px;
    padding-right:40px;
    padding-top:10px;
}
.hp_engine .bootstrap-select.hotel_select_options:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	width: 100%;
    height: 100%;
    margin-top: -68px;
    position: relative;
}
.hp_engine .choose_hotel  .search_icon_sprite{
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 2;
}


.hp_engine .bootstrap-select.hotel_select_options:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):hover,.hp_engine .bootstrap-select.rooms_select_options:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):hover{
    border: 1px solid #000!important;
}

/*sprites in search engine*/
@media (min-width: 769px){	
	.search_icon_sprite{float: right; width: 30px; height: 42px; background: url(https://media.herods-hotels.com/images/herods_sprite.png) -173px -430px;}
	.select_hotel_name{width: auto; float: right; padding-right: 10px;}
	.add_place .sw-text{padding-right: 0;background-image:none!important;}
	.add_place .sw-text .active-text{display: inline-block !important; float: right; width: 82%; padding-right: 10px;}
	.search_engine_small .add_place .sw-text .active-text{width:89%;}
	.search_box_content li.choose_date a .add_dates_container .calendar_icon span{width: 30px; height: 42px;  background: url(https://media.herods-hotels.com/images/herods_sprite.png) -70px -292px;}
	.search_box_content li.choose_date a .add_dates_container .calendar_icon{display:block; right: 0px; left: initial; z-index: 4;}
	.search_box_content li.choose_date a .add_dates_container .add_dates_container_input.search_focus input{width: 70%; padding-right: 5px;}
	.search_box_content li.choose_date a .add_dates_container .search_focus input{background-image: none;}
	.search_box_content li.choose_date a .add_dates_container input{background-image: none;}
	.search_box_content li.choose_date a .add_dates_container input{margin-right: 45px;padding:0; width: 83%;}
	.guest_sprite{float: right; width: 30px; height: 42px; background: url(https://media.herods-hotels.com/images/herods_sprite.png) -118px -288px;}
	.add_guests .sw-text{padding-right:0; background-image: none!important;}
	.choose_rooms .sw-text .active-text{width: auto; display: inline-block; float: right; padding-right: 10px;}
	/*.sw-popover .close{background-image:none;}*/
	.choose_hotel .sw-text .close,.choose_rooms .sw-text .close{background: url(https://media.herods-hotels.com/images/herods_sprite.png) 25px 272px; width: 21px; height: 20px;}
	
	@media (max-width: 1273px){
		.add_place .sw-text .active-text{width:82%;}
		.search_engine_small .add_place .sw-text .active-text{width:89%;}
	}
	@media (max-width: 1200px){
		.search_box_content li.choose_date a .add_dates_container .add_dates_container_input.search_focus input{margin-right:0;}
	}

	@media (max-width: 1088px){
		.add_place .sw-text .active-text{width:86%;}
		.search_box_content li.choose_date a .add_dates_container input{width:72%;}
		.search_box_content li.choose_date.chosen a .add_dates_container input{padding-right: 0; margin-right:0;}
	}
	
/*end sprites*/
	
}



/*new engine by ul li*/

ul.search-widget > li > button.select_hotels ,ul.search-widget > li > button.select_rooms{
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    background-color: rgba(255, 255, 255, 255);
}
ul.search-widget > li > button.select_hotels:focus ,ul.search-widget > li > button.select_rooms:focus{
    outline: 2px solid #29a3b1;
}
ul.search-widget li.select_hotels_li button.hotel_option,ul.search-widget li.choose_rooms button.select_rooms{
    width: 100%;
    color: #20201f;
    font-size: 17px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    font-family: 'Heebo', sans-serif;
    text-transform: uppercase;
    padding: 0 10px;
}
ul.search-widget li.select_hotels_li button.hotel_option:hover,ul.search-widget li.choose_rooms ul.select_rooms_options li .room_option:hover{
    background-color: #96804d;
    color: #fff!important;
    transition: initial;
}
ul.search-widget li.select_hotels_li .hotel_name,ul.search-widget li.choose_rooms .rooms_title{
    text-align: right;
    color: #000000;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    line-height: 44px;
    padding-right: 40px;
}
ul.search-widget li.choose_rooms .rooms_title{
	padding-right: 45px;
}
ul.search-widget li.select_hotels_li ul.select_hotels_options,ul.search-widget li.choose_rooms ul.select_rooms_options{
    position: relative;
    padding: 20px 30px;
    background-color: #fff;
    max-width:455px;
    margin:22px auto 0 auto;
    z-index: 1;
    border: solid 1px #96804d;
}
ul.search-widget li.choose_rooms ul.select_rooms_options{
	max-width:none;
	width:100%;
}
ul.search-widget li.choose_rooms ul.select_rooms_options li .room_option{
	background-color:#fff;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
}
ul.search-widget li.choose_rooms ul.select_rooms_options li .more_room_options{
    padding: 0;
    color: #29a3b1;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}
ul.search-widget li.choose_rooms ul.select_rooms_options li .more_room_options:hover{
	color: #29a3b1!important;
    text-decoration: underline;
	background-color:initial!important;
    border: 1px solid #000!important;
	
}
ul.search-widget li.select_hotels_li ul.select_hotels_options li,ul.search-widget li.choose_rooms ul.select_rooms_options li{
	margin-top:10px;
	width:100%;
}
ul.search-widget li.select_hotels_li ul.select_hotels_options:before,ul.search-widget li.choose_rooms ul.select_rooms_options:before{
	content: ' ';
    position: absolute;
    width: 23px;
    height: 14px;
    left: 50%;
    margin-left: -11.5px;
    top: -29px;
    bottom: auto;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 15px;
    pointer-events: none;
}
ul.search-widget .select_rooms i,ul.search-widget .select_hotels i {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -10px;
    color: #96804d;
    font-size: 20px;
}
ul.search-widget li.select_hotels_li .close,ul.search-widget .select_rooms .close{
	position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -6px;
    color: #96804d;
    font-size: 20px;
    display: block;
    background: url(https://media.herods-hotels.com/images/herods_sprite.png) 25px 272px;
    width: 21px;
    opacity: 1;
    height: 20px;
}

.search_engine_small ul.search-widget li.select_hotels_li ul.select_hotels_options,.search_engine_small ul.search-widget li.choose_rooms ul.select_rooms_options{
	z-index: 6;
	margin-top:1px;
}
.search_engine_small ul.search-widget li.select_hotels_li ul.select_hotels_options:before,.search_engine_small ul.search-widget li.choose_rooms ul.select_rooms_options:before{
	right: 5%;
	left:auto;
    width: 0;
    height: 0;
    border-width: 9px;
    z-index: 2;
    top: -17px;
}
.search_engine_small ul.search-widget li.select_hotels_li ul.select_hotels_options:after,.search_engine_small ul.search-widget li.choose_rooms ul.select_rooms_options:after{
    content: "";
    left: auto;
    position: absolute;
    height: 0;
    width: 0;
    top: -20px;
    right: 5%;
    border: solid transparent;
    border-bottom-color: #96804d;
    border-width: 9px;
    pointer-events: none;
}
.search_engine_small ul.search-widget li.choose_rooms ul.select_rooms_options li .room_option{
    color: #20201f;
    font-size: 16.98px;
    font-weight: 400;
}
.search_engine_small .choose_rooms .guest_sprite{
    right: 10px;    
}
.search_engine_small .sw-popover:before{
    top: -20px!important;
}
.search_engine_small .sw-popover:after{
    top: -20px!important;
}
.search_engine_small .select-guests.sw-popover{
    margin-top: 1px;
}
.search_engine_small .hotel_not_selected_error.small{
	top: 14px;
	right: 136px;
}