/*----------Responsive bar Graph CSS--------------*/
#barGraphSlider {
    margin-bottom:2px;
    margin-top:10px;   
}
#barGraphSlider input[type="radio"] {
    display:none;
}
#barGraphSlider label {
    display:inline-block;
    background-color:rgba(171, 47, 47, 0.2);
    height:auto;
    width:19.5%;
    font-size:16px;
    color:#000;
    padding-top:12px;
    padding-bottom: 12px;
    padding-left:0px;
    padding-right: 0px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}
#barGraphSlider input[type="radio"]:checked + label {
    background-color:#AB2F2F;
    color:#FFFFFF;
}
.barYaxis line {
    stroke-width: .3;
    stroke: rgba(0, 0, 0, 1);
}
.barYaxis text {
    fill: #696969;
    font-size: 18px;
}
.barXaxis text {
    fill: #696969;
    font-size: 18px;
}
/*not remove this */
.domain {
    display: none;
}
.dashedLines{
    stroke-dasharray:5,5;
    stroke: #696969;
    stroke-opacity: 0.5; 
    stroke-width:1px;
}
.typeBoxText {
    font: 18px 'AvenirLTStd-Light';
    fill: #4c4c4c;
}    
.typeBox{
    opacity: 1;
    box-shadow: 18px  #888888;
    shape-rendering: crispEdges;        
    fill:#e0e0e0;
    stroke:#999999; 
    stroke-dasharray:5,5;
    stroke-width:1;               
}
.bartooltip {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    background:  white;
    border: 1px;
    align: left;
    box-shadow: -3px 3px 15px #888888;
    color: black;
    font-size:14px;
    margin:0px;
    padding: 8px;
    text-align: center;        
}
#barGraphSlider{
    padding-right: 0px;
}
#barGraph-border{
    border:1px solid #AB2F2F;
}
#barGraph-border .bartooltip{
    position: absolute;
    background-color: #fff;
    min-width: 20px;
}
#barGraph-tinynote{
    margin-top: 20px;
} 

@media(min-width: 750px){
.hidein-lg{ 
    display: none; 
}
}

@media(max-width: 600px){
.barYaxis text{
    font-size: 14px; 
}
}

@media(max-width: 600px){
.barXaxis text{
    font-size: 14px; 
}
}