﻿.coverage-wrapper {
    max-width: 100%;
    margin: 0;
}
    /*.coverage-wrapper h2{
    border: 1px solid #7499d0;
    padding : 8px 20px;
    margin : 0;
    min-height: 50px;
    background-color: #EEDD82;
	border-radius: 5px;
}*/
    .coverage-wrapper select {
        border: 1px solid #7499d0;
        min-height: 50px;
        font-weight: bold;
        color: black;
        background-color: #fafafa;
        border-radius: 5px;
    }

.map-wrapper {
 
    width: 60%;
    float: left;
}

    .map-wrapper svg {
        height: 400px;
        width: 100%;
    }

#webpartHeader, #data-wrapper, #CategorydataWrapper {
    width: 100%;
    float: left;
}
.dataColumn {
    width: 40%;
    float: left;
}


#infoBlock ul {
    list-style: none none outside;
    padding: 0;
}

    #infoBlock ul li {
        padding: 10px 0;
        border-bottom: 1px solid #CCCCCC;
    }

        #infoBlock ul li:not(:last-child) {
            border-bottom: 1px solid #CCCCCC;
        }

#infoBlock li h3 {
    font-size: 14pt;
}

    #infoBlock li h3:hover {
        background-color: #fff3b7;
    }

#infoBlock ul li p {
    font-size: 11pt;
    margin: 0;
}

.application-type:not(:first-of-type):before {
    content: ' ― ';
    position: relative;
}


.county-display {
    display: none;
}

/*Loading Styles*/
.loader {
    text-align: center;
    font-weight: bold;
    font-size: 16pt;
    color: #000000;
}

.animation {
    margin: 20px auto;
    font-size: 12px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.5em solid #EEDD82;
    border-right: 1.5em solid rgba(225, 191, 0, 0.5);
    border-bottom: 1.5em solid rgba(225, 191, 0, 0.2);
    border-left: 1.5em solid #EEDD82;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

    .animation,
    .animation :after {
        border-radius: 50%;
        width: 10em;
        height: 10em;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*End Loading Styles*/

@media (max-width: 676px) {
    .selectBox, .map-wrapper {
        display: none;
    }

    .county-select {
        display: block;
    }

    #CategorydataWrapper, #data-wrapper, .dataColumn {
        width: 100%;
    }
}

.ie9 svg {
    width: 100%;
}



.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px;
}

.cls-1 {
    fill: #afc6e7;
}

.cls-2, .cls-5 {
    fill: #92b0dc;
}

.cls-3, .cls-6 {
    fill: #7499d0;
}

.cls-4, .cls-7 {
    fill: #cddcf0;
}


path {
    transition: .75s fill;
}

    path:hover {
        fill: #EEDD82;
    }

    path:focus {
        fill: #eaaf00;
    }

    path:active {
        fill: #EEDD82;
    }

.selectedCounty {
    fill: #EEDD82;
}


    .details-wrapper iframe, .details-wrapper object, .details-wrapper embed {
        width: 100%;
    }


.details-wrapper {
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    height:100%;
    -webkit-overflow-scrolling: touch;

}

    .details-wrapper iframe {
        height: 100%;
        width: 100%;
    }

.countyCategory_Blue {
    fill: #002469;
    background-color: #002469;
}
.countyCategory_Gold {
    fill: #BF940D;
    background-color: #BF940D;
}
.countyCategory_Green {
    fill: #007336;
    background-color: #007336;
}
.countyCategory_Red {
    fill: #AD2624;
    background-color: #AD2624;
}
.countyCategory_LightBlue {
    fill: #23A0F6;
    background-color: #23A0F6;
}
.category {
    height: 25px;
    width: 25px;
   float: left;
    margin-right: 5px;
}


.text {
    float: left;
    margin-right: 5px;
}


.selectBox {
    position: relative;
    height: 51px;
}

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #7499d0;
    font-weight: bold;
    color: black;
    border-radius: 5px;
    padding: 10px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}

@media screen and (min-width:0\0) {
    .overSelect {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
    }
}


#checkboxes {
    display: none;
    border: 1px solid #7499d0;
}

    #checkboxes label {
        display: block;
    }

.catLabel {
    width:80%;
    float:left;
    font-weight:normal;
    padding:10px;
}

.catCB {
    width:20%;
    float:right;
    margin-top: -8px;
}


#checkboxes > div:hover, #checkboxes > div:hover * {
    background-color: #0072c6;
    color: white;
}

#data-wrapper {
    padding-top:10px;
}

input {
    position:relative;
    top: 18px;
}
#categorySelect:focus {
    outline: #23a0f6 solid 3px;
}

#countySelect:focus {
    outline: #23a0f6 solid 3px;
}
.focused, .focused * {
    background-color: #0072c6 !important;
    color: white !important;
}

.catCB:focus {
    outline: 0;
}

.lgndWrap {
    width:auto;
    float:left;
}