/*@import "font-awesome.css";*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);



#main-section.widget-reservation{    width: 380px;
    background-color: rgba(255,255,255,.80);
    color: #000;
    padding:0 !important;
    border: 1px solid #ccc;
    background: rgba(0,0,0,.7);}
#XbeView{padding:10px 0;}
.widget-reservation .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.widget-reservation .form-control {display: block;
    width: 100%;
    height: 44px;
    padding: 6px 5px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #fff;
    width: 100%;
    background-color: #444;
    background-image: none;
    border: 1px solid #666;
    border-radius: 2px;
    outline: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.widget-reservation .form-control:focus{background:#555; border-color: #777; box-shadow: none !important;}
	
.widget-reservation .input-group .form-control:last-child{border-top-left-radius: 0;
    border-bottom-left-radius: 0;}
	
.widget-reservation .input-group .form-control, .widget-reservation .input-group-addon, .widget-reservation .input-group-btn {
    display: table-cell;
}

.widget-reservation .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.widget-reservation .input-group-addon, .widget-reservation .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.widget-reservation .input-group-addon {
    padding: 6px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #444;
    border: 1px solid #666;
    border-radius: 2px;
}
.widget-reservation .input-group-addon i{font-size:12px;}

.widget-reservation .input-group-addon:first-child {
    border-right: 0;    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.widget-reservation .fl{width:50%; float:left;padding:5px 8px;}

.widget-reservation .Criteria:after{content:""; display:table; clear:both;}

.cus-row:after{content:""; display:table; clear:both;}

.fieldDiv label{margin-bottom:2px;display:block; font-size:14px;color:#fff;font-weight:600}
.fieldDiv{margin-bottom:15px;    padding: 5px 8px;}


.fieldDiv input[type="submit"]{
   float: none;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    width: 100%;
    background-color: #d61a0c;
    display: inline-block;
    color: #fff;
    padding-right: 20px;
    background-position: 9% 42%;
    background-size: 20px;
    transition: all .3s;
    outline: 0 !important;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.fieldDiv input[type="submit"]:hover{ background: #0678ac;
}
	
.fieldDiv-btn{margin-bottom:10px;margin-top:10px;    padding: 0px 10px;}

form{margin-bottom:0;}


body .datepick-nav{    background: transparent !important;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px !important;
	}

body .datepick{font-size: 14px;    border: 1px solid #c5c5c5;background: #ffffff;    padding: 5px 5px 0;}
body .datepick a{color:#000;height:auto}
body .datepick a:hover{background:transparent !important;;}
.datepick-cmd .fa{    background: none!important;
    height: 26px;
       font-size: 26px;
    text-indent: 0;}

.datepick-cmd {    line-height: 26px;}

.datepick-month{border:0 !important;}
.datepick-month-header{height:auto !important;padding:10px; color:#000 !important; background:#fff !important;  border-bottom: 1px solid #ddd !important;}
body .datepick-month th{    padding: 5px 0;
    width: 14%;}
body .datepick-month th, body .datepick-month th a {
    background-color: transparent;
    color: #000;
    font-weight: 600;
    font-size: 14px;    border: 0;
}

body .datepick-month td {
    background-color: #fff;
    border: 0;    padding: 2px;
}
body .datepick-month td .datepick-weekend {
    background-color: #fff;border:0;font-size:12px;
}

body .datepick-month a{    color: #fff !important;
    background: #666 !important;}
body .datepick-month a:hover{    color: #fff !important;
    background: #999 !important;}

body .datepick-month td span, body .datepick-month td a{padding:8px;}

body .datepick-month{width:18em;}
body .datepick-month table{font-size:13px;}


body .datepick-month td .datepick-selected{background:#d61a0c !important}


.widget-reservation .as-block{
    display: block;
}
.widget-reservation .padding-md-t, .widget-reservation .padding-t {
    padding-top: 15px!important;
	padding-bottom: 15px!important;
}
.widget-reservation .align-center {
    text-align: center!important;
}
.widget-reservation .text-secondary{
    color: #999;font-size:16px;text-decoration:none !important;outline:none !important; font-weight:600;
}
.widget-reservation .text-secondary:hover{
color:#ccc;
}
.widget-reservation .padding-sm-l, .widget-reservation .padding-sm-lr {
    padding-left: 10px!important;
}

.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
.modal-content{border-radius:0;    background: #f5f5f5;}
 .modal-header {
    padding: 0;
    border-bottom: 0;
}
.modal-header .close {    margin-top: 4px;
    margin-right: 10px;}
.modal-header .close span{font-size:32px;}
.modal-header:after{content:""; clear:both; display:table;}

.modal-cart h2{font-size:18px;line-height:1.5;}

.modal-header .close{outline:none;}

.widget-reservation .title-for-booking-box{padding: 10px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,.4);}
	
	
.widget-reservation .promocode-link{position:relative;}

.widget-reservation .reserv-box .dropdown .dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0 0 150px;
}

.widget-reservation .dropdown.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    z-index: 999;
}
.widget-reservation .bg-white {
    color: #554f4c;
    background-color: #fff!important;
}
.widget-reservation .padding, .widget-reservation .padding-md {
    padding: 20px!important;
}

.widget-reservation .dropdown-menu:after, .widget-reservation .dropdown-menu:before {
    content: "";
    position: absolute;
    border-color: transparent transparent #fff;
    border-width: 0 5px 12px;
    border-style: solid;
    bottom: 100%;
    right: 20px;
}

.widget-reservation .dropdown-menu:before {
    border-color: transparent transparent #b9b9b9;
    border-width: 0 6px 13px;
    margin: -1px -1px auto auto;
}
.reserv-box .dropdown .dropdown-menu:after, .reserv-box .dropdown .dropdown-menu:before {
    right: 50%;
}

.widget-reservation .shadow{    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,.3);}
	
.widget-reservation .dropdown-menu {
    min-width: 100%;
    width: 100%;
}
.widget-reservation .promocode-link{    text-align: center;
    padding: 15px 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #666;}
.widget-reservation .promocode-link a.dropdown-toggle {
    color: #999;
    font-size: 16px;
    font-weight: 600;
	
}

.widget-reservation .dropdown-menu label{color: #000;
    text-align: left;}
	
.widget-reservation .dropdown-menu .input-group-addon {
  
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
}
	
.widget-reservation .dropdown-menu .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.widget-reservation .dropdown-menu .input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}	

.widget-reservation .dropdown-menu .input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.widget-reservation .dropdown-menu .form-control:focus {
    background: #f6f6f6;
}
.widget-reservation .dropdown-menu .form-group-btn-in-box{padding:10px;}
.widget-reservation.dropdown-menu .form-group-btn-in-box .btn-block{    border-radius: 2px;
    padding: 10px;}
	
	
	
#main-section.reserve-box-bar {
  position: relative;
    max-width: 1170px;
    margin: -4.6875rem auto 0;
    background: rgb(0 0 0 / 90%);
    -webkit-box-shadow: 0px 13px 43px 0px rgb(6 28 52 / 23%);
    box-shadow: 0px 13px 43px 0px rgb(6 28 52 / 23%);
    color: #e5e8eb;width: 100%;
  }
  @media(min-width:991px){
#main-section.reserve-box-bar.sticking {
    top: 0px;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;    min-height: auto!important;
    
}
#main-section.reserve-box-bar.sticking #XbeViewPanel{max-width:1300px; margin:0 auto}

#main-section.reserve-box-bar.sticking .title-for-booking-box{display:none}
#main-section.reserve-box-bar.sticking .popup-for-row .as-inline-bl.align-center{    padding-top: 0 !important;
    padding-bottom: 0 !important;}
#main-section.reserve-box-bar.sticking .popup-for-row .as-inline-bl.align-center a{    font-size: 12px;}
}
@media(max-width:991px){
#main-section.sticking {
    position: relative !important;
}
}

.cus-row.dis-table{display: table;width: 100%;}

.cus-row.dis-table .fieldDiv{    display: table-cell;
    vertical-align: bottom;margin-bottom:0;}
	
.reserve-box-bar .promocode-link {
    padding: 8px 0;
    margin-bottom: 0px;
    border-bottom:0;
    display:inline-block;
    text-align: left;
    padding-left: 10px;
}

.reserve-box-bar .dropdown .dropdown-menu:after, .reserve-box-bar .dropdown .dropdown-menu:before {
    right: 75%;
}
.reserve-box-bar .dropdown-menu{min-width:320px;left:0}

.reserve-box-bar .title-for-booking-box {
    padding: 10px;
    font-size: 18px;
    text-align: left;
    color: #fff;
    background: transparent;
    font-weight: 600;
       border-bottom: 1px solid #777;
}

.reserve-box-bar .form-control{height:38px;-moz-appearance: none !important;}

.reserve-box-bar .fieldDiv{padding:0px 8px;}
.reserve-box-bar .fieldDiv input[type="submit"]{padding:10px 15px;}

.as-inline-bl{display:inline-block;}

.reserve-box-bar .promocode-link a.dropdown-toggle{ margin-right: 10px;
    padding-right: 15px;
    border-right: 1px solid #777;}
	
	
	@media(max-width:1100px){
		#main-section.reserve-box-bar{width: 70%}
	}
	
	
	@media(max-width:991px){
		#main-section.reserve-box-bar{position: relative;top: 0;width: 100%;}
	}
	
	@media(max-width:767px){
		.cus-row.dis-table .fieldDiv.RoomGuestsDiv {

    float:left;
    width: 33.33%;

}
.cus-row.dis-table .fieldDiv.fieldDiv-btn{clear: both;}
	}
	
.title-for-booking-box .price-compare-link {
    float: right;
    font-size: 16px;
    color: #999;
}
img {
    max-width: 100%;
    height: auto;
}