/***********************************/
/* BEGIN DATA CENTER TABLES STYLES */

@charset "UTF-8";
/*	CSS Document */

/* some possibly temporary styles targeted at the charts, since they contain inline styles that violate our CSP */
#chart_display .highcharts-title {font-family: var(--il-font-source-sans) !important;}
#chart_display .highcharts-axis-labels {font-family: var(--il-font-source-sans) !important;}
#chart_display .highcharts-xaxis-labels {font-family: var(--il-font-source-sans) !important;}
#chart_display .highcharts-yaxis-labels {font-family: var(--il-font-source-sans) !important;}
#chart_display .highcharts-legend-item > span {font-family: var(--il-font-source-sans) !important;}
#chart_display .highcharts-label {font-family: var(--il-font-source-sans) !important;}

#octool p {margin-bottom: 1.2em;}

/* STYLES BELOW FOR DATA TABLES -- STYLES ABOVE FOR EVERYTHING ELSE */
#octool table {
    border-style:solid;
    border-width:thin;
    border-collapse: separate;
    border-spacing: .01em .01em .01em .01em;
    border: 0 solid #000000;
    margin: 0 auto;
    padding-bottom: .5em;
    padding-top: .2em;
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
}

#octool td {
     padding:.3em;
     background-color: var(--il-storm-lighter-4);
}

#octool th {
     padding:.3em;
     color: #FFFFFF;
     background-color:var(--il-blue-lighter-4);
     font-weight: normal;
}

.ttl {
     font-size: 1.4em;
     width: 25%;
}

#octool tr.allrow td{
     font-weight: bold;
}

#octool tr.headz td{
     background-color: var(--il-blue-lighter-4);
}

#octool td.sidez{
     background-color: var(--il-blue-lighter-4);
}







/* width-only classes for various tables and cells */
.w_3{width:3%;}
.w_5{width:5%;}
.w_6{width:6%;}
.w_7{width:7%;}
.w_8{width:8%;}
.w_9{width:9%;}
.w_10{width:10%;}
.w_12{width:12%;}
.w_13{width:13%;}
.w_14{width:14%;}
.w_15{width:15%;}
.w_16{width:16%;}
.w_17{width:17%;}
.w_18{width:18%;}
.w_19{width:19%;}
.w_20{width:20%;}
.w_22{width:22%;}
.w_25{width:25%;}
.w_27{width:27%;}
.w_28{width:28%;}
.w_30{width:30%;}
.w_35{width:35%;}
.w_40{width:40%;}
.w_50{width:50%;}
.w_60{width:60%;}
.w_70{width:70%;}
.w_72{width:72%;}
.w_80{width:80%;}
.w_85{width:85%;}
.w_90{width:90%;}
.w_95{width:95%;}

.county-drop-wrap {
   height: auto;
   max-height: 15em;
   overflow-x: hidden;
}

/* dropdown menu for counties should be smaller and scrollable... */
#county-drop {
    max-height: 280px;
    overflow-y: auto;
}

/***********************************/
/* END DATA CENTER TABLES STYLES */




/***********************************/
/* BEGIN DATA CENTER CHARTS STYLES */
#fakebox{visibility: hidden;}
/* directions and data notes */
.metmo{font-size: .9em;}
g {stroke-width: 5.5 !important;}
#csvgroot .c_map {stroke-width: 40 !important;}
/***********************************/
/* END DATA CENTER CHARTS STYLES */



/***********************************/
/* BEGIN DATA CENTER LOGIN STYLES */

.ag_wrap p {
     margin-bottom: 0;
     margin-top: 1em;
     margin-left: .3em;
     font-size: .9em;
     font-style: italic;
     min-height: 3em;
     line-height: 1em;
     text-align: center;
}

#ag_pword_rules {
     line-height: 1.3em;
}

#ag_inout_div {
     font-size: .5em;    /* remember this is relative to the parent div... */
     margin-right:.5em;
     padding-top:0;
     padding-bottom:0;

}

#ag_logo_wrap {
     display: inline-block;
     line-height: 1em;
     vertical-align: middle;
}





/***********************************/
/* END DATA CENTER LOGIN STYLES */



#ihead{
     margin-top:1em;
     margin-bottom:1em;
     padding-top:.7em;
     padding-bottom:.7em;
     text-align: center;
}

.areadrops {
    background-clip: padding-box;
    background-color: #fff;
    color: #F0632F;
    font-size: 14px;
    font-family: Source Sans Pro;
    text-align:left;

}

.asterisk{
     font-size: 20px;
     cursor: pointer;
}