﻿.fieldset {margin-top: 30px;}
.gender {display: inline-block;}
.child-pickup {display: inline-block;}
.red {color: #cc0000;}
.strong {font-weight: 700;}
.underline {text-decoration: underline;}
.inputs {height: 35px; display: block;}
.inputs label, inputs.input {display: inline-block; vertical-align: middle;}
.inputs label {width: 205px;}
.fieldset .inputs .gender label {width: 100px !important;}
.inputs label.label-large {margin-bottom: 10px;}
#register-button {padding: 10px 30px; background: #003D7C !important; color: #FFFFFF !important; text-shadow: none !important; font-size: 1.3em;}
.fieldset .title strong {font-size: 1.1em;}
.marg {margin-bottom: 15px !important; margin-top: 15px !important;}
.large-text {max-width: 640px;}

@media screen and (min-width: 320px){
.inputs label.label-large { width: 300px !important; }
.inputs label.label-medium { width: 200px !important; }
}

@media screen and (min-width: 480px){
.inputs label.label-large { width: 350px !important; }
.inputs label.label-medium { width: 180px !important; }
}
@media screen and (max-width: 768px) {
    .inputs {
        margin-top: 45px;
    }
    .fieldset .form-fields {
        padding-bottom: 35px;
    }
    #booking-map1 {
        overflow-x: scroll;     
    }
    /*#booking-map1::-webkit-scrollbar {
        display: none;
    }*/
    .booking-map {
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }
    .booking-map::-webkit-scrollbar {
        display:none;
    }
    #booking-map1 .booking-legend {
        margin-right: 0px !important;
        float: none !important;
        position: sticky !important;
    }
}
@media screen and (min-width: 801px){
.inputs label.label-large { width: 400px !important; }
.inputs label.label-medium { width: 160px !important; }
}