body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

.bg-green { background:#68b142; }
.bg-green2 { background:#80cbc4; }
/*.bg-lightblue { background:#66bdddd1; }*/
.bg-lightblue { background:#7bcbea; }
.bg-lightgrey { background:#f2f2f2; }
.bg-darkgrey { background:#b1b1b1; }
.bg-grey { background:#ccc; }
.bold { font-weight: 600; }

.border-lightblue { border:1px solid #66bddd; }
.border-dt { border-style:dotted; }
.border-3 { border-width:3px; } .border-4 { border-width:4px; } .border-5 { border-width:5px; }
.bt-1 { border-top:1px solid #ccc; }

#header img.logo { max-height: 48px; }
#header img.logo-nm { max-height: 48px; }
#footer .flex-end { display: flex; align-items: flex-end; }
#footer img.logo-nm { max-height: 40px; margin-left: auto; }

.daterange { cursor: pointer; }

.graph_container { width:100%; }
.graph_container svg { width: 100%; height: 100%; }

form { display: inline-block; }

.section-header { border-radius: .25rem; }

#timeline .row.graph .graph_container { height:180px;}
#timeline .row.graph .title { color:#adadad; }

.container .row.title { padding: 10px; }
.container .row.graph { padding: 10px; }

#progress .row.graph .col:first-of-type .compare-box { margin: 0 0 0 50px; }
#progress .row.graph .col:last-of-type .compare-box { margin: 0 50px 0 0; }
#progress .compare-box .title { text-decoration:underline; }
#progress .date_selection,
#progress .date_selection_compare { font-weight:bold; border-bottom:1px solid #000; }

#current .row.graph .graph_container { height:280px;}
#current svg .bar { fill: #b1b1b1; }
/*#current svg .axisX text { fill: #adadad; }*/

#compare .row.graph .graph_container { height:130px;}
#compare svg .bar { fill: #f2f2f2; }
/*#compare svg .axisX text { fill: #adadad; }*/

#compare .row.graph .col .compare-box { margin: 0 10px; }

svg text.label { font-size:12px; font-weight:bold; }

.table-selector { display: flex; }
.table-selector .dim-select,.table-selector .columns-select,.table-selector .options-select { margin-right: 10px; }
.table-selector .dim-select select, .table-selector .dim-select input { width:100px; }

.table-selector select {
    border: 1px solid #000;
    background: #7bcbea;
    border-radius: .25rem;
    max-width: 50px;
}
.table-selector input {
    border: 1px solid #000;
    background: #7bcbea;
    border-radius: .25rem;
    max-width: 50px;
}
.table-selector button.multiselect {
    border: 1px solid #000;
    background-color: #7bcbea;
}

.custom-select {
    height: auto;
    padding: .1rem 1.75rem 0 .75rem
}

table { width: 100%; border-collapse: collapse; padding:0; margin:0; }
.table thead th,
.table td { border:0; padding: 0.3rem; border-bottom: 1px dotted #ccc; text-align: right; }
.table thead th:last-of-type,
.table td:last-of-type { border-right:0; }
.table tr:last-of-type td { border-bottom:0; }
.table table thead {  }
.table theadth.des:after { content: "\21E9"; }
.table theadth.aes:after { content: "\21E7"; }
.table tbody tr.selected { background-color:#e1f7ff; }
.table tr.total td { font-style:italic;color:#a2a2a2; }
.table tr td.red { color:red; }
.table tr td.green { color:green; }

.custom-select { font-size: 12px; line-height: inherit; }
.dropdown-item.multiselect-all,
.multiselect-option.dropdown-item { font-size: 12px; }