
/**/
.box-engine-main {  overflow: auto; transition: all 0.3s ease 0s; }
.box-engine-main .font-h2 { color: #000; margin-bottom: 30px; }
.box-engine-main .form-group { margin-bottom:0; }
.box-engine-main.showengine { opacity: 1; visibility: visible; }
.box-engine-main .container { max-width: 1250px; padding: 85px 24px 30px; }
.box-engine-main .box-flex-engine { }
.box-engine-main .box-flex-engine .detail-engine {}
.box-engine-main .box-flex-engine .form-engine {}
.box-engine-main .box-flex-engine .form-engine form {display: flex;justify-content: space-between}
.box-engine-main .box-flex-engine .form-engine .input-engine { width: 100%; height: 70px; border-radius: 0; border-color: transparent; font-size: 1em; padding: 10px 20px; padding-left: 60px; }
.box-engine-main .box-flex-engine .form-engine .input-engine.date-picker { background: url(../images/calendar.png) no-repeat center left 15px #64a1ac; background-size: 25px 25px; display: flex; align-items: center;color: #fff}
.box-engine-main .box-flex-engine .form-engine .input-engine.date-picker .input-calendar { flex-grow: 1; width: 50%; border: 0; cursor: pointer; }
.box-engine-main .box-flex-engine .form-engine .input-engine.date-picker svg { fill: #fff; width: 30px; height: 30px; margin: 0 10px; }
.box-engine-main .box-flex-engine .form-engine .input-engine.promo { background: url(../images/ticket.png) no-repeat center left 15px #64a1ac; background-size: 28px 28px; color: #fff!important}
.box-engine-main .box-flex-engine .form-engine .input-engine.promo::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.box-engine-main .box-flex-engine .form-engine .input-engine.promo :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.box-engine-main .box-flex-engine .form-engine .input-engine.promo ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.box-engine-main .box-flex-engine .form-engine .input-engine .calendar-text { flex: 1; }
.box-engine-main .box-flex-engine .form-engine .selectGuest { width: 100%; height: 70px; border-radius: 0; border: transparent; font-size: 1em; padding: 10px 20px; padding-left: 60px; display: flex; align-items: center;color: #fff; cursor: pointer; background: url(../images/guests-engine.png) no-repeat center left 15px #64a0ab; background-size: 25px 25px; position: relative;box-shadow: none; }
.box-engine-main .box-flex-engine .form-engine .selectGuest:before { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: 'icomoon'; color: #fff; pointer-events: none; font-size: 16px; content: ""; content: '\e92f'; transition: all 0.3s ease 0s; }
.box-engine-main .box-flex-engine .form-engine .selectGuest[aria-expanded="true"]:before { transform: rotate(180deg) translate(0, 50%); }
.box-engine-main .btn-detail { width: 100%; height: 70px;; font-size: 1.2em; }

.daterangepicker {
    position: absolute!important;
    top: calc(100vh - 440px)!important;
}
.daterangepicker.opensright:after,.daterangepicker.show-calendar .ranges,.daterangepicker.opensright:before {
    display: none;
}
.box-engine-main .dropdown-menu.show {
    display: block;
    bottom: 75px;
    top: inherit !important;
}
.box-engine-main .date-calendar {width: 30%;border-right: 1px solid #ffffff;}
.box-engine-main .form-select {width: 30%;border-right: 1px solid #ffffff;}
.box-engine-main .form-accesscode  {width: 20%;}
.box-engine-main .btn-booknow  {width: 20%;}

.daterangepicker .drp-calendar { max-width: 290px; }
.daterangepicker .calendar-table { transition: all 0.3s ease 0s; }
.daterangepicker .calendar-table thead tr:first-child { background-color: #ededed; }
.daterangepicker .calendar-table thead tr:first-child th { border: 0 !important; font-size: 1em; }
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th { width: 39px; height: 39px; transition: all 0.3s ease 0s; border: 1px solid #fff !important; }
.daterangepicker .calendar-table th.month { font-size: 1.3rem; color: #000; }
.daterangepicker .calendar-table td { font-size: 1em; border-radius: 0; }
.daterangepicker .calendar-table td.active { background-color: #000; }
.daterangepicker .calendar-table td.in-range { background-color: #000; color: #fff; }
.daterangepicker .calendar-table td.disabled { text-decoration: none; cursor: auto; user-select: none; }
.daterangepicker .calendar-table td.off.ends:not(.disabled) { visibility: hidden; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; padding: 5px; }

.close-widget { position: absolute; right: 30px; top: 30px; width: 50px; height: 50px; text-align: center; border-radius: 50%; cursor: pointer; }
.close-widget svg { height: 50px; width: 50px; }
.close-widget svg .active-pathfill { fill: #000; }
.close-widget img { height: 50px; width: 50px; }

.drop-guest { width: 300px; padding: 20px; }
.drop-guest small { color: #aaa; }
.drop-guest .btn-close { border: 1px solid #DEDEDE; padding: 8px 20px; line-height: 1.2; display: inline-block; cursor: pointer; }

.engine-ac { display: flex; align-items: center; justify-content: space-between; }
.engine-ac label { width: 145px; }
.engine-ac .input-group { align-items: center; }
.engine-ac .input-group-btn button { height: 30px; color: #fff; width: 30px; border-radius: 100%; cursor: pointer; background: #fff; background: url("../images/plus-ad.svg"); border: 0; background-size: 30px 30px; vertical-align: bottom;    background-position: center;
    background-repeat: no-repeat;background-color: transparent!important;box-shadow: none!important;}
.engine-ac .input-group-btn button.bootstrap-touchspin-down { background-image: url("../images/minus-ad.svg"); }
.engine-ac .cart-spin { font-size: 1.3em; text-align: center; border: 0; }
.engine-ac .bootstrap-touchspin {}
.engine-ac .form-control[readonly] { background: none; }

@media (max-width: 767px){
.box-engine-main .date-calendar,.box-engine-main .form-select,.box-engine-main .form-accesscode  {display: none;}
.box-engine-main .btn-booknow  {width: 100%;}
}


