.booking-bar { font-weight: 200; position: relative; width: 100%; z-index: 2; padding: 15px 0; background-color: rgba(59,85,164,.9); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.booking-bar.fixed { position: fixed; bottom: 0; left: 0; }
.booking-bar >.container { position: relative; color: #fff; z-index: 2; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.header.navbar-fixed.navbar-small .booking-bar { padding: 5px 0 !important; }
.booking-bar.small { background-color: rgba(77,77,77,.9); padding: 5px 0 !important; }
.booking-bar.small >.container { margin-bottom: 0; height: auto }
.booking-bar-title { font-size: 19px; font-weight: 400; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.booking-bar-title a { color: #fff }
.booking-bar-icon .icon { color: #fff; padding: 6px 12px; font-size: 24px; line-height: 45px; }
.booking-bar-address .title { font-size: 14px; font-weight: 300; line-height: 38px; }
.booking-bar-collapse-btn { padding: 0 15px; font-size: 26px; font-weight: 400; }
.box-perche { position: fixed; top: 50%; left: 50%; width: 800px; max-width: 90%; text-align: center; background-color: rgba(59,85,164,.97); font-size: 27px; color: rgba(255,255,255,1) !important; transform: translate(-50%, -50%); z-index: 9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.box-perche >.btn-close { position: absolute; width: 25px; height: 25px; line-height: 25px; top: 20px; right: 20px; cursor: pointer; opacity: .6 }
.box-perche >.btn-close:hover { opacity: 1 }
.box-perche > .inner { margin: 50px 100px; }
.box-perche > .inner p { font-weight: 300; }
.box-perche > .inner p { font-weight: 300; }
.btn-perche { position: absolute; top: -80px; left: 0; width: auto; padding: 10px 20px; color: #fff; background-color: rgba(59,85,164,.9); cursor: pointer; -webkit-transition: all .3s linear !important; -moz-transition: all .3s linear!important; transition: all .3s linear!important; }
.btn-perche > i { margin-left: 15px; }
.btn-perche:hover { background-color: rgba(245,215,54,.97); color: #333; }

.btn-gestisci-prenotazione { position: absolute; top: -80px; right: 0; width: auto; padding: 10px 20px; color: #fff; background-color: rgba(59,85,164,.9); cursor: pointer; -webkit-transition: all .3s linear !important; -moz-transition: all .3s linear!important; transition: all .3s linear!important; }
.btn-gestisci-prenotazione > i { margin-right: 15px; }
.btn-gestisci-prenotazione:hover { background-color: rgba(245,215,54,.97); color: #333; }

/*FORM*/
.booking-bar form { position: relative !important; }
.booking-bar-field { position: relative !important; box-shadow: none !important; padding: 0 25px !important; }
.booking-bar-field [class*="col-"] { padding: 0 0px; height: 28px; }
.booking-bar-field .form-group { margin: 0; }
.booking-bar-field .campo-arrivo { border-right: 1px solid #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300; padding-right: 20px; }
.booking-bar-field .campo-partenza { border-right: 1px solid #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300; padding-right: 20px; }
.booking-bar-field .campo-persone { padding-left: 15px; }
.booking-bar-field .campo-cerca { text-align: right; }
.booking-bar-form-title { font-size: 14px; font-weight: 300; }
.booking-bar .form-control.date-input { padding: 6px 10px; cursor: pointer; padding-right: 20px !important; }
.booking-bar-field .campo-arrivo i, .booking-bar-field .campo-partenza i { position: absolute; right: 24px; top: 4px; z-index: -1 }
.booking-bar .form-control { line-height: normal !important; background-color: rgba(51,51,51,0); padding: 1px !important; border-color: transparent !important; color: #ffffff !important; font-weight: 400 !important; text-align: center; border-radius: 0px !important; min-height: inherit; margin-bottom: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .form-control:focus { background-color: rgba(51,51,51,.9); border-color: transparent !important; }
.booking-bar form .form-control::-webkit-input-placeholder {
color: #fff !important;
}
.booking-bar form .form-control:-moz-placeholder {
color: #fff !important;
}
.booking-bar form .form-control::-moz-placeholder {
color: #fff !important;
}
.booking-bar form .form-control:-ms-input-placeholder {
color: #fff !important;
}
/*TMT*/
.booking-bar form input.invalid, .booking-bar form textarea.invalid, .booking-bar form input.invalid:focus, .booking-bar form textarea.invalid:focus { border: 1px solid #fff !important; border-bottom: 1px solid #fff !important; border-top: none !important; }
/* SELECTGROUP */
.booking-bar .bootstrap-select { width: 100% !important; margin-bottom: 0 !important; }
.booking-bar .bootstrap-select .dropdown-menu { border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .bootstrap-select .dropdown-menu li a { color: #fff; text-align: center; font-weight: 300 !important; }
.booking-bar .bootstrap-select .dropdown-menu li a:hover { background-color: rgba(51,51,51,.9); color: #fff }
.booking-bar .bootstrap-select .dropdown-menu>li>a:focus, .booking-bar .bootstrap-select .dropdown-menu>li>a:hover { background-color: rgba(0,0,0,0.5); color: #fff; box-shadow: none !important; outline: none }
.booking-bar .bootstrap-select .dropdown-menu.inner, .booking-bar .bootstrap-select .dropdown-menu { background-color: rgba(59,85,164,.9) !important; color: #ffffff !important; font-size: 16px !important; font-weight: 300 !important; top: 13px !important; padding: 0; }
.booking-bar .bootstrap-select .dropdown-toggle .filter-option { font-weight: 300; background: none !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 { padding-left: 15px !important; border-color: transparent !important; box-shadow: none !important; color: #fff !important; }
.booking-bar .bootstrap-select .dropdown-toggle .bs-caret:before { color: #ffffff !important }
.booking-bar .bootstrap-select .dropdown-toggle .filter-option { color: #ffffff !important; }
.booking-bar .bootstrap-select .dropdown-item.active, .dropdown-item:active { background-color: rgba(51,51,51,.8); color: #fff }

/*CUSTOM SELECT BOX*/

/*.select-items,.select-selected{background-color:rgba(59,85,164,1)}
.custom-select{position:relative; }
.custom-select select,.select-hide{display:none}
.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent}
.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}
.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,.1);cursor:pointer}
.select-items{position:absolute;bottom:100%;left:0;right:0;z-index:99}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}
*/
/*BTN*/
.booking-bar .btn-light.active, .booking-bar .btn-light:active, .booking-bar.open>.dropdown-toggle.btn-light { border-color: transparent; color: #fff; background: none !important; background-color: rgba(51,51,51,.5) !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .btn-light { background-color: rgba(51,51,51,0) !important; color: #fff !important; border-color: transparent!important; border-radius: 0 !important; padding: 0px 10px 0 10px; }
.booking-bar .btn-light:hover, .booking-bar .input-group:hover { background-color: rgba(51,51,51,.0) !important; }
.booking-bar .btn-default.active, .booking-bar .booking-bar .btn-default:active, .booking-bar.open>.dropdown-toggle.btn-default { border-color: transparent; color: #fff; background: none !important; background-color: rgba(51,51,51,.5) !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.booking-bar .btn-default { background-color: rgba(51,51,51,.5) !important; color: #fff !important; border-color: transparent!important; border-radius: 0 !important; padding: 4px; }
.booking-bar .btn-default:hover, .booking-bar .input-group:hover { background-color: rgba(51,51,51,.9) !important; }
.booking-bar .btn-book { padding: 1px 15px; line-height: normal; font-size: 16px; }
.booking-bar .btn-group > .btn:first-of-type { margin-left: 0; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.booking-bar .btn-group > .btn:last-of-type, .booking-bar .btn-group > .dropdown-toggle { background-color: rgba(51,51,51,.5); -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; margin-bottom: 0 !important; }
.booking-bar .resp-hlp-text { /*background-color: rgba(51,51,51,.5);*/ margin-bottom: -1px; padding-top: 7px; border-bottom: none; }
.booking-bar .resp-hlp-text > span { opacity: 0.6; font-size: 14px; }
/* MATERIALE DATEPICKER */ 
.dtp { /*overflow: scroll !important;*/ font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255,255, 255,0.7); }
.dtp > .dtp-content { max-width: 380px !important; left: 50%; top: 50% !important; transform: translateX(-50%) translateY(-50%); margin-left: 0 !important; margin-top: 0 !important }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background-color: rgba(59,85,164,.9) !important; }
.dtp div.dtp-year { display: none !important; }
.dtp div.dtp-picker-month { color: #757575 !important; font-weight: 300; font-size: 20px; text-align: center; padding-bottom: 10px!important; }
.dtp div.dtp-actual-year { color: #fff !important; opacity: 0.6 !important; }
.dtp div.dtp-date, .dtp div.dtp-time { background: rgba(59,85,164,.97) !important; }
.dtp table.dtp-picker-days tr > th { text-transform: capitalize !important; font-size: 20px; border-bottom: 1px solid #dee2e6; }
.dtp table.dtp-picker-days tr > td > a.selected { background-color: rgba(77,77,77,.9) !important; }
.dtp table.dtp-picker-days tr > td > a { font-size: 16px; padding: 3px 6px 5px 6px; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { border-radius: inherit !important; color: #333; font-weight: 300; }
.dtp table.dtp-picker-days tr > td > a:hover, .dtp .dtp-picker-time > a:hover { background-color: rgba(0,0,0,.4); color: #fff; }
.dtp .p10 > a { color: #fff !important; }
.dtp .p10 > a i { font-size: 24px; }
.dtp .p10 > a i.fa { }
.dtp-btn-ok { background-color: rgba(77,77,77,.9) !important; border: 1px solid rgba(77,77,77,.9) !important; color: #fff !important }
.dtp .dtp-close { top: 4px; right: 18px; }

@media screen and (max-width: 768px) {
.booking-bar form { }
.btn-perche { display: none !important; }
.btn-gestisci-prenotazione { display: none !important; }
}

@media screen and (max-width: 736px) {
.booking-bar { /*text-align: center !important; position: relative !important; height: auto !important; background-color: rgba(77,77,77,1);*/ }
.booking-bar-collapse-btn { padding: 0px; display: inline-block; width: auto; float: right;width: 50%; }
.booking-bar-collapse-btn .collapsed-content-btn > .title{   overflow: hidden; text-overflow: ellipsis; width: 90%;font-size: 15px;}	
.booking-bar-field { padding: 0 10px !important; }
.booking-bar form { }
.booking-bar-field.navbar-collapse.in { overflow-y: inherit; }
.booking-bar-field > .row { margin: 5px -10px; }
.booking-bar-field [class*="col-"] { height: auto; }
.booking-bar-field .campo-arrivo { border-right: none; background-color: rgba(51,51,51,.5); margin-bottom: 10px; }
.booking-bar-field .campo-partenza { border-right: none; background-color: rgba(51,51,51,.5); margin-bottom: 10px; }
.booking-bar-field .campo-camere {height: 50px; border-right: none; background-color: rgba(51,51,51,.5); margin-bottom: 10px; }
    
.booking-bar-field .campo-persone { background-color: rgba(51,51,51,.5); }
.booking-bar-field .campo-arrivo i, .booking-bar-field .campo-partenza i { top: 24px;  }
.booking-bar form .btn { padding: 10px 25px !important; font-size: 16px !important; margin-bottom: 0 !important; }
.booking-bar .bootstrap-select>select { z-index: -4!important;}
    
.booking-bar-field .form-control, .booking-bar-field .bootstrap-select, .booking-bar-field button { margin-bottom: 8px !important; text-align: center; }
.booking-bar-field .bootstrap-select .dropdown-toggle { padding: 7px 0 2px 0 !important }
.booking-bar .bootstrap-select .dropdown-toggle .filter-option { text-align: center; }
.booking-bar .resp-hlp-text { text-align: center; }
.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; }
}

@media only screen and (min-width: 5px) 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; position: absolute; left: 56%; top: 44px; }
.dtp div.dtp-actual-month { display: none; }
.dtp div.dtp-picker-month { padding-bottom: 20px!important; margin-top: -46px; color: #fff !important; }
.dtp div.dtp-picker { padding: 1em 1em 0 1em; }
}

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