html,
body {
    height: 100%;     
    margin: 0;
    padding: 0;
    font-size: small;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
}
.topbar {
        background: #353e56;
        height: 70px;
        margin: 0 -15px;
    }

.gray { color: #f5f5f5; }


.error-container {
    display: none;
    position: fixed;
    color: #fff;
    z-index: 3;
    bottom: 0;
    width: 95%;
}

h1 {
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 15px 0  15px 0;
    letter-spacing: 0px;
    font-weight: 700;
}

label#zipcode-error.error,
label#radius-error.error,
label#zipcode-sm-error {
    display: none !important;
}

.invalid > label {
    color: #ff0000;
}

.invalid > input {
    border: 1px Solid #ff0000;
}

.info-message {
    color: #0062cc;
}

.height-100pct {
    height: 100%; 
    padding-bottom: 94.11%;
}



.main-container {
    background-color: #f5f5f5;

}

.filters-panel {
    display: none;
    /*background-color: #002032;*/
    background-color: #f5f5f5;
    /*color: #ffffff;*/
    color: #002032;
}

.show-filters .filters-panel {
    top: 0; 
    position: absolute;
    display: block;
    z-index: 2;
}

.show-filters .btn-cancel {
    display: block;
    display: inline-block;
}

.show-filters .filters-mini-panel {
    display: none;
}

.additional-details .filter-results-message .finding {
    display: none;
}

.loading .additional-details .filter-results-message .finding {
    display: block;
}

.additional-details .filter-results-message .available {
    display: block;
}

.loading .additional-details .filter-results-message .available {
    display: none;
}

.additional-details .filter-results-message {
    display: block;
    color: #fff;
    color: #0076a3;
    font-weight: 700;
}

.overlay {
    overflow: hidden;
    display: none;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
}

    .overlay div {
        position: relative;
        top: 50%;
        color: #ff0000;
    }

.loading .overlay {
    display: block;
}


.additional-details {
    background-color: #002032;
    background-color: #f5f5f5;
    width: 100%;
    opacity: 0.9;
    color: #b3b1b1;
    color: #002032;
}

.filters-mini-panel-container {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

@media (min-width: 768px) { 

    .error-container {
        top: 0;
        text-align: center;
    }

    .btn-cancel {
        display: none;
    }

   .filters-panel {
        position: static;
        display: inline-block;
    }

}
@media (max-width: 767px) { 
.form-control {border-radius:0px!important;}
}

.opac {opacity:0.6;}
.btn-default {
    color: #fff;
    background-color: #002032;
    border-color: transparent;
}

    .btn-default:focus, .btn-default.focus {
        color: #fff;
        background-color: black;
        border-color: transparent;
    }

    .btn-default:hover {
        color: #fff;
        background-color: black;
        border-color: transparent;
    }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        color: #fff;
        background-color: black;
        border-color: transparent;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
        .open > .btn-default.dropdown-toggle:hover,
        .open > .btn-default.dropdown-toggle:focus,
        .open > .btn-default.dropdown-toggle.focus {
            color: #fff;
            background-color: black;
            border-color: transparent;
        }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #002032;
        border-color: transparent;
    }

    .btn-default .badge {
        color: #002032;
        background-color: #fff;
    }

 .iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) 
   }
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    }