circle, .bar3, .bar2 {
    cursor: pointer;
}

.axis text{
    fill: black;
}

#state-borders {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}

#state_map{
    width: 120%;
    height: 23vw;
}

#myNewParagrap{	line-height:1.25em;	}

.states {
    cursor: pointer;
    fill: #464646;
}
.states .active {
    fill: #f99f1b;
}

.toolTip {
    font: 1vw open sans;
    position: absolute;
    display: none;
    min-width: 40px;
    max-width: 200px;
    height: auto;
    background: none repeat scroll 0 0 #ffffff;
    border: 2px solid darkgrey;
    padding: 5px;
    text-align: left;
    cursor: pointer;
}

#main-wrap {
    display: flex;
    width: 74%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    flex-wrap: wrap;
    background: transparent;
} 

#headerDefs, #footerDefs {
    width: 100%;
	line-height:1.25em;		
}

p {
	line-height:1.25em;			
}
 
h2 {
	line-height:1.25em;			
}

#footerDefs {
    margin-top: 8vw;	
}


#navigation {
    overflow: hidden;
    width: 60%;
    height: 33vw;
    background: transparent;
}

#table-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
	height: 3vw;
    align-content: space-between;
}

#rectangleTable {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
	height: 1vw;
    align-content: space-between;
}


#item4, #item5, #item6 {
    width: 100%;
    height: 33%;
}
percentages-content-content {
    display: flex;
    width: 31%;
    flex-wrap: wrap;
    align-content: space-between;
}
#item7, #item8 {
    width: 100%;
    height: 33%;
}
#dropdown_menu {
    cursor: pointer;
    z-index: 1;
    width: 100%;
    background: transparent;
    overflow: visible;
    height: 0vw;
}

#tabs-nav {
    cursor: pointer;
    width: 100%;
    height: 0vw;
    margin-left: 0px;
    background: transparent;
    font: 1vw open-sans;
}

#table-content2 {
    width: 48%;
    margin-right: 4%;
}

.nested-items2 {height: 100%;
    display: flex;
    width: 48%;
    flex-wrap: wrap;
    align-content: space-between;
}
#table-content3 {
    width: 100%;
    margin-bottom: 2%;
}
#table-content4 {
    width: 48%;
    margin-right:4%;
}
.nested-items3 {
    height: 100%;
    display: flex;
    width: 48%;
    margin-top:2%;
    flex-wrap: wrap;
    align-content: space-between;
}

.nested-items4-linecharts {
    flex-grow: 1;
    height: 100%;
    display: flex;
    width: 48%;
    flex-wrap: wrap;
    align-content: space-between;
}
.nested-items3-barcharts {
    height: 100%;
    display: flex;
    width: 48%;
    margin-top:-110px;
    flex-wrap: wrap;
    align-content: space-between;
}

.nested-items4-barcharts {
    flex-grow: 1;
    display: flex;
    width: 48%;
    flex-wrap: wrap;
    align-content: space-between;
}
#table-content5 {
    -webkit-margin-before:-4%;
    height: 100%;
    width: 100%;
}

#linechart-content1, #perc-linechart-content1, #horiz-barchart-content, #barchart-content1 {
    background: white;
    flex-grow: 1;
    width: 49%;
    float: left;
}

#linechart-content2, #perc-linechart-content2, #barchart-content2, #horiz-barchart-content2 {
    background: white;
    width: 100%;flex-grow: 1;
}

.svg-container-map {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-header {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 8vw;
    padding-bottom: 11%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
.svg-container-footer {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 18vw;
    padding-top: 7%; /* aspect ratio */
    vertical-align: top;
    overflow: visible;
}
.svg-container-table1 {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 1%; /* aspect ratio */
    vertical-align: top;
    overflow: visible;
}

.svg-container-perc {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 20%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-buttons {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: -8vw;
    padding-bottom: 10%; /* aspect ratio */
    vertical-align: top;
    overflow: visible;
}

.svg-container0 {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-b {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-c {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

.svg-container-subtable {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 10%; /* aspect ratio */
    vertical-align: bottom;
    overflow: visible;
}

.svg-container-menu {
    background: transparent;
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 0%; /* aspect ratio */
    overflow:visible;
}

#container {
    cursor: pointer;
    z-index: 1;
    margin-top:-1vw;
    background: white;
    visibility: hidden;
    position: relative;
    width: 21.7%;
    height: 8vw;
    margin-left: 15.5vw;
    padding-bottom: 0%; /* aspect ratio */
    border: 3.5px solid #464646;
    overflow: scroll;
    overflow-x: hidden;
}

.svg-content-responsive {
    display: inline-block;
    position: absolute;
    left: 0;
    overflow: visible;
}

#total {
    background: transparent;
    display: inline-block;
    position: absolute;
    width: 100%;
    padding-bottom: 8%; /* aspect ratio */
    overflow:visible;
}

svg:not(:root) {
    overflow: visible;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #tabs-nav {
        cursor: pointer;
        width: 100%;
        height: 4vw;
        margin-left: 0px;
        background: transparent;
        font: 1vw open-sans;
    }


    .svg-container-buttons {
        display: inline-block;
        position: relative;
        width: 100%;
        padding-bottom: 100%; /* aspect ratio */
        vertical-align: bottom;
        overflow: visible;
    }

    .svg-container-menu {
        background: transparent;
        display: inline-block;
        position: relative;
        width: 100%;
        padding-bottom: 100%; /* aspect ratio */
        overflow:visible;
    }

    #container {
        cursor: pointer;
        z-index: 1;
        margin-top:2.5vw;
        background: white;
        visibility: hidden;
        position: relative;
        width: 21.5%;
        height: 8vw;
        margin-left:15.5vw;
        padding-bottom: 0%; /* aspect ratio */
        border: 2px solid #000;
        overflow: scroll;
        overflow-x: hidden;
    }

}