@charset "utf-8";
.optionGroup {font-weight: bold;font-style: italic;padding: 10px 0px;background: #ddd;height: 40px;display: inline-block;}
#BE_Widget,#BE_Widget *{box-sizing:border-box;font-family:'Work Sans',sans-serif;color:#4d4d4d;outline:0}
.ui-datepicker-trigger{display:none}
#BE_Widget .Rooms_Count{background:#e6e6e6;width:100%;display:inline-block;padding:0;margin:0;vertical-align:top;height:27px}
#BE_Widget .count-input{position:relative;width:auto;max-width:100%;margin:0 0 2px 0;background:#f7f7f7;display:inline-block;padding:0;border:0}
#BE_Widget .Adult,#BE_Widget .Child{margin:5px 0;padding:0 4px;width:50%;float:left;font-size:0}
#BE_Widget .Rooms_Count label{padding:5px 0;font-size:13px;width:60px;text-align:center;line-height:13px;height:21px}
#BE_Widget .count-input input{width:25px;height:25px;border:0;border-radius:0;background:0;display:inline-block;text-align:center;font-size:15px;vertical-align:top}
#BE_Widget .count-input input:focus{outline:0}
#BE_Widget .count-input .incr-btn{width:25px;height:25px;font-size:15px;font-weight:300;text-align:center;text-decoration:none;background:#fff;color:#000;padding:0;display:inline-block;margin-top:0;line-height:24px}
#BE_Widget .count-input .incr-btn:first-child{right:auto;left:0;top:0}
#BE_Widget .count-input input {padding: 0;}
#BE_Widget .count-input .incr-btn, #BE_Widget .Add_Room a{background: none;border: none;box-shadow: none;}
#BE_Widget .count-input .incr-btn:hover, #BE_Widget .Add_Room a:hover{background: none;border: none;box-shadow: none;}
#BE_Widget .count-input.count-input-sm{max-width:125px}
#BE_Widget .count-input.count-input-sm input{height:36px}
#BE_Widget .count-input.count-input-lg{max-width:200px}
#BE_Widget .count-input.count-input-lg input{height:70px;border-radius:3px}
#BE_Widget .guestPickerDiv{display:none}
#BE_Widget .guestPickerDivWrap.On .guestPickerDiv{display:block;position:absolute;width:100%;z-index:8;background:#fff;padding:0 5px;margin-top:5px}
#BE_Widget .HotelList{max-width:170px;width:100%;overflow:visible;display:inline-block;margin-right:6px;vertical-align:top}
#BE_Widget .CheckInDiv,#BE_Widget .CheckOutDiv{max-width:140px;width:100%;overflow:visible;margin-right:6px;display:inline-block;position:relative;vertical-align:top}
#BE_Widget .guestPickerDivWrap{max-width:270px;width:100%;overflow:visible;display:inline-block;position:relative;margin-right:10px}
#BE_Widget label.label-title{width:100%;float:left;font-weight:400;font-size:14px;text-transform:capitalize;text-align:left}
#BE_Widget .HotelList select{width:100%;height:35px;padding:0 0 0 10px;border:1px solid #ccc;background-color:transparent;outline:0;box-shadow:none;font-weight:500}
#BE_Widget .CheckInDiv input,#BE_Widget .CheckOutDiv Input{width:100%;height:35px;cursor:pointer;padding:0 0 0 10px;border:1px solid #ccc;background:transparent;outline:0;border-radius:2px;font-weight:500;box-shadow:none}
#BE_Widget label{width:100%;float:left;margin:0 0 6px 0}
#BE_Widget .guestPickerDivWrap .guestPickerInput{width:100%;height:35px;padding:0 10px;border:1px solid #ccc;background:transparent;cursor:pointer;box-shadow:none;outline:0;font-weight:500;color:#696969;border-radius:2px}
#BE_Widget .BookNow {background: darkgrey;margin: 24px 0px 0px 0px;padding: 8px;text-align: center;display: inline-block;color: #fff;text-decoration: none; box-shadow: none;cursor: pointer;height: auto;font-size: 14px;border-radius: 2px;vertical-align: top;}
#BE_Widget .cal-icon,#BE_Widget .promo-icon{float:inherit;display:inline-block;position:relative;font-family:"Ionicons"}
#BE_Widget .cal-icon::after{content:"\f2d1";position:absolute;color:#655;z-index:99;right:10px;top:7px;font-size:18px}
#BE_Widget .count-input .Adult label,#BE_Widget .count-input .Child label{font-size:12px;display:inline-block;margin:0;float:none;width:auto;padding-right:5px;vertical-align:middle}
#BE_Widget .inc-div{border:1px solid #ddd}
#BE_Widget .inc-div{background:#fff;display:inline-block;vertical-align:middle;width:auto;float:none}
#BE_Widget .Add_Room{position:absolute;right:0;top:0;margin:0;vertical-align:middle;display:inline-block;background:#dadada;text-align:center;height:27px;width:27px}
#BE_Widget .guestPickerInput ~ .ion-plus-circled{position:absolute;right:20px;top:33px;font-size:17px}
#BE_Widget .guestPickerDivWrap .ion-plus-div{float:inherit;position:relative;font-family:"Ionicons";cursor:pointer;display:inline-block}
#BE_Widget .guestPickerDivWrap .ion-plus-div::after{content:"\f216";position:absolute;color:#655;z-index:99;right:7px;top:7px;font-size:17px}
#BE_Widget .guestPickerDivWrap.On .ion-plus-div::after{content:"\f207"}
#BE_Widget input::selection{color:transparent}
#BE_Widget .Add_Room a{width:27px;text-decoration:none;display:inline-block;color:#fff;height:27px;padding:0;text-align:center;cursor:pointer}
#BE_Widget .Add_Room a i{font-size:15px;height:27px;width:27px;vertical-align:middle;display:inline-block;line-height:27px;text-align:center;margin-top: 0px;}
#BE_Widget .Add_Room a:hover span{left:102%;background:#fff;display:none}
#BE_Widget .Add_Room a span{line-height:27px;left:-120px;position:absolute;text-align:left;width:110px;display:none;height:29px;top:25px;font-size:14px}
#BE_Widget{display:block;padding:15px;border-radius:8px;width:100%}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;background:transparent url("arrowdown.gif") no-repeat 98% 50%!important;padding:0 22px 0 10px!important}
#BE_Widget .checkBoxWrap{display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-bottom:0}
#BE_Widget .checkBoxWrap input[type="checkbox"]{display:block;position:absolute;opacity:0}
#BE_Widget .checkBoxWrap .checkLbl{display:inline-block;vertical-align:top;font-size:14px;padding-left:22px;color:#2b2b2b;font-weight:500}
#BE_Widget .checkBoxWrap .checkLbl::before{content:'';position:absolute;display:inline-block;height:3px;width:8px;border:2px solid #fff;top:50%;margin-top:-5.6px;left:3px;z-index:2;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;-webkit-transition:all ease .2s;transition:all ease .2s}
#BE_Widget .checkBoxWrap .checkLbl::before{height: 5px;width: 10px;top: 51%;}
#BE_Widget .checkBoxWrap .checkLbl::after{content:'';position:absolute;display:inline-block;border:1px solid #b2b3b5;border-radius:1px;height:15px;width:15px;left:0;top:50%;margin-top:-9px;-webkit-transition:all ease .2s;transition:all ease .2s}
#BE_Widget .checkBoxWrap input[type="checkbox"]:checked ~ .checkLbl::before{opacity:1}
#BE_Widget .checkBoxWrap input[type="checkbox"]:checked ~ .checkLbl::after{background-color:#2d2d2d;border-color:#2d2d2d}
#BE_Widget .checkbox_div {max-width: 120px;width: 100%;display: inline-block;height: auto;margin: 0 10px 0 0;vertical-align: bottom;padding: 15px 0px;}
#BE_Widget .Bed_Div{display:inline-block;max-width:50px;margin-right:10px;position:relative;width:100%;vertical-align:top}
#BE_Widget .bed_label_input{background:transparent;border:1px solid #ccc;box-shadow:none;cursor:text;font-weight:500;height:35px; border-radius: 2px;padding:0;width:100%;text-align:center}

#BE_Widget .switch {width: auto;display: inline-block;vertical-align: middle;margin-right: 5px;}
#BE_Widget .switch input#dayusestr {display: inline-block; vertical-align: middle; cursor: pointer;}
#BE_Widget .switch .checkBoxWrap img#dayuseimg { width: 22px; display: inline-block; height: auto; vertical-align: top; position: absolute; left: 20px;top: -4px;}
#BE_Widget .switch .checkBoxWrap span.checkLbl.check-text { padding-left: 50px; }

/*Vertical Widget*/
.v_widget{width:100%}
.v_widget #BE_Widget .HotelList{max-width:100%}
.v_widget #BE_Widget .CheckInDiv, .v_widget #BE_Widget .CheckOutDiv{max-width:100%}
.ui-state-default.ui-state-active{background: #ba6030 !important;border-color: #ba6030;color: #ffffff !important;}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5;border-radius:0;z-index:99!important}
.ui-datepicker-multi .ui-datepicker-group table{width:232px}
.ui-state-default, .ui-widget-content .ui-state-default{border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}
/*.date-range-selected>.ui-state-active,.date-range-selected>.ui-state-default{background:none!important;background:#f3ddd1!important;color:#ba6030!important}*/
.ui-datepicker td a{width:30px;height:30px;padding:0;line-height:30px;font-size:15px;font-weight:normal;text-align:center}
.ui-widget-content{background:#fff}
/*.ui-state-default,.ui-widget-content .ui-state-default{background:#fff;color:#6f6f6f;border:1px solid #d4d4d4!important;border-radius:0}*/
.ui-state-default:hover,.ui-widget-content .ui-state-default:hover{background:#f3ddd1!important}
.booked .ui-state-default:hover,.ui-widget-content.booked .ui-state-default:hover{background:rgba(0,0,0,.1)!important}
/*.ui-state-highlight,.ui-widget-content .ui-state-highlight{background-color:#e5e5e5!important;color:#6f6f6f!important}*/
.date-range-selected .ui-state-highlight,.ui-widget-content .date-range-selected .ui-state-highlight{background:#f3ddd1!important;color:#ba6030!important}
.ui-state-active:hover,.ui-widget-content .ui-state-active:hover{background:#f3ddd1!important;color:#ba6030!important}
.ui-datepicker-today .ui-state-active:hover,.ui-widget-content .ui-datepicker-today .ui-state-active:hover{background-color:#e5e5e5!important;color:#6f6f6f!important}
.ui-widget-header{color:#ba6030!important;background:transparent;border-color:transparent}
.ui-widget-header a{color:#ba6030!important;background-image:none!important;background:none!important;border-color:transparent!important;background:#f8f8f8;cursor:pointer}
.ui-widget-header a::after,.ui-widget-header a::before{content:'';position:absolute;height:2px;width:12px;background-color:#000;left:0;right:0;margin:0 auto}
.ui-widget-header a.ui-datepicker-prev::after{transform:rotate(-45deg);top:9px}
.ui-widget-header a.ui-datepicker-prev::before{transform:rotate(45deg);bottom:10px}
.ui-widget-header a.ui-datepicker-next::after{transform:rotate(45deg);top:9px}
.ui-widget-header a.ui-datepicker-next::before{transform:rotate(-45deg);bottom:10px}
.ui-datepicker .ui-datepicker-prev{left:0;top:6px}
.ui-datepicker .ui-datepicker-next{right:0;top:6px}
.ui-datepicker .ui-datepicker-title select{border:0;width:70px}
.ui-datepicker .ui-datepicker-title{font-size:16px}
.ui-datepicker-multi .ui-datepicker-group table thead tr{border-bottom:0 solid #ddd}
.ui-widget-header .ui-state-hover{background:none!important;border:0!important}
.ui-state-hover .ui-icon,.ui-icon{background-image:none!important}
.date-range-selected .ui-state-default:hover{background:#f3ddd1!important;color:#ba6030!important}
.ui-datepicker-multi-2 .ui-datepicker-group{padding:10px;height:298px;border-right:0 solid #ddd}
.ui-datepicker-multi-2 .ui-datepicker-group:last-child,.ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-last{border-right:0!important}
.ui-datepicker td span,.ui-datepicker td a{display:block;width:30px;text-align:center!important;height:auto;padding:5px 0 5px 0!important;line-height:initial}


@media (max-width:767px){
#BE_Widget .HotelList{max-width:100%!important}
#BE_Widget .CheckInDiv,#BE_Widget .CheckOutDiv{max-width:100%!important}
#BE_Widget .guestPickerDivWrap{max-width:100%!important}
#BE_Widget .BookNow{margin:10px 0;display:inline-block;width:100%;height:auto}
#BE_Widget .Adult,#BE_Widget .Child{margin:5px 0}
#BE_Widget .HotelList{margin-bottom:10px}
#BE_Widget{padding:10px;width:100%;margin:auto}
#BE_Widget .bed_label{float:inherit;display:inline-block;position:relative}
#BE_Widget .checkbox_div{max-width:100%;width:100%;vertical-align:middle;margin:5px 0 0 0;height:25px}
.checkbox_div{display:none!important}
#BE_Widget .count-input input{width:35px}
#BE_Widget .switch{margin-bottom: 9px;}		
#BE_Widget .switch.checkbox_div {display: inline-block !important;}	
}
@media (min-width:768px) and (max-width:991px){
#BE_Widget .guestPickerDivWrap{max-width:245px}
#BE_Widget .HotelList{max-width:125px}
#BE_Widget .guestPickerDivWrap.On .guestPickerDiv{width:270px}
.checkbox_div{max-width:160px!important}
#BE_Widget a#booking_btn{margin-top:20px}
#BE_Widget .CheckInDiv,#BE_Widget .CheckOutDiv{max-width:200px;width:100%}
#BE_Widget .switch {margin-bottom: 10px;margin-right: 15px;}	
}


.switchd {
        position: relative;
    display: inline-block;
    width: 70px!important;
    height: 34px;
    border: none;
    vertical-align: middle;
    float: inherit!important;
    }

        .switchd input {
            display: none;
        }

    .sliderd {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #2196F3;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
    }

        .sliderd:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

    input.selected + .sliderd {
        background-color: #2ab934;
    }

    input:focus + .sliderd {
        box-shadow: 0 0 1px #2196F3;
    }

    input.selected + .sliderd:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(34px);
    }

    .seltext {
        font-weight: bold;
    }
    /*------ ADDED CSS ---------*/
    input + .sliderd:after {
        content: '';
        color: white;
        display: block;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
    }

    input.selected + .sliderd:after {
        content: '';
        color: white;
        display: block;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
    }
label.labely {
    margin: 0px 7px;
    width: 77px;
    float: inherit;
    vertical-align: middle;
}