.whichlang {
    margin-left: 7px;
    padding-bottom: 3px;
    font-size: 13px;

}
.triangletooltip {
 padding-left: 15px;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 15px;
 font-size: 12px;
 background-color: #ff3300;
 -moz-box-shadow:    3px 3px 2px 0px rgba(0,0,0,.3);
 -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,.3);
 box-shadow:         3px 3px 2px 0px rgba(0,0,0,.3);

}
.regulartooltip {
 padding-left: 15px;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 15px;
 font-size: 10px;
 background-color: #333;
 -moz-box-shadow:    3px 3px 2px 0px rgba(0,0,0,.3);
 -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,.3);
 box-shadow:         3px 3px 2px 0px rgba(0,0,0,.3);

}
.ttdetail {
    padding-top: 3px;
    font-size: 12px;

}
.ttmargin {
    color: #666;

}
.theDate {
	padding-top: 7px;
}
.ttbig {
    font-size: 15px;
}
.ttnum {
    font-size: 18px;

}
.gradrate {
    color: #ffcc00;
}
.readyrate {
    color: #ff6c00;
}
.gap {
    white;

}
body {
    overflow-y: hidden;

}
#chart-containerA{

}
#chart-containerC{

}
#meta-container {
    height: 650px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 20px;

}
#container {
}
#legend {
    position: absolute;
    top: 0px;
    height: 30px;
    text-transform: uppercase;
    width: 100%;
    font-size: 11px;
    color: #004000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.toprule1 {
    height: 1px;
    width: 100%;
    color: #004000;
    background-color: #004000;
    border-top: none;
    border-bottom: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    margin-after: 0px;
    margin-before: 0px;
    margin-top: 0px;
    margin-bottom:0px;
    float: left;
    clear: both;
    margin-right: 1px;
    overflow-x: hidden;
}
.toprule2 {
    height: 1px;
    width: 100%;
    background-color: #004000;
    color: #004000;
    border-top: none;
    border-bottom: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    margin-after: 0px;
    margin-before: 0px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-right: 1px;
    overflow-x: hidden;
    
    float: left;
    clear: both;
}
#income-bracket-legend {
    width: 23%;
    float: left;
    border-right: 1px solid #004000;
    height: 25px;
    margin-top: 0px;
    padding-top: 7px;
    position: relative;
}
#income-bracket-legend div {
    position: relative;
    float: left;
    top: 4px;
    width: 100%;
    left: 12%;

}
#bar-area-legend {
    width: 73%;
    float: left;
    border-right: 1px solid #004000;
    padding-top: 7px;
    position: relative;
    height: 25px;

}
#legend-left {
    float: left;
    position: relative;
    left: 5px;
    top: 2px;

}
#legend-right {
    float: right;
    position: relative;
    right: 2px;
    top: 2px;

}
.districtbar {
    background-color:#078fdf;
    height: 7px;
    margin-left: 7px;

}
#chartcontainer-A .bill:first-child {

}
#container {
    border: none;
    margin-right: 0px;

}
.row {
    border-top: solid 1px white;
    position: relative;
    width: 100%;
    float: left;
}

.bill {
    font-size: 24px;
    padding-top: 15px;
    height: 25px;
    padding-bottom: 15px;

}
.bill .name {
    position: relative;
    left: 10px;
}
.dept .name {
    position: relative;
    left: 10px; 
}
.subcat .name {
    position: relative;
    left: 30px;
}
.detail .name {
    position: relative;;
    left: 40px;
        

}

.dept {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 13px;
    height: 19px;
}
.subcat {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.detail {
    padding-top: 20px;
    color: rgba(0,0,0,0.4);
    border: none;
}
.row .name {
    float: left;
    width: 60%;
}
.bill .name {
    width: auto;

}
.bill .status {
    float: left;

}
.row .amount {
    float: right;
    position: relative;
    margin-right: 10px;

}
.bill:hover, .subcat:hover, .dept:hover{
    background-color: white; 
}
.detail {
    background-color: transparent;

}
#chart-containerA .bill {
    border: none;

}
.drawer-button {
    margin-right: 5px;

}
.dept {
    cursor: pointer;
}
.status {
    color: rgba(0,0,0,0.4);
    float: left;
    position: relative;
    font-size: 14px;
    top: 9px;
    left: 20px;

}
#map_body {
    padding-bottom: 21px;
}
body .row .nobutton {
    position: relative;
    left: 32px;
}
