.rentalCars {
    color: #333
}
.rentalCars .row {margin-right:0px!important;margin-left:0px!important} 
 .rentalCars label[for=pickUpLoc], .rentalCars label[for=dropOffLoc] {
    font-size: 13px;
    margin-bottom: 10px
}

 .rentalCars .has-error input.form-control {
    border: 1px solid red;
    color: red
}

 .rentalCars .dropHour .sms-error {
    color: red;
    display: none
}

 .rentalCars .highlight {
    background: red
}

 .rentalCars .finalRow {
    background: red
}

 .rentalCars label {
    font-weight: 400;
    font-size: 12px;
    padding-left: 5px;
    margin-bottom: 3px;
    margin-top: 5px
}

 .rentalCars .form-group {
    margin-bottom: 6px
}

 .rentalCars .pickUpLocation {
    margin-bottom: 5px
}

 .rentalCars #js-dropOffLocParent {
    display: none
}

 .rentalCars .dropOffLocation {
    margin-bottom: 10px
}

 .rentalCars .form-control {
    height: 46px;
    position: relative
}

 .rentalCars ul.dropdown-menu {
    width: 100%;
    min-width: auto
}

 .rentalCars ul.dropdown-menu li a {
    padding: 3px 10px;
    font-size: 13px;
    color: #000
}

 .rentalCars .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

 .rentalCars .dateSection {
    display: table;
    width: 100%
}

 .rentalCars .pickDate, .rentalCars .pickHour, .rentalCars .dropDate, .rentalCars .dropHour {
    float: left
}

 .rentalCars .pickDate button.btn, .rentalCars .pickHour button.btn, .rentalCars .dropDate button.btn, .rentalCars .dropHour button.btn {
    width: 100%;
    color: #333;
    height: 46px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    box-shadow: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset
}

 .rentalCars .pickDate input, .rentalCars .pickHour input, .rentalCars .dropDate input, .rentalCars .dropHour input {
    position: relative;
    background-color: transparent;
    z-index: 1;
    cursor: pointer;
    cursor: hand
}

 .rentalCars .inputPickUp, .rentalCars .inputDropOff {
    position: relative
}

 .rentalCars .inputPickUp input, .rentalCars .inputDropOff input {
    padding-right: 2.5em
}

 .rentalCars .inputPickUp input:focus, .rentalCars .inputDropOff input:focus {
    color: #009fc7;
    background-color: #efefef
}

 .rentalCars .iconType {
    top: 50%;
    left: 15px;
    position: absolute;
    margin-top: -8px;
    width: 16px;
    height: 16px
}

 .rentalCars .calendar {
    top: 50%;
    right: 15px;
    position: absolute;
    margin-top: -11px;
    width:21px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAMAAADNyMQcAAAAY1BMVEUAAAACn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8gCn8ii81ouAAAAIHRSTlMAM5m1h0t4HaXD29Jmz5JuWPjw7OfJRSsWD+F7PCEJA3f0WqkAAACbSURBVCjPxY/ZCsMgEEXVqFlqEm32rvf/v7JjsKQ2BR/6kANzGDgwIvOMjV7W5X6VnEVYAINflg5wU9SEe0jMtNxgJ5gtPK0pz0xDG2MkVI7CqHeTAHxb8Y2woWU/mvxoqPvQLlXcYqJWcc4zRapp2oa0tROpyEkljdKkVEvf7IQQVUHqabKBlLj5Z9u/d9jfW+xwIwvk/Js5lBdcHxPwEZr7twAAAABJRU5ErkJggg==) ;
    cursor: pointer;
    cursor: hand
}

 .rentalCars .caret {
    position: absolute;
    top: 48%;
    right: 15px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px dashed;
    color: #333
}

 .rentalCars .pickDate, .rentalCars .dropDate {
    width: 50%;
    margin-right: 5%
}

 .rentalCars .pickHour, .rentalCars .dropHour {
    width: 45%
}

 .rentalCars .pickHours, .rentalCars .pickMinutes {
    width: 50%;
    float: left
}

 .rentalCars .pickHours button.btn, .rentalCars .dropHours button.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

 .rentalCars .pickMinutes button.btn, .rentalCars .dropMinutes button.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none
}

 .rentalCars .dropHours, .rentalCars .dropMinutes {
    width: 50%;
    float: left
}

 .rentalCars .ageCustom {
    display: none
}

 .rentalCars .ageCustom label {
    margin-bottom: 5px
}

 .rentalCars .ageCustom input.form-control {
    width: 70px;
    margin-top: 5px
}

 .rentalCars .btn-rentalCar {
    margin-top: 15px;
    display: block;
    width: 100%;
    background-color: #77b300;
    border-color: #669a00;
    border-width: 0;
    transition: background-color 225ms;
    box-shadow: rgba(0,0,0,.3) 0 1px 3px 0,rgba(0,0,0,.1) 0 -1px 0 0 inset;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    height: 40px
}

 
 .rentalcar-help {
    padding-top: 11px
}

 .rentalcar-help .img-needRentalcar {
    margin-top: -8px;
    max-height: 115px
}

 .rentalcar-reserve {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    padding-bottom: 5px
}

 .modify-reservation {
    padding-right: 0
}

 .btn-reserve-rentalcars {
    margin-top: -13px !important
}

 .text-needRentalcar {
    text-align: left;
    line-height: 20px
}

 .extrainfo-rentalcar {
    margin-top: 10px
}


