.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

path.area {
    fill: #E39300;
    stroke: none;
    fill-opacity: .6;
}

path.area {
    fill: #E39300;
    stroke: none;
    fill-opacity: .6;
}

path.line {
    fill: #E39300;
    stroke: none;
    fill-opacity: .6;
}


text.y-axis-label.y-label {
    color: #07948F;
    fill: #07948F;
    font-size: .85em;
    font-weight: 200;
}

.y-axis-label.ylabel {
    font-size: .85em;
    font-weight: bold;
}

.y.axis .ylabel {
    font-size: .85em;
    font-weight: 500;
}

.axis .ylabeltext {
    font-weight: 500;
}

.axis path,
.axis line {
    fill: none;
    shape-rendering: crispEdges;
}

.domain {
    stroke: none !important;
}

.axis.axis--x .tick line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    stroke-opacity: .17;
}

.axis.axis--y .tick line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    stroke-opacity: .17;
}

.toptext {
    width: 100%;
    color: #8a8a8a;
    font-size: .85em;
    position: relative;
    font-weight: 200;
    padding-bottom: .5em;
    padding-right: .5em;
}

.axis line {
    shape-rendering: crispEdges;
}

.legtext {
    letter-spacing: .03em;
}

.rowlabels {
    letter-spacing: .017em;
    font-size: 13px;
}

.rowtotals {
    font-size: 12.5px;
}

.y.axis .ylabel {
    font-weight: 400;
}

.x.axis .xlabel {
    font-weight: 400;
    font-size: .85em;
    color: #313131;
    fill: #313131;
    font-style: italic;
}

.axis--x .xlabel {
    font-weight: 400;
    fill: #313131;
    font-style: italic;
    font-size: 1.3em;

}

.axis--x .bar_xlabel {
    font-weight: 400;
    fill: #313131;
    font-style: italic;
    font-size: 1.2em;

}

/*these are hidden- make bigger so they're more grabbable*/
.custom-control-input {
    left: -.6rem;
    width: 2rem;
    height: 2rem;
}

.tooltip {
    font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, sans-serif;
    background: #fff;
    padding: .4em;
    font-size: .86em;
    border: 1px solid #999;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(39, 39, 39, 0.14);
    box-shadow: 5px 5px 20px 0px rgba(39, 39, 39, 0.14);
    pointer-events: none;
    letter-spacing: .03em;
    font-weight: 600;
}

.tiplabel {
    font-size: .9em;
    font-weight: 300;
    color: #6f6f6f;
}

.caps {
    text-transform: uppercase;
}

.tooltip i {
    font-weight: 600;
}

.tipdenom {
    font-weight: 400;
    font-style: italic;
}

svg.chart {
    float: left;
    clear: both;
}

/*new for bootstrap version*/
.custom-control-input {
    z-index: 55;
}

/*map styles*/
.statepath {
    fill: #dfe6ed;
    stroke: #fff;
}

.statepath.fullreporterstate {
    fill: #284152;
    -webkit-transition: fill 500ms ease-out;
    transition: fill 500ms ease-out;
}

.statepath.fullreporterstate:hover,
.statepath.fullreporterstate.active:hover {
    fill: #E39300;
    fill: #ff5e50;
}

.statepath.fullreporterstate.active {
    fill: #E39300;
    fill: #f48488;
}

/*waypoints test*/
.scrolled {
    background: red;
    border: 3px solid purple;
}

.legendholder {
    float: left;
    clear: both;
}

.switcherholder {
    float: left;
    clear: both;
    padding-top: 1em;
}

.switchinstruct {
    float: left;
    clear: right;
    display: block;
    width: 100%;
    padding-bottom: .65em;
}

.switchbuttons {
    width: 100%;
}

.switcher {
    text-transform: uppercase;
    font-size: .85em;
    float: left;
    border: 1px solid #ccc;
    padding: 3px 7px;
    margin-right: 1em;
    -webkit-transition: 800ms all;
    transition: 800ms all;
    letter-spacing: .02em;
    background: #e2e2e2;
    margin-bottom: .5em;
}

.switcher.reset {
    text-transform: none;
    font-size: .85em;
    float: left;
    border: 1px solid #ccc;
    padding: 5px 7px;
    margin-right: 1.5em;
    -webkit-transition: 800ms all;
    transition: 800ms all;
}

.switcher:hover {
    background: #ff5e50;
}

.switcher.selected {
    background: #f48488;
}

.switcher.selected.reset {
    background: #e2e2e2;
}

.reporttimealert {
    padding: 2.5em .7em .7em .7em;
    margin-left: 170px;
    width: 60%;
}

/*test hide of switchers on sex specific charts*/
#age_pctofmaleRSA_chart .thirdkeyswitcher {
    display: none;
}

#age_pctoffemaleRSA_chart .thirdkeyswitcher {
    display: none;
}

/*better visibility expander sex-specific charts*/
#offendersexextra {
    margin-top: -3em;
}

#offendersexextra .legendholder {
    margin-bottom: .5em;
}

/*for circle scales*/
.circlescaleentry circle {
    fill: #cdcdcd;
}

.circlescaleentry text {
    font-size: 12px;
}

/*
 
*/

span.scalecircle{
    font-style: italic;
    font-size: 0.83em;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #313131;
}  

.circlescalekey line {
    stroke-width: .5;
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    stroke-opacity: .17;
}

.radiorow {
    font-size: .8em;
}

.rowlabels tspan.bullet {
    font-size: 8px;
}