.ol-mouse-position {
    color: white !important;
    font-size:1.4em;
    right:50px !important;
}
.district-info {
    position: relative;
    left: 0;
    top: 0;
}

.district-details {
    display: none;
    margin: 10%
}

.district-details {
}

.st0 {
    fill: blue;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st0:hover {
        fill: lightblue;
    }

.st1 {
    display: none;
    enable-background: new;
}

.st2 {
    font-weight: bold;
}

.st3 {
    font-size: 14px;
}

.st4 {
    fill: #DC0F0F;
}

.st5 {
}

.st6 {
    font-size: 48px;
    font-family: a;
}

.st7 {
    fill: #FF69B4;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st7:hover {
        fill: lightblue;
    }

.st8 {
    display: none;
    fill: #184DCC;
    enable-background: new;
}

.st9 {
    fill: #184DCC;
}


.st10 {
    fill: #808000;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st10:hover {
        fill: lightblue;
    }

.st11 {
    fill: #800080;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st11:hover {
        fill: lightblue;
    }

.st12 {
    fill: #00FFFF;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st12:hover {
        fill: lightblue;
    }

.st13 {
    fill: #D35400;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st13:hover {
        fill: lightblue;
    }

.st14 {
    fill: #E74C3C;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st14:hover {
        fill: lightblue;
    }

.st15 {
    fill: #A7FC00;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st15:hover {
        fill: lightblue;
    }

.st16 {
    fill: #D2B48C;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st16:hover {
        fill: lightblue;
    }

.st17 {
    fill: #1ABC9C;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st17:hover {
        fill: lightblue;
    }

.st18 {
    fill: #008000;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st18:hover {
        fill: lightblue;
    }

.st19 {
    fill: #F1C40F;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st19:hover {
        fill: lightblue;
    }

.st20 {
    fill: #7F00FF;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st20:hover {
        fill: lightblue;
    }

.st21 {
    fill: #3498DB;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st21:hover {
        fill: lightblue;
    }

.st22 {
    fill: #cce7e8;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st22:hover {
        fill: lightblue;
    }


/*[v-cloak] {
    display: none;
}*/


.GreenTab .nav-link.active {
    background-color: #329096 !important;
}

.GreenTab .tab-content {
    border: 2px solid #329096 !important;
}


/* Green Box */
.cardboard .card {
    padding: 0px;
    box-shadow: 0 0 0.875rem 0 #90a4ae;
}

.cardboard .card-header {
    background-color: #47bac1;
    margin: 0px;
}

.cardboard .form-group label {
    font-size: 1.5em;
}

.cardboard .form-group .form-control {
    font-size: 1.3em;
}

.cardboard .card-header h2 {
    color: #ffff;
    font-size: 2em;
    font-weight: 900;
    margin: 0px;
}