/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
.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;
}