/* CSS Document */

.booking-bar { /*position: absolute; top: 132px;*/ display: inline-block; padding: 0 20px 20px 20px; margin-top: 00px; z-index: 9; width: 100%; height: 80px; background-color: rgba(190,174,7,0); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar >.container { position: relative; display: block; margin: 0 auto; padding-top: 0px; padding-bottom: 8px; color: #fff; z-index: 2; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar.small { top: 130px !important; }
.booking-bar.small >.container { margin-bottom: 0; height: auto }
.small-visible { display: block !important }
.booking-bar-title { font-size: 12px; font-weight: 300; margin-bottom: 10px }
.booking-bar-title a { color: #fff }
.booking-bar form { position: relative !important; }
#bookingField [class*="col-"] { padding: 0 5px; }
#bookingField [class*="col-"] { padding: 0 5px; }
.booking-bar-form-title { font-size: 14px; font-weight: 300; margin-bottom: 10px }
.booking-bar .bb-top { position: absolute; width: 100%; top: -15px; left: 0; height: 15px; background-color: #fff; opacity: 0.6 }
.booking-bar .bb-left { position: absolute; width: 15px; top: -15px; left: -15px; height: 70px; background-color: #fff; opacity: 0.6 }
.booking-bar .bb-right { position: absolute; width: 15px; top: -15px; right: -15px; height: 70px; background-color: #fff; opacity: 0.6 }
.booking-bar .input-group-addon { border-color: #fff !important; border-radius: 0px !important; background-color: transparent !important }
.booking-bar .input-group-addon i { color: #fff }
.booking-bar .form-control { line-height: normal !important; border-color: rgba(255,255,255,1); background-color: transparent!important; color: #fff; font-weight: 300 !important; border-radius: 0px !important; min-height: inherit; -webkit-box-shadow: none !important; box-shadow: none !important;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar .form-control:hover { background-color: rgba(255,255,255,.2) !important; }
.booking-bar .form-control:focus { border-color: #fff !important }
.booking-bar .btn-default { background: none !important; background-color: transparent !important }
.booking-bar .bootstrap-select.btn-group .dropdown-menu { border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .bootstrap-select.btn-group .dropdown-menu li a { padding: 3px 12px; }
.booking-bar .bootstrap-select.btn-group .dropdown-menu li a:hover { background-color: #333; color: #fff }
.booking-bar .bootstrap-select.btn-group .dropdown-menu>li>a:focus, .booking-bar .bootstrap-select.btn-group .dropdown-menu>li>a:hover { background-color: #c7a22b !important; color: #fff; box-shadow: none !important; outline: none }
.booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:active { padding-left: 15px !important; border-color: #fff !important }
 form .form-control::-webkit-input-placeholder {
color: #fff !important;
}
form .form-control:-moz-placeholder {
color: #fff !important;
}
form .form-control::-moz-placeholder {
color: #fff !important;
}
form .form-control:-ms-input-placeholder {
color: #fff !important;
}
.booking-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-weight: 300; background: none !important }
.booking-bar .btn-default.active, .booking-bar .btn-default:active, .booking-bar.open>.dropdown-toggle.btn-default { background-color: rgba(255,255,255,.9) !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .btn-primary { color: #fff !important; border-color: #c7a22b !important; background-color: transparent !important; background-color: #c7a22b !important; }
.btn-success { color: #fff !important; border-color: #c7a22b !important; background-color: #c7a22b !important; }
.btn-success:hover { border-color: #666 !important }
.booking-bar .btn-default { border-color: rgba(255,255,255,1); background-color: transparent!important; color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar .btn-default:hover, .input-group:hover { opacity: 1 !important; background-color: rgba(255,255,255,.1) !important;  }
.booking-bar .btn-prenota { background-color: #c7a22b !important; color: #fff !important; opacity: .8; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar .btn-prenota:hover {background-color: #c7a22b !important; color: #fff !important; opacity: 1; }
.booking-bar .applyBtn { border-color: #fff !important }
.booking-bar .applyBtn:hover { color: #666 !important; border-color: #666 !important }
.booking-bar .bootstrap-select.btn-group .dropdown-menu.inner, .booking-bar .bootstrap-select.btn-group .dropdown-menu { top: 90% !important; padding: 0 !important; background-color: rgba(255,255,255,0.7) !important; color: #333 !important; font-size: 14px !important; }
.booking-bar .bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { color: #333 !important }
.booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .booking-bar .bootstrap-select > .dropdown-toggle.bs-placeholder:active { box-shadow: none !important; color: #fff !important }
.booking-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option { }
.booking-bar .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
#bookingField { position: relative !important; box-shadow: none !important; }
.resp-hlp-text { padding-top: 7px; padding-left: 11px; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,.8); border-bottom: none; }
.resp-hlp-text > span { opacity: 0.6; font-size: 14px; color: #333; }
/*TMT*/
.booking-bar form input.invalid, form textarea.invalid, form input.invalid:focus, form textarea.invalid:focus { border: 1px solid #fff !important; border-bottom: 1px solid #f90 !important; border-top: none !important; }

@media screen and (max-width: 736px) {
.booking-bar { text-align: center !important; position: relative !important; height: auto !important }
.daterangepicker { width: 95% !important }
}

@media screen and (max-width: 667px) {
.booking-bar { position: relative !important; top: 0px !important; padding: 10px 10px !important; }
#bookingField { overflow: inherit !important; padding: 0 !important; }
#bookingField [class*="col-"] { padding: 0 15px; }
#bookingField .padding-right { padding-right: 5px !important; }
#bookingField .padding-left { padding-left: 5px !important; }
.daterangepicker.dropdown-menu { background-color: rgba(22,22,22,1) !important; }
.daterangepicker .calendar { max-width: inherit !important; }
.ranges { font-size: 13px; text-align: right !important; float: none; margin: 24px; }
.ranges .btn { font-size: 16px !important; width: 49%; }
.readonlyjm { font-size: 16px !important; height: 44px !important; padding: 10px 12px !important; border-top: none; }
.booking-bar form .btn { padding: 10px 12px !important; font-size: 16px !important; }
}
/* MATERIALE DATEPICKER */ 
.dtp {/* overflow: scroll !important; */ }
.dtp > .dtp-content { max-width: 380px; background-color: rgba(255,255,255,1); }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background-color: #c7a22b !important; }

.dtp div.dtp-date, .dtp div.dtp-time { background: rgba(255,255,255,.4) !important; color: #333; }
.dtp div.dtp-picker-month { color:#333;}
.dtp table.dtp-picker-days tr > td > a.selected { background-color: #c7a22b !important; }
.dtp table.dtp-picker-days tr > td > a:hover, .dtp .dtp-picker-time > a:hover { background-color: rgba(190,174,7,.4) !important; color: #fff !important }
.dtp div.dtp-year { display: none !important; }
.dtp div.dtp-actual-year { color: #fff !important; opacity: 0.6 !important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { border-radius: inherit !important; }
.dtp .p10 > a { color: #333 !important; }
.dtp-btn-ok { background-color: #c7a22b !important; border: 1px solid #c7a22b !important; color: #fff !important }
.dtp table.dtp-picker-days tr > th { text-transform: capitalize !important; }

@media screen and (max-width: 667px) {
.dtp-content { top: 0px !important }
}

@media screen and (max-width: 375px) {
.dtp-content { top: inherit !important }
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
.dtp-content { top: 0 !important; transform: none !important; max-width: 90% !important; margin: 0 auto !important; left: 0 !important; }
.dtp div.dtp-date > div:first-child { }
.dtp div.dtp-actual-num { display: none; font-size: 21px; position: absolute; left: 56%; top: 44px; }
.dtp div.dtp-actual-month { display: none; }
.dtp div.dtp-picker-month { padding-bottom: 20px!important; margin-top: -50px; }
.dtp div.dtp-picker { padding: 1em 1em 0 1em; }
}

@media screen and (max-width: 375px) {
.dtp-content { top: 50% !important; transform: translateY(-50%); }
}