.booking-popup{
background: rgba(237, 153, 18, .9);
padding: 20px;
margin-bottom: 20px;
}
.booking-popup .form-control{
min-width: auto;
width: 100%;
}
.booking-popup label.type{
font-weight: normal;
margin-right: 10px;
}
.booking-popup .form-control{
height: 42px;
}
.booking-popup button.booking{
float: right;
display: block;
padding: 10px 20px;
margin: 20px 0 0 0;
}        
.ui-datepicker .ui-datepicker-title, .ui-datepicker td a{
font-size: 14px !important;
}
#ui-datepicker-div{
z-index: 1080 !important;
}
.dropdown-menu > li > a{
padding: 10px 20px;
}

.modal-header .close{
font-size: 32px;
padding: 5px;
width: 40px;
}            
.modal-open .container, .modal-open .s-mod{
-ms-filter:blur(5px);-webkit-filter:blur(5px) grayscale(90%);filter:blur(5px);
}                      
#booking-popup{
z-index: 1060;
padding-right: 20px !important;
}
#booking-popup .modal-dialog{
width: 740px;
}
#booking-popup .modal-header{
padding: 10px 25px 10px 30px;
}
#booking-popup .modal-title{
line-height: 40px;
}
#booking-popup .modal-body{
padding:20px 10px 20px 10px;
}
#booking-popup label.type{
padding: 10px 15px;
}
#booking-popup .left, #booking-popup .right{
padding: 0 20px;
}
#booking-popup .alert{
display: none;
border-radius: 0;
font-size: 14px;
}
#booking-popup .form-control{
height: 42px;
width: 100%;
min-width: auto;
}
#booking-popup .form-control[readonly]{
background: #fff;
}                            
#booking-popup textarea.form-control{
height: auto;
}
#booking-popup .form-control.error{
border: 1px solid #a94442
}            
#booking-popup .form-group{
width: 100%;
margin-bottom: 10px;
}                  
#booking-popup #u_name{
margin-left: 10px;
font-size: 12px;
}
#booking-popup .btn-booking{
font-size: 20px;
width: 50%;
max-width: 200px;
}
#booking-popup .input-group-addon{
background-color: #f8f8f8;
border-radius: 2px;
width: 60px;
}
#booking-popup .input-group-addon .icomoon{
width: 20px;
display: inline-block;
}
#booking-popup #price{
background-color: #fff;
}                        
#booking-popup .datetime{
clear: both;
}                        
#booking-popup .datetime div[class^="col-"]{
padding: 0;
}
#booking-popup #day_depart, #booking-popup #day_return{
float: left;
width: 70% !important;
}
#hour_depart, #hour_return{
float: left;
width: 30% !important;
}
.btn-booking{
background: #EA2A2A;
color: #fff;
border-radius: 0;          
font-size: 20px;
padding: 10px 20px;
margin: 15px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-booking:hover{
background: #222;
color: #fff;
}
#booking-popup, #booking-popup h3{
color: #202020;
margin-bottom: 20px;
}
#booking-popup .ok{
text-align: center;
}
#booking-popup .ok .icomoon{
font-size: 70px;
padding: 20px 0;
color: #66A844;
}
#s-booking-popup{
position: relative;
}
.booking-popup .booking .icon{
display: inline-block;
width: 30px;
height: 24px;
margin: 0 auto;
}
.booking-popup .booking .icon:before{
font-size: 20px;
}
#s-booking-popup span.icomoon{
display: block;
font-size: 30px;
text-align: center;
padding-top: 5px;
}
#s-booking a{
display: block;
padding: 10px;
}
#s-left .booking-popup{
background: #f5f5f5;
margin-bottom: 30px;
}
#s-left .booking-popup div.col-lg-2{
width: 100%;
margin-top: 10px;
}
#s-left .booking-popup button.btn-booking{
float: none;
margin: 20px auto 0 auto;
}

@media screen and (min-width: 920px){
    #booking-popup .modal-dialog{
    width: 800px;
    }
}
@media screen and (max-width: 767px){
    #booking-popup{
    padding: 0 !important;
    margin-bottom: 0;
    }
    #booking-popup .modal-dialog{
    width: 100%;
    margin: 0;
    }
    #booking-popup .modal-content{
    border-radius:0;
    }
    #booking-popup .modal-header{
    padding: 10px 15px 10px 20px;
    }
    #booking-popup .left, #booking-popup .right{
    clear: both;
    padding: 0 10px;
    }
    .booking-popup .col-lg-2{
    margin-top: 10px;
    }
    .booking-popup button.btn-booking{
    float: none;
    margin: 20px auto 0 auto;
    }
}