td,th{font-size:9pt}
.dc-select-menu{min-width:200px}
.jarviswidget > div{padding:10px}
.dc-chart g.row text{fill:#000;font-family:arial;font-size:8pt}
#budget-by-county-chart .x.axis text{text-anchor:end!important}
#project-by-percentage-chart .x.axis text{text-anchor:end!important}
#legend{background-color:#fff;padding:5px;display:none;width:300px;margin:5px}
#legendTitle{padding:2px;font-family:OpenSans,Arial;font-weight:700;background-color:#add8e6}
#legendTitle > a{color:#000}
#legendTitle > a:hover{text-decoration:underline}
#legendContent{padding:2px;font-family:OpenSans,Arial}
#legendContent > ul{list-style-type:none;padding:0;padding-top:5px}
#legendContent > ul > li span:first-child{font-weight:700;padding-right:5px}
.loader{border-top:10px solid #0079c1;border-right:10px solid #49176d;border-bottom:10px solid #00a0af;border-left:10px solid #49a942;border-radius:50%;width:60px;height:60px;animation:spin 3s linear infinite;position:absolute;top:20vw;left:45vw}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
hr.soften{margin:20px 0;padding:.5px;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.8),rgba(0,0,0,0));border:0}
h1{font-size:36px}
#number-box1 {background: #4286f4; font-size: 64px; color:#FFFFFF;  text-align: center; width:100%; line-height: normal;}
#number-box2 {background: #4286f4; font-size: 64px; color:#FFFFFF;text-align: center; width:100%; line-height: normal;}
#number-box3{background: #4286f4; font-size: 64px; color:#FFFFFF;text-align: center; width:100%; line-height: normal;}
#number-box4 {background: #4286f4; font-size: 64px;color:#FFFFFF;  text-align: center; width:100%; line-height: normal;}