h1, h2, h3, h4, h5, h6, th, td, svg, input {
    font-family: 'BentonSansRegular';
}
p, div {
    font-family: 'BentonSansRegular';
}

        body {
         /*    overflow-y: scroll; */
             font-family: 'BentonSansRegular';
        }
        body {
            overflow-y: scroll;
        }        
        .counties {
            fill: none;
        }        
        .states {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }        
        .regions {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }        
        div.tooltip {
            position: absolute;
            text-align: center;
            padding: 2px;
            background: #ffffff;
            border: 1px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            opacity: 0.0;
        }        
        div.box {
            position: absolute;
            text-align: center;
            width: 500px;
            height: 400px;
            padding: 2px;
            background: #ffffff;
            border: 10px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            border-color: red;
            opacity: 0.0;
        }
        
        #slider {
            background-color: white;
            color: white;
        }
        
        .tick {
            color: gray;
        }
        
        .tick text {
            fill: black;
        }
        
        #legend {
            font-size: 12px;
            width: 300px;
            height: 250px;
        }
        
        .legend-text {
            font-size: 12px;
            font-weight: bold;
            text-anchor: middle;
        }
        
        #barchart {
            font-size: 12px;
            width: 300px;
            height: 310px;
            /*overflow-y:scroll;*/
        }
        
        .sub-area {
            background-color: black;
            color: white;
            width: 150px;
            padding: 3px;
        }
        
        .control-set {
            background-color: #f0f0f0;
            padding-bottom: 20px;
        }
        
        .legend-set {
            background-color: #f0f0f0;
        }
        
        .question {
            background-color: black;
            color: white;
            padding-bottom: 20px;
            font-size: larger;
        }
        
        .d3-slider-axis {
            margin-left: -50px;
        }
        
        .overlay {
            opacity: 0.8;
            background-color: #ccc;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 1000;
        }
        
        .linechart {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
        }
        
        .axis path,
        .axis line {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
            fill: none;
            stroke: grey;
            stroke-width: 1;
            shape-rendering: crispEdges;
        }        
        a {
            display: block;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            /* Non standard for webkit */
            word-break: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
        }
        
        #questions {
            /*width: 300px;*/
        }
        
        .dropdown-menu li a {
            white-space: normal;
        }
        
        #social-links {
            position: relative;
            float: right;
            padding-left: 250px;
        }
        
        .boxshadow {
            -moz-box-shadow: 3px 3px 5px #535353;
            -webkit-box-shadow: 3px 3px 5px #535353;
            box-shadow: 3px 3px 5px #535353;
        }
        
        .roundbox {
            -moz-border-radius: 6px 6px 6px 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px 6px 6px 6px;
        }
        
        .modal-body {
            height: 320px;
        }
        
        .draggable {
            /*background-color:yellow;*/
        }
        
        .grpl {
            background-color: lightgrey;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .grpd {
            background-color: silver;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .spc {
            margin: 0px;
            padding: 0px;
            border: 0px;
            height: 0px;
        }
        
        .row {
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        
        .section{
            padding:5px;
        }


               
        .rect-block label {
            font-size:12px;
                color: #AAA;
                    padding-left: 5px;
        }
        .rect-block label input[type=radio]:checked ~  .rect-block label {
            background-color:red;

        } 
         .rect-block label input[type=radio]
         {            
             margin-top:0px;
         }  
         .rect-block input[type=radio]:checked + label{ 
                 color:#555 !important;
                  font-size:13px;
                     
        }   
        .rect-block input[type=radio]:checked {
            background-color: rgba(16,108,200,0.87);
        }
 
 input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #990000;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #FFF;
    border: 3px solid #FFF;
    box-shadow: 0 0 2px #555;
}
.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select:after {
    content: "\25bc";
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    padding: 2px 5px;
    color: #990000;
    pointer-events: none;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}