@font-face {
    font-family: 'rubik_lightbold';
    src: url('./fonts/rubik-v21-latin-700.woff2') format('woff2'), url('./fonts/rubik-v21-latin-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubik_medium';
    src: url('./fonts/rubik-v21-latin-500.woff2') format('woff2'), url('./fonts/rubik-v21-latin-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubik_regular';
    src: url('./fonts/rubik-v21-latin-300.woff2') format('woff2'), url('./fonts/rubik-v21-latin-300.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('./fonts/ubuntu-c-webfont.woff2') format('woff2'), url('./fonts/ubuntu-c-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nunito_sanssemibold';
    src: url('./fonts/nunitosans-semibold-webfont.woff2') format('woff2'), url('./fonts/nunitosans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins - Extra Bold";
    src: url('./fonts/poppins-v20-latin-700.woff2') format('woff2'), url('./fonts/poppins-v20-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.bodybackground {
    background-color: #f1f1f1 !important;
}

.ha-body {
    width: 100%;
    /*overflow: auto;*/
}

.ha-overflow {
    overflow: hidden;
}

h1 {
    font-family: "rubik_lightbold";
}
.navmap {
    margin: 10vw 0vw 2vw 25vw;
    position: relative;
    background-image: url('../images/osm.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45vw;
    width: 50vw;
}

.gmaps-container {
    background-color: cadetblue;
    width: 100vw;
    height: 55vw;
}

.gmaps {
    position: relative;
    width: 50vw;
    height: 45vw;
    margin: 5vw 25vw 5vw 25vw;
}

.page-elem {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0.5vw;
    line-height: 2.5vw;
    border-radius: 0.5vw;
    background-color: #d4d4d4;
    float: right;
    text-align: center;
    color: #ffffff;
    font-family: "rubik_medium";
    font-size: 1.125vw;
}
.bottomInfo {
    position: relative;
    font-family: "rubik_regular";
    font-size: 11px;
    letter-spacing: 0.2px;
    line-height: 18px;
    clear: both; /* Clear floats above */
    margin-top: 3vw; /* Add space above */
}
.page-active {
    background-color: #ff7f27;
}
.min-fill {
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.5vw;
}

    .min-fill .card {
        border: none;
    }

    .min-fill #Div3 .form-validate {
        padding-left: 1vw;
        padding-right: 1vw;
    }