html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden; /* Prevent the browser from scrolling the whole page */
    margin: 0;
}

.public-site-navbar-top, .public-site-navbar-bottom, .navbar-mailer {
    display: none;
}

.public-site-navbar-top, .public-site-navbar-bottom {
    display: none;
}

.container-fluid {
    display: flex;
    height: calc(100vh - 40px);
    flex-direction: column; /* Split horizontally */
    margin-top: 40px !important; /* Offset for the navbar height */
    padding: 0;
}

/* help -------------------------------------------------*/
.accordion-button:not(.collapsed) {
    color: #fff !important;
}

.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active {
    background-color: #0a2436 !important;
    color: #00ce7c !important;
    border: 1em !important;
    border-color: #00ce7c !important;
    box-shadow: 0px !important;
    font-weight: 500;
}

.accordion-button {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #343a40 !important;
    border: 1em !important;
    font-size: 0.6em;
    color: #fff;
    line-height: 2.2em;
}

#map, #street-view {
    flex-grow: 1;
    position: relative;
    z-index: 1;
}

.gutter {
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-vertical {
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');*/
    background-image: url('/images/up_down_arrows_in_circle.png');
    cursor: row-resize;
}

/* ensure that the autocomplete dropdown appears on top of the modal */
.pac-container {
    z-index: 10000 !important; /*Make sure it appears above modal */
}

.save-info-overlay {
    z-index: 9999 !important; /* Lower z-index to stay below the autocomplete dropdown */
}

/* marker previously sent */
.previously-sent-label {
    margin-top: -11px;
}

/* street view ------------------------------------------*/
.btnStreetView-Address-Add, .btnStreetView-Address-Remove, .btnStreetView-Address-Nearby {
    margin: 10px 1px 0px 2px;
    padding: 0px 4px 0px 4px;
    opacity: .8;
}

/* background-color: #00AEEF !important;*/
.btn-xs {
    padding: 0.15rem 0.25rem;
    margin-left: 0.15rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.2rem;
    box-shadow: none !important;
}

.btn-xs-1 {
    padding: 0.15rem 0.25rem;
    margin-left: 0.15rem;
    font-size: 0.75rem;
    line-height: 1.3;
    border-radius: 0.2rem;
}

.street-view-address-container {
    margin-top: 8px;
    padding: 5px;
    width: 300px;
    color: #FFFFFF;
    background: #222222;
    opacity: .8;
}

.street-view-address {
    font-size: 1.1em;
    width: 100%;
    padding: 8px;
}

/* arrow to right animation  ----------------------------------------- */
@keyframes passing {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

#hplMailersCreditsGetMore {
    padding-top: 5px;
}