.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: 54px;
}

.st4 {
    fill: red;
    font-size: 168px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.st5 {
}

.st6 {
    font-size: 108px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.sts1 {
    fill: lightseagreen;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts1:hover {
        fill: lightblue;
    }

.sts2 {
    fill: lightsalmon;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts2:hover {
        fill: lightblue;
    }

.sts3 {
    fill: lightpink;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts3:hover {
        fill: lightblue;
    }

.sts4 {
    fill: lightslategrey;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts4:hover {
        fill: lightblue;
    }

.sts5 {
    fill: lightseagreen;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts5:hover {
        fill: lightblue;
    }

.sts6 {
    fill: lightcoral;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts6:hover {
        fill: lightblue;
    }

.sts8 {
    fill: lightseagreen;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts8:hover {
        fill: lightblue;
    }

.sts9 {
    fill: green;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .sts9:hover {
        fill: lightblue;
    }

.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: lightsteelblue;
    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: lightgreen;
    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: saddlebrown;
    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;
    }
.st23 {
    fill: lightsalmon;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st23:hover {
        fill: lightblue;
    }

.st24 {
    fill: lightgreen;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st24:hover {
        fill: lightblue;
    }

.st25 {
    fill: green;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st25:hover {
        fill: lightblue;
    }

.st26 {
    fill: sandybrown;
    stroke: #FFFFFF;
    stroke-miterlimit: 22.9256;
}

    .st26: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;
}
.card > .dataTables_wrapper .table.dataTable, .card > .table, .card > .table-responsive-lg .table, .card > .table-responsive-md .table, .card > .table-responsive-sm .table, .card > .table-responsive-xl .table, .card > .table-responsive .table {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 0
}

    .card > .dataTables_wrapper .table.dataTable td:first-child, .card > .dataTables_wrapper .table.dataTable th:first-child, .card > .table-responsive-lg .table td:first-child, .card > .table-responsive-lg .table th:first-child, .card > .table-responsive-md .table td:first-child, .card > .table-responsive-md .table th:first-child, .card > .table-responsive-sm .table td:first-child, .card > .table-responsive-sm .table th:first-child, .card > .table-responsive-xl .table td:first-child, .card > .table-responsive-xl .table th:first-child, .card > .table-responsive .table td:first-child, .card > .table-responsive .table th:first-child, .card > .table td:first-child, .card > .table th:first-child {
        border-left: 0;
        padding-left: 1.25rem
    }

    .card > .dataTables_wrapper .table.dataTable td:last-child, .card > .dataTables_wrapper .table.dataTable th:last-child, .card > .table-responsive-lg .table td:last-child, .card > .table-responsive-lg .table th:last-child, .card > .table-responsive-md .table td:last-child, .card > .table-responsive-md .table th:last-child, .card > .table-responsive-sm .table td:last-child, .card > .table-responsive-sm .table th:last-child, .card > .table-responsive-xl .table td:last-child, .card > .table-responsive-xl .table th:last-child, .card > .table-responsive .table td:last-child, .card > .table-responsive .table th:last-child, .card > .table td:last-child, .card > .table th:last-child {
        border-right: 0;
        padding-right: 1.25rem
    }

    .card > .dataTables_wrapper .table.dataTable tr:first-child td, .card > .dataTables_wrapper .table.dataTable tr:first-child th, .card > .table-responsive-lg .table tr:first-child td, .card > .table-responsive-lg .table tr:first-child th, .card > .table-responsive-md .table tr:first-child td, .card > .table-responsive-md .table tr:first-child th, .card > .table-responsive-sm .table tr:first-child td, .card > .table-responsive-sm .table tr:first-child th, .card > .table-responsive-xl .table tr:first-child td, .card > .table-responsive-xl .table tr:first-child th, .card > .table-responsive .table tr:first-child td, .card > .table-responsive .table tr:first-child th, .card > .table tr:first-child td, .card > .table tr:first-child th {
        border-top: 0
    }

    .card > .dataTables_wrapper .table.dataTable tr:last-child td, .card > .table-responsive-lg .table tr:last-child td, .card > .table-responsive-md .table tr:last-child td, .card > .table-responsive-sm .table tr:last-child td, .card > .table-responsive-xl .table tr:last-child td, .card > .table-responsive .table tr:last-child td, .card > .table tr:last-child td {
        border-bottom: 0
    }

.card .card-header + .table {
    border-top: 0
}

.table-action a {
    color: #6c757d
}

    .table-action a:hover {
        color: #212529
    }

.table-action .feather {
    width: 18px;
    height: 18px
}

.table > tbody > tr > td {
    vertical-align: middle
}

.card > .dataTables_wrapper .table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.card > .dataTables_wrapper .dataTables_info {
    padding: 1rem 1.25rem
}

.card > .dataTables_wrapper .dataTables_paginate {
    padding: .6rem 1.25rem
}

.dt-bootstrap4 {
    width: calc(100% - 2px)
}

.wrapper {
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: flex;
    width: 100%
}

.wrapper-boxed {
    max-width: 1440px;
    margin: 0 auto;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    overflow: hidden
}

.content {
    padding: 2.5rem 2.5rem 1.5rem;
    -webkit-box-flex: 1;
    flex: 1
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    table.dataTable td, table.dataTable th {
        box-sizing: content-box
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center
        }

    table.dataTable.nowrap td, table.dataTable.nowrap th {
        white-space: nowrap
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: 400;
        white-space: nowrap;
        text-align: left
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: .5em;
        display: inline-block;
        width: auto
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-right: 30px
}

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: none
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {
        position: absolute;
        bottom: .9em;
        display: block;
        opacity: .3
    }

    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\2191"
    }

    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
        right: .5em;
        content: "\2193"
    }

    table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
        opacity: 1
    }

    table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        opacity: 0
    }

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

    div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:after, div.dataTables_scrollBody table thead .sorting_desc:before {
        display: none
    }

    div.dataTables_scrollBody table tbody tr:first-child td, div.dataTables_scrollBody table tbody tr:first-child th {
        border-top: none
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none
    }

@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable td, table.table-bordered.dataTable th {
    border-left-width: 0
}

    table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child {
        border-right-width: 0
    }

div.dataTables_scrollHead table.table-bordered, table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
        padding-left: 0
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
        padding-right: 0
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
        display: none !important
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
        top: 12px;
        left: 4px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
        content: "+";
        background-color: #0275d8
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "-";
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 14px;
        text-indent: 3px
    }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}

    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
        content: "+";
        background-color: #0275d8
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: .5em 0
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
                border-bottom: none
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: 700
    }


.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}