﻿.rentAnRVPane .ITXRentAnRVContainer {
    display:none;
}

.ITXRentAnRVContainer {
    width: 300px;
    padding: 15px 5px 15px 5px;
    background: rgba(244, 238, 224,.8);
    margin: 10px;
}
.inlineTableDisplay{
    display:inline-table;
}
.mobile .inlineTableDisplay {
    width: 100%;
}
.form-control {
    width:250px!important;
    border: 0;
    border-radius: 0;
    padding:0px!important;
}
.input-group-addon{
    margin:0 5px 0 0;
}
.space {
    width:5px;
}
.separator{
    height:5px;
}
.btn-primary {
    height: 44px;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff !important;
    font-weight: bold;
    background-color: #CB333B;
    border: 0;
    text-decoration: none !important;
    font-family: "chunkfive-webfont";
    border-radius: 5px;
    text-transform: uppercase;
}
.btn-primary:hover {
        background-color: #CB333B !important;
        color:#FFCC00!important;
}
.dnnFormValidationSummary ul {
    list-style: none;
}
#supMenu {
    height:41px!important;
}
.input-group[class*="col-"] {
    float: left!important;
}
.dnnFormValidationSummary{
    top: 5px;
    left: 300px;
    position: absolute;
    width: 100%;
    color: #fff;
    font-weight: bold;
}
.pickupBranchContainer, .dropOffBranchContainer {
    display:none;
}

.rentAnRVPaneFrame .pickupLocationContainer, .rentAnRVPaneFrame .dropOffLocationContainer, .rentAnRVPaneFrame .pickupBranchContainer, .rentAnRVPaneFrame .dropOffBranchContainer,
.rentAnRVPaneFrame .divPickupDateContainer, .rentAnRVPaneFrame .divDroOffDateContainer, .rentAnRVPaneFrame .divCouponCodeContainer, .rentAnRVPaneFrame .driverLicenseContainer, .rentAnRVPaneFrame .couponcodeContainer,
.rentAnRVPaneFrame .divAdultsContainer, .rentAnRVPaneFrame .divChildrenContainer, .rentAnRVPaneFrame .divDriverOlderContainer {
    background-color: #fff;
    height: 54px !important;
    line-height: 0px;
    padding-left: 5px;
    padding-top: 18px;
    margin: 3px 0 4px 0;
    overflow: hidden;
    font-size: 12px;
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.pickupLocationContainer, .dropOffLocationContainer, .pickupBranchContainer, .dropOffBranchContainer,
.divPickupDateContainer, .divDroOffDateContainer, .divCouponCodeContainer, .driverLicenseContainer, .couponcodeContainer, .divAdultsContainer, .divChildrenContainer, .divDriverOlderContainer {
    width: 290px;
    background-color: #fff;
    height: 35px;
    padding-left: 10px;
    margin: 0 0 4px 0;
    overflow: hidden;
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}
    .pickupLocationContainer:hover, .dropOffLocationContainer:hover, .pickupBranchContainer:hover, .dropOffBranchContainer:hover,
    .divPickupDateContainer:hover, .divDroOffDateContainer:hover, .divCouponCodeContainer:hover, .driverLicenseContainer:hover, .couponcodeContainer:hover, .divAdultsContainer:hover, .divChildrenContainer:hover, .divDriverOlderContainer:hover {
        cursor: pointer;
        color: #000000;
    }
.couponCodeWidth:hover {
    cursor:pointer;
}

.pickupLocationList, .dropOffLocationList, .pickupBranchList, .dropOffBranchList, .driverLicenseList{
    display:none;
}

.bookingMenu {
    height: 100%;
    width: 270px;
    position: absolute;
    z-index: 10;
}
.bookingMenu ul{
    list-style:none; /* Eliminamos los bullets */
    margin: 3px 0 0 0;
    padding:0px; /* Quitamos el padding */
    background-color: #fff;
}
.bookingMenu ul li {
    width:100%;
    padding-left:10px;
    padding-right:10px;
    border-right:1px solid #FFFFFF;
}
.bookingMenu ul li a{
    text-decoration:none;
    color:#57331F;
    font-weight:bold;
}
.bookingMenu ul li a:hover{
    color:#c11820;
}
.labelPlaceholder {
    line-height: 15px;
    color: #999;
    width: 170px;
    display: inline-table;
}
.rentAnRVPaneFrame .labelPlaceholder {
}
    .hideField {
    display: none;
}
.scrollAble ul{
    height:300px; 
    overflow: auto;
}
.iconBooking{
    float: right;
    padding-top: 0px;
    padding-right: 10px;
}
.rentAnRVPaneFrame .iconBooking {
    padding-right: 0px!important;
}
.couponCodeWidth {
    width: 230px !important;
}

.title {
    text-align:center;
}
#driverLicenseIconOk, #rangeEndIconOk, #rangeStartIconOk, #dropOffBranchIconOk, #dropOffLocationIconOk, #pickuplocationIconOk, #pickupBranchIconOk, #couponcodeIconOk, #adultsIconOk, #childrenIconOk, #driverolderIconOk, #ckbDriverOlderChecked {
    display: none;
}
.iconLeftTXT{
    float: left;
    top: 10px;
    left: -2px;
    width:18px;
}
.validateError {
    border:2px solid #e31c23
}
.insideSidePaneContainerContentPane .ITXRentAnRVContainer{
    width:100%!important;
    padding:5px!important;
    margin:0px;
    height:auto;
    background:none!important;
}
.insideSidePaneContainerContentPane .titleRentAnRV {
    display:none;
}
.insideSidePaneContainerContentPane .col-md-12 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.insideSidePaneContainerContentPane .pickupLocationContainer, .insideSidePaneContainerContentPane .dropOffLocationContainer,
.insideSidePaneContainerContentPane .pickupBranchContainer, .insideSidePaneContainerContentPane .dropOffBranchContainer,
.insideSidePaneContainerContentPane .divPickupDateContainer, .insideSidePaneContainerContentPane .divDroOffDateContainer,
.insideSidePaneContainerContentPane .divCouponCodeContainer, .insideSidePaneContainerContentPane .driverLicenseContainer,
.insideSidePaneContainerContentPane .couponcodeContainer, .insideSidePaneContainerContentPane .divAdultsContainer,
.insideSidePaneContainerContentPane .divChildrenContainer, .insideSidePaneContainerContentPane .divDriverOlderContainer {
    width: 230px !important;
}