.ui-autocomplete li:first-child div{ border: none!important;}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #00a0c7!important; background: #00a0c7!important; font-weight: normal; color: #ffffff !important; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0px!important; }

.ui-menu-item{ display: block;padding: 0px!important;}
.ui-menu-item:hover, .ui-menu-item:focus, .ui-state-focus{  border: 1px solid #00a0c7!important; background: #00a0c7!important; font-weight: normal; color: #ffffff !important; }
.outerDiv{width:100%; font-size:11.5px !important; padding:5px 3px;}

.ui-menu-item:hover, .ui-menu-item:focus, .ui-state-focus{  border: 1px solid #00a0c7!important; background: #00a0c7!important; font-weight: normal; color: #ffffff !important; }

.datepicker td, .datepicker th { font-size:13px; width:20px; height:20px;  text-align: center;cursor: pointer;}
.datepicker table tr td span {
    width: 25%;
    height: 38px;
    line-height: 40px;
    display: inline-table;
    text-align: center;
    cursor: pointer;
}


.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #9deaff, #9deaff);
    background-image: -ms-linear-gradient(to bottom, #9deaff, #9deaff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9deaff), to(#9deaff));
    background-image: -webkit-linear-gradient(to bottom, #9deaff, #9deaff);
    background-image: -o-linear-gradient(to bottom, #9deaff, #9deaff);
    background-image: linear-gradient(to bottom, #9deaff, #9deaff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #00a0c7, #00a0c7);
    background-image: -ms-linear-gradient(to bottom, #00a0c7, #00a0c7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00a0c7), to(#00a0c7));
    background-image: -webkit-linear-gradient(to bottom, #00a0c7, #00a0c7);
    background-image: -o-linear-gradient(to bottom, #00a0c7, #00a0c7);
    background-image: linear-gradient(to bottom, #00a0c7, #00a0c7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.datepicker .datepicker-switch {
    width: 145px;
    padding: 5px 0px;
    text-align: center;
    cursor: pointer;
}

.datepicker .disabled {
    color: #ccc9c9;
}

@media screen and (max-width: 1198px) {
     .rentalcar-help .img-needRentalcar {
        margin-top:-5px
    }

     .modify-reservation {
        margin-top: -10px
    }
}

@media screen and (max-width: 992px) {
     .rentalcar-help .img-needRentalcar {
        margin-top:-5px
    }
}


@media screen and (max-width:800px) {
    .ui-menu{width:414px; }
}

@media screen and (max-width:414px) {
    .ui-menu{width:300px; }
}


@media (min-width: 568px) {
    
  .col-md-6 {
    width: 50%;
}   
}


.ui-autocomplete-loading {
    background: white url("data:image/gif;base64,R0lGODlhEAAQAPMPALu7u5mZmTMzM93d3REREQAAAHd3d1VVVWZmZqqqqoiIiO7u7kRERCIiIgARAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAPACwAAAAAEAAQAEAEcPDJtyg6dUrFetDTIopMoSyFcxxD1krD8AwCkASDIlPaUDQLR6G1Cy0SgqIkE1IQGMrFAKCcGWSBzwPAnAwarcKQ15MpTMJYd1ZyUDXSDGelBY0qIoBh/ZoYGgELCjoxCRRvIQcGD1kzgSAgAACQDxEAIfkEBQcADwAsAAAAAA8AEAAABF3wyfkMkotOJpscRKJJwtI4Q1MAoxQ0RFBw0xEvhGAVRZZJh4JgMAEQW7TWI4EwGFjKR+CAQECjn8DoN0kwDtvBT8FILAKJgfoo1iAGAPNVY9DGJXNMIHN/HJVqIxEAIfkEBQcADwAsAAAAABAADwAABFrwyfmColgiydpaQiY5x9Ith7hURdIl0wBIhpCAjKIIxaAUPQ0hFQsAC7MJALFSFi4SgC4wyHyuCYNWxH3AuhSEotkNGAALAPqqkigG8MWAjAnM4A8594vPUyIAIfkEBQcADwAsAAAAABAAEAAABF3wySkDvdKsddg+APYIWrcg2DIRQAcU6DJICjIsjBEETLEEBYLqYSDdJoCGiHgZwG4LQCCRECEIBAdoF5hdEIWwgBJqDs7DgcKyRHZl3uUwuhm2AbNNW+LV7yd+FxEAIfkEBQcACAAsAAAAABAADgAABEYQyYmMoVgeWQrP3NYhBCgZBdAFRUkdBIAUguVVo1ZsWFcEGB5GMBkEjiCBL2a5ZAi+m2SAURExwKqPiuCafBkvBSCcmiYRACH5BAUHAA4ALAAAAAAQABAAAARs0MnpAKDYrbSWMp0xZIvBKYrXjNmADOhAKBiQDF5gGcICNAyJTwFYTBaDQ0HAkgwSmAUj0OkMrkZM4HBgKK7YTKDRICAo2clAEIheKc9CISjEVTuEQrJASGcSBQcSUFEUDQUXJBgDBW0Zj34RACH5BAUHAA8ALAAAAAAQABAAAARf8Mn5xqBYgrVC4EEmBcOSfAEjSopJMglmcQlgBYjE5NJgZwjCAbO4YBAJjpIjSiAQh5ayyRAIDKvJIbnIagoFRFdkQDQKC0RBsCIUFAWsT7RwG410R8HiiK0WBwJjFBEAIfkEBQcADgAsAQABAA8ADwAABFrQybEWADXJLUHHAMJxIDAgnrOo2+AOibEMh1LN62gIxphzitRoCDAYNcNN6FBLShao4WzwHDQKvVGhoFAwGgtFgQHENhoB7nCwHRAIC0EyUcC8Zw1ha3NIRgAAIfkEBQcADwAsAAAAABAAEAAABGDwyfnWoljaNYYFV+Zx3hCEGEcuypBtMJBISpClAWLfWODymIFiCJwMDMiZBNAAYFqUAaNQ2E0YBIXGURAMCo1AAsFYBBoIScBJEwgSVcmP0li4FwcHz+FpCCQMPCFINxEAIfkEBQcADgAsAAABABAADwAABFzQyemWXYNqaSXY2vVtw3UNmROM4JQowKKlFOsgRI6ASQ8IhSADFAjAMIMAgSYJtByxyQIhcEoaBcSiwegpDgvAwSBJ0AIHBoCQqIAEi/TCIAABGhLG8MbcKBQgEQAh+QQFBwAPACwAAAEAEAAPAAAEXfDJSd+qeK5RB8fDRRWFspyotAAfQBbfNLCVUSSdKDV89gDAwcFBIBgywMRnkWBgcJUDKSZRIKAPQcGwYByAAYTEEJAAJIGbATEQ+B4ExmK9CDhBd8ThdHw/AmUYEQAh+QQFBwAPACwAAAEADwAPAAAEXvBJQIa8+ILSspdHkXxS9wxF4Q3L2aTBeC0sFjhAtuyLIjAMhYc2GBgaSKGuyNoBDp7czFAgeBIKwC6kWCAMxUSAFjtNCAAFGGF5tCQLAaJnWCTqHoREvQuQJAkyGBEAOw==") right center no-repeat;
     background-position: right 10px top 20px;
  }