﻿#container {
    min-height: 650px;
    margin: 0 auto;
}

#dvcontainer {
    min-height: 750px;
    margin: 0 auto;
}

.maps-container {
    width: 100%;
    min-height: 850px;
    margin: 0 auto;
}

.ust-maps-container {
    width: 100%;
    min-height: 850px;
    margin: 0 auto;
}

.ust850-maps-container {
    width: 100%;
    min-height: 850px;
    margin: 0 auto;
}

.us-maps-container {
    width: 100%;
    min-height: 850px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .map-container, .ust-maps-container, .ust850-maps-container, .us-maps-container {
        min-height: 100%;
    }
}

.legend20 {
    width: 20%
}

.legend25 {
    width: 25%
}

.legend33 {
    width: 33%
}

.legend50 {
    width: 50%
}

.legend75 {
    width: 75%
}
.legendTableCols2 {
    width: 100%
}


.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

.blueText {
    color: blue;
}

.maps-card {
    box-shadow: 0px 0px 7px #ccc;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
}

.sj-fs-aamva-map-dr-legend {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    margin-left: 20px;
}

.sj-fs-aamva-map-dr-legend label {
display: flex;
flex-direction: row;
align-items: center;
color: #6c6f75;
cursor: default;
padding: 5px 0;
font-weight: bold
}
.sj-fs-aamva-map-dr-stat label {
/*display: flex;
    flex-direction: row;*/
align-items: center;
color: #6c6f75;
cursor: default;
padding: 5px 0;
font-weight: bold
}
table.table-borderless td{
    border-top: none;
}
table.table-borderless th {
    border-top: none;
}
.sj-fs-aamva-map-dr-legend label i {
    flex: 30px 0 0;
    height: 30px;
    border: 1px solid #A9B3C3;
    border-radius: 2px;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
}

.sj-fs-aamva-map-dr-legend label i.legand-icon {
    flex: 30px 0 0;
    height: 1em;
    border: 0px;
    border-radius: 0px;
    margin-right: 0px
}



.maps-card-heading {
    font-weight: 600;
    line-height: 27px;
    font-size: 29px;
    color: #17387B;
    margin-bottom: 20px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.maps-lightgreen {
    background: rgba(172, 193, 127,1.0);
}

.maps-darkgreen {
    background: rgba(82, 107, 29, 1.0);
}

.maps-darkblue {
    background: rgba(20,55,125, 1.0);
}

.maps-secondaryblue {
    background: rgba(2, 29, 73, 1.0);
}

.maps-black {
    background: rgba(2,29,73, 1.0);
}

.maps-blue {
    background: rgba(30, 85, 195,1.0);
}

.maps-red {
    background: rgba(186,12,47,1.0);
}

.maps-purple {
    background: rgba(95, 30, 153,1.0);
}

.maps-orange {
    background: rgba(236, 139, 38,1.0);
}

.maps-olive {
    background: rgba(118,153,42,1.0);
}

.maps-turquoise {
    background: rgba(34, 145, 153,1.0);
}

.maps-darkergrey {
    background: rgba(76,84,99,1.0);
}

.maps-darkgrey {
    background: rgba(117, 122, 133,1.0);
}

.maps-grey {
    background: rgba(149,162,189,1.0);
}

.maps-grey229 {
    background: rgba(229, 229, 229,1.0);
}

.maps-lightgrey {
    background: rgba(198, 214, 245,1.0);
}

.maps-lightergrey {
    background: rgba(241, 245, 253,1.0);
}

.maps-lightblue {
    background: rgba(158, 181, 219, 1.0);
}

.maps-darkturquoise {
    background: rgba(35, 85, 90, 1.0);
}

.maps-mediumgrey {
    background: rgba(175, 174, 174, 1.0);
}

.maps-disclaimer {
    font-style: italic;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.38;
    color: #4c5463;
}
/*legand FA styles start*/
.legand-text {
    height: 1em !important;
    margin-right: 0px !important;
    border: none !important;
}

.color-white {
    color: white
}

.color-black {
    color: black
}
.xs-legand-stat {
    text-align: center
}
@media only screen and (min-width: 600px) {
    .legendTableCols2 {
        width: 65%;
    }

    .xs-legand-stat {
        text-align: left
    }
}

@media only screen and (min-width: 1000px) {
    .legendTableCols2 {
        width: 45%;
    }
}

@media screen and (max-width: 1200px) {
    .legend20, .legend25, .legend33, .legend50, .legend75 {
        width: 100%;
    }    
}
.map-list {
    padding-left: 32px;
}
/*legand FA styles end*/