.insideSidePaneContainerContentPane .couponCodeWidth {
    width: 175px!important;
}
.insideSidePaneContainerContentPane .btn-primary {
    width: 80% !important;
    display: block;
    margin: auto auto;
    line-height: 35px;
}
.insideSidePaneContainerContentPane .daterangepicker {
    top:440px!important;
}
.insideSidePaneContainerContentPane .title{
    display:none;
}
#header {
    height:auto!important;
}
.glyphicon {
    margin-right: 10px;
}
.rentAnRVPaneFrame .glyphicon {
    margin-right: 5px !important;
}

@media only screen and (max-width: 639px) {
    .ITXRentAnRVContainer {
        position: relative;
        z-index: 100;
        width: 100%;
        margin: 0px;
        padding: 5px 5px 15px 5px !important;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
        background: rgba(244, 238, 224,.2) !important;
        margin-top: 200px!important;        
    }

        .ITXRentAnRVContainer .glyphicon {
            display: none;
        }

        .ITXRentAnRVContainer .btn-primary {
            background-color: #cb333b;
        }

            .ITXRentAnRVContainer .btn-primary:hover {
                background-color: #cb333b;
                color: #31261D;
            }

        .ITXRentAnRVContainer .col-md-12 {
            padding: 0 !important;
        }

    .pickupLocationContainer, .dropOffLocationContainer, .pickupBranchContainer,
    .dropOffBranchContainer, .divPickupDateContainer, .divDroOffDateContainer,
    .divCouponCodeContainer, .driverLicenseContainer, .couponcodeContainer, .divAdultsContainer, .divChildrenContainer, .divDriverOlderContainer {
        width: 100%;
    }

    .dnnFormValidationSummary {
        position: relative;
        top: 0;
        color: #333;
        font-weight: normal;
        left: 0 !important;
    }

    .couponCodeWidth {
        width: 80%;
    }

    .input-group {
        width: 100%;
    }

    .form-group {
        margin-bottom: 0;
    }

    .title {
        display: none;
    }

    #driverLicenseIconOk, #rangeEndIconOk, #rangeStartIconOk, #dropOffBranchIconOk, #dropOffLocationIconOk, #pickuplocationIconOk, #pickupBranchIconOk, #couponcodeIconOk, #adultsIconOk, #childrenIconOk, #driverolderIconOk, #ckbDriverOlderChecked {
        display: none !important;
    }

    .labelPlaceholder {
        width: 100% !important;
        line-height:35px!important;
    }

    .pickupLocationContainer:hover, .dropOffLocationContainer:hover, .pickupBranchContainer:hover, .dropOffBranchContainer:hover,
    .divPickupDateContainer:hover, .divDroOffDateContainer:hover, .divCouponCodeContainer:hover, .driverLicenseContainer:hover, .couponcodeContainer:hover, .divAdultsContainer:hover, .divChildrenContainer:hover, .divDriverOlderContainer:hover {
        cursor: pointer;
        border: 1px solid #583320;
        color: #000000;
    }

    .btn-primary {
        display: block!important;
        line-height: 42px;
    }
}

    @media only screen and (min-width : 640px) {
        .ITXRentAnRVContainer {
            position: relative;
            z-index: 100;
            width: 92%;
            background: rgba(245, 245, 245,.9) !important;
            margin: auto auto !important;
            -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
            -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
            padding: 10px 10px 10px 10px !important;
            height: 110px;
            border-radius: 10px;
            border: 3px solid #FFCC00;
        }

        .insideSidePane .ITXRentAnRVContainer {
            margin-top: 0 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
			height: 100%!important;
        }

        .ITXRentAnRVContainer .Head {
            display: none !important;
        }

        .inlineTableDisplay {
            width: 100%;
            float: left;
        }

            .inlineTableDisplay .input-group {
                width: 100%;
            }

            .inlineTableDisplay .input-group-padding {
                padding: 0 4px 0 0;
            }
            .insideSidePaneContainerContentPane .inlineTableDisplay .input-group-padding {
                padding: 0;
            }

        .inlineTableDisplay .input-group .pickupLocationContainer,
        .inlineTableDisplay .input-group .dropOffLocationContainer,
        .inlineTableDisplay .input-group .couponcodeContainer,
        .inlineTableDisplay .input-group .pickupBranchContainer,
        .inlineTableDisplay .input-group .dropOffBranchContainer,
        .inlineTableDisplay .input-group .driverLicenseContainer,
        .inlineTableDisplay .input-group .divAdultsContainer,
        .inlineTableDisplay .input-group .divChildrenContainer,
        .inlineTableDisplay .input-group .divDriverOlderContainer {
            width: 100% !important;
            left:0;
            right:0;
            position:relative;
            
        }

            .inlineTableDisplay .divDatePickerContainer, .inlineTableDisplay .divDatePickerContainer2 {
                width: 100%;
            }

            .inlineTableDisplay .divDatePickerContainer2 {
            }

                .inlineTableDisplay .divDatePickerContainer .divPickupDateContainer, .inlineTableDisplay .divDatePickerContainer2 .divDroOffDateContainer,
                .inlineTableDisplay .input-group .divAdultsContainer,
                .inlineTableDisplay .input-group .divChildrenContainer,
                .inlineTableDisplay .input-group .divDriverOlderContainer {
                    width: 100% !important;
                }

        .insideSidePaneContainerContentPane .iconBooking {
            padding-top: 10px;
        }
        .rentAnRVPaneFrame .labelPlaceholder {
            line-height: normal !important;
            white-space: nowrap;
            overflow: hidden;
            display: inherit;
            float: left;
            background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
    /*rent and rv module.css*/
#driverLicenseIconOk, #rangeEndIconOk, #rangeStartIconOk, #dropOffBranchIconOk, #dropOffLocationIconOk, #pickuplocationIconOk, #pickupBranchIconOk, #couponcodeIconOk, #adultsIconOk, #childrenIconOk, #driverolderIconOk {
    right: -15px;
}

#ckbDriverOlderChecked, #ckbDriverOlderUnchecked, #adultsMinus,#adultsPlus, #childrenMinus, #childrenPlus {
    color: #999;
    font-size: 25px;
}
#ckbDriverOlderChecked, #adultsMinus, #adultsPlus, #childrenMinus, #childrenPlus {
    display: none;
}
.lblDriverOlder {
    display:inline;
}
.rentAnRVPaneFrame #driverLicenseIconOk, .rentAnRVPaneFrame #rangeEndIconOk,
.rentAnRVPaneFrame #rangeStartIconOk, .rentAnRVPaneFrame #dropOffBranchIconOk,
.rentAnRVPaneFrame #dropOffLocationIconOk, .rentAnRVPaneFrame #pickuplocationIconOk,
.rentAnRVPaneFrame #pickupBranchIconOk, .rentAnRVPaneFrame #couponcodeIconOk {
    right: 0 !important;
}
.driverLicenseRow {
    display: block;
}

.titleRentAnRV {
    color: #CB333B;
    text-align: center;
    /*margin-bottom: 5px;*/
    font-size: 18px;
}
@media only screen and (min-width:1280px) {

    .labelPlaceholder {
        width: 192px;
    }

    .insideSidePaneContainerContentPane .labelPlaceholder {
        width: 310px;
        line-height: 35px;
        font-size: 12px;
    }
    .insideSidePaneContainerContentPane .glyphicon {
        margin-right: 5px;
    }
    .insideSidePaneContainerContentPane .iconBooking {
        padding-right: 0px;
    }
    .txtCouponCode {
        width: 100%;
        height: 30px;
        margin-top: -5px;
    }

    /*rv search module.css*/

    .daterangepickerOverride {
        /*top: 560px !important;
        left: 550px !important;*/
    }

        .daterangepickerOverride:before, .daterangepickerOverride:after {
            content: none !important;
        }
    .center {
        display: table;
        margin-top: 8px;
    }

    .insideSidePaneContainerContentPane #driverLicenseIconOk, .insideSidePaneContainerContentPane #rangeEndIconOk,
    .insideSidePaneContainerContentPane #rangeStartIconOk, .insideSidePaneContainerContentPane #dropOffBranchIconOk,
    .insideSidePaneContainerContentPane #dropOffLocationIconOk, .insideSidePaneContainerContentPane #pickuplocationIconOk,
    .insideSidePaneContainerContentPane #pickupBranchIconOk, .insideSidePaneContainerContentPane #couponcodeIconOk,
    .insideSidePaneContainerContentPane #adultsIconOk, .insideSidePaneContainerContentPane #childrenIconOk, .insideSidePaneContainerContentPane #driverolderIconOk, .insideSidePaneContainerContentPane #ckbDriverOlderChecked {
        right: 0px;
    }
    .insideSidePaneContainerContentPane .col-md-12 {
        padding-left: 8px !important;
    }
}
@media only screen and (min-width:640px) and (max-width:1279px) {
    .insideSidePaneContainerContentPane .labelPlaceholder {
        width: 220px !important;
        font-size: 12px;
        line-height: 35px;
    }

    .insideSidePaneContainerContentPane .ITXRentAnRVContainer .col-md-12 {
        width: 100%;
    }
    /*rv search module.css*/
    .daterangepickerOverride {
        top: 460px !important;
        left: 350px !important;
    }

    .daterangepicker:before, .daterangepicker:after {
        content: none !important;
    }
    .txtCouponCode {
        width: 100%;
    }
    .center {
        display: table;
        margin-top: 8px;
    }
    .ITXRentAnRVContainer {
        width: 99% !important;
        padding: 8px 8px 8px 8px!important;
        height: 106px!important;
    }

    .insideSidePaneContainerContentPane .inlineTableDisplay .input-group {
        width: 100%;
    }
}
.txtAdults, .txtChildren, .txtDriverLicense {
    margin-top: 5px;
}