.usm-body {
	padding:0; margin:0; font-size:11px; font-family:'Lato', sans-serif; 
}
.usm-intro-wrap{
    color:#343A40; width:880px; font-size:1rem; margin:0 auto;
}
#usm-intro-header{
    text-align:center; font-size:1.3rem;
}
.usm-main-wrap{
    width:840px; padding:10px; margin:0 auto; position:relative;
}
.usm-topWrap{
    display:flex; align-items:baseline;
}
#usm-layout-wrap{
    display:flex;
}
#usm-usNumWrap{
    height:150px; width:352px; margin:0 auto;
}
#usm-mitPotWrap{
    align-items:center; 
}
.usm-pathway-wrap{
    position:relative; padding:5px; border:1pt solid #bbb; margin:0 auto;
    box-shadow:2px 2px 1px 0px rgba(204,204,204,0.75); width:340px;
}
.usm-mitPotNum{
    font-size:3em; color:#006837;
}
.usm-smallLabel{
    font-size:10px;
}
.usm-bigLabel{
    font-size:1.17em;
}
.usm-netEmNum{
    font-size:2em; color:#006837; margin-right:10px;
}
.usm-pw-desc{
    margin:-4px 0px 8px 4px; color:#006837; display:none;
}
#usm-stMapLegWrap{
    margin-top:20px; display:flex; margin-left:20px;
}
#usm-state{
    width:500px; margin-left:10px; position:relative;
}
#usm-stLegText{
    position:relative; top:26px; left:-58px; width:110px; text-align:center;
}
#usm-stTblWrap{
    margin-left:100px; width:360px; margin-top:10px;
}
#usm-stMapLeg{
    width:190px; height:12px; position:relative; margin-left:4px; margin-right:4px; border:1pt solid #999;
    background:linear-gradient(to right, #d9f0a3 0, #d9f0a3 20%, #addd8e 20%, #addd8e 40%, #78c679 40%, #78c679 60%, #31a354 60%, #31a354 80%, #006837 80%, #006837 100%);
}
#usm-stMapLegBar{
    border-left:2pt solid #000; height:23px; position:relative; top:-6px;
}
#usm-fullExtent{
    text-align:center; color:#0080ff; cursor:pointer; display:none; font-size:13px;
}
#usm-fullExtent:hover{
    font-weight:bold;
}
#usm-fullExtent:active{
    font-weight:normal;
}
.usm-trans{
    display:none;
}
#usm-mar-abate-cost-label{
    position:absolute; left:192px; top:7px; text-align:center;
}
#usm-lockOpen{
    position:absolute; right:0px; top:-3px; cursor:pointer; width:32px;
}
#usm-lockClosed{
    position:absolute; right:-2px; top:-2px; cursor:pointer; width:30px; display:none;
}
#usm-infoOpen, #usm-infoClose{
    position:absolute; top:9px; left:161px; cursor:pointer; z-index:1000;
}
#usm-infoClose{
    display:none;
}
.usm-ncstitle{
    color:#006837; margin-bottom:0.25; flex:2;
}
.usm-h2{
	margin-bottom:0.5em; margin-top:0.25em;
}
.usm-body table {
    border-collapse:collapse; box-shadow: 2px 2px 1px 0px rgba(204,204,204,0.75);
}
.usm-body th{
    font-weight:bold; background-color: #f3f3f3;
}
.usm-body td {
    background-color:#fff; width:120px; height:10px;
}
.usm-body td, .usm-body th {
    border:1px solid #bbb; padding:0.25rem; text-align:left;
}
#usm-nat-tbl-wrap {
    overflow:auto; height:287px; width:360px; background-color:white; box-shadow:2px 2px 1px 0px rgba(204,204,204,0.75);
}
#usm-stTbl{
    width:400px; margin:10px auto 0 auto;
}
#usm-naMap{
	position:relative; margin:0 auto; width:500px;
}
.usm-naStates, .usm-stStates {
	fill:none; stroke:#fff; stroke-linejoin:round;
}
.usm-state-border{
	fill:none; stroke:#555; stroke-width:2px;
}
.usm-state-border1{
    fill:none; stroke:#555; stroke-width:1px;
}
.usm-btm-graph-wrap{
    position:relative; 
}
.usm-pathBtnGroup{
    position:relative; z-index:500; 
}
.usm-slide-label-wrap{
    width:130px; position:absolute; top:10px; left:196px; display:none;
}
.usm-slide-label{
    display:flex;
}
.usm-slide-label div{
    flex:1; text-align:center;
}
.usm-slide-label-lines{
    display:flex;
}
.usm-slide-label-lines div{
    flex:1; border-left:1pt dashed #ccc; height:342px; margin-left:16px;
}
.usm-nsc-wrap, #usm-mitpath-wrap{
    display:none; 
}
.usm-cenf1{
    text-align:center; flex:1;
}
#usm-mitpath-wrap{
    position:relative; width:355px;
}
#usm-stInstrWrap{
    display:flex; align-items:baseline; width:476px; margin:0 auto;
}
#usm-stInstrWrap div{
    flex:1; 
} 
.usm-center{
    text-align:center;
}
.usm-flex{
    display:flex;
}
#usm-mbft{
    margin-bottom:52px;
}
#usm-stInstr{
    text-align:right; margin-right:16px; font-size:13px; font-weight:bold;
}
#usm-stateName{
    color:#006837; font-size:2em; margin-left:12px;
}
#usm-stMap{
    text-align:center;
}
.usm-path-btn-wrap{
    display:flex; align-items:baseline;
}
.usm-path-btn-label{
    font-size:12px; font-weight:bold; min-width:180px; text-align:right; margin-top:2px;
}
/*Toggle buttons*/
#usm-togWrap{
   width:170px;
}
.usm-toggle-btn {
    padding-left:5px; margin-bottom:10px; display:flex; font-size:15px;
}
.usm-btm-graph-wrap .usm-toggle-btn{
    font-size:12px; padding-left:14px; margin-bottom:3px;
}
.usm-toggle-btn input {
    display:none;
}
.usm-toggle-btn label {
    padding:5px; box-shadow:0 1px 1px rgba(16,22,26,.2); background-clip:padding-box; background-color:#fff; text-align:center;
    border:1px solid #DDD; margin:5px 5px 5px -6px; flex:1; transition:all 0.1s ease-in-out; cursor:pointer; color:#222;
}
.usm-btm-graph-wrap .usm-toggle-btn label{
    padding:3px; 
}
.usm-toggle-btn input:checked + label {
    color:#FFF; background-color:#31a354; text-shadow:0 1px 1px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.35), 0 1px rgba(255, 255, 255, 0.1);
}
.usm-toggle-btn label:last-of-type {
    border-radius:0 5px 5px 0;
}
.usm-toggle-btn label:first-of-type {
    border-radius:5px 0 0 5px;
}
/*responsive css*/
@media only screen and (max-width:900px) {
    #usm-layout-wrap{
        display:block;
    }
    #usm-ncstitle{
        max-width:250px; margin-left:36px;
    }
    .usm-main-wrap, .usm-intro-wrap{
        width:100%;
    }
    .usm-intro-wrap p {
        margin-left:10px;
    }
    .usm-topWrap{
        display:block; margin-bottom:10px;
    }
    #usm-togWrap{
        margin:0 auto;
    }
    .usm-btm-graph-wrap .usm-toggle-btn {
        max-width:280px;
    }
    .usm-pathway-wrap{
        width:280px; margin-bottom:16px;
    }
    #usm-usNumWrap{
        height:90px; 
    }
    #usm-mitpath-wrap{
        width:100%;
    }
    #usm-mitPotWrap{
        display:flex;
    }
    #usm-mitPotWrap div{
        flex:1;
    }
    #usm-mitPotWrap{
        min-width:130px;
    }
    #usm-stTblWrap{
        margin:0 auto;
    }
    #usm-nat-tbl-wrap{
        height:100%; width:280px; margin:10px auto 0 22px;
    }
    #usm-st-num-slide-wrap{
        width:280px; margin:0 auto;
    } 
    #usm-state{
        margin-left:0;
    }
    #usm-stMapLegWrap{
        margin-left:0px;
    }
    .usm-path-btn-wrap{
        display:block;
    }
    .usm-path-btn-label{
        margin-top:5px; text-align:left; width:100%;
    }
    .usm-btm-graph-wrap{
        margin-top:20px;
    }
    #usm-mar-abate-cost-label{
        left:110px; top:34px;
    }
    #usm-naMap, #usm-stMap{
        width:90%;
    }
    #usm-state, #usm-stInstrWrap, #usm-stTbl{
        width:100%; 
    }
    #usm-naSvg{
        margin-left:0px !important;
    }
    #usm-usNumWrap{
        width:270px;
    }
    #usm-infoOpen, #usm-infoClose{
        left:165px;
    }
    #usm-pwth{
        min-width:80px !important;
    }
    #usm-stLegText{
        left:-40px;
    }
}