div.content_wide {width:96%; overflow: hidden;}
div#reports_top_ui {padding:3px; padding-left: 30%; margin: 30px auto 5px auto; overflow:hidden;}
div#range {float:left;}
div#range table {margin: 0px; padding: 0px; border-collapse: collapse;}
h3 {padding: 0px 10px;}
input.date {width:80px;}
#button_generate_report {float: left; margin: -1px 15px 0px 3px;}
div#unit {font-size: 8pt; margin: 5px 0; text-align: center;}
div#unit .ss-radio {margin:2px 8px 4px;padding-left: 21px;}
div#unit .ss-radio .checkmark {top:-2px}
input#week, input#month, input#date {margin-left: 8px;}
div#show_table {float:left;}
div#show_table td:first-child {vertical-align: middle;}
div#reports_left_ui {clear:both; float: left; width:20%; min-height: 600px; background-color: #FFFFFF; border: 10px solid #FFFFFF;}
form#reports_form, form#selected_form {margin: 0px; padding: 0px;}
div#reports_left_ui > h3 {text-align:left; display: none;}
div#chart-container {float: left; width:70%; height: 600px;}
ul#per {padding: 0px; margin: 0px;}
ul#per > li {cursor: pointer; width: 160px; padding: 4px 0px; text-indent: 6px;}
ul#per > li:hover {text-decoration: underline;}
ul#per > li.current_per {color: black; cursor: default; background-color: #F5F5F5; width: 100%;}
ul#per > li.current_per:hover {text-decoration: none;}
div#reports {padding-left: 30px; display: block; background-color: #F5F5F5; margin: 0px;}
div#reports h3, div#selectors h3 {font-size: 8pt; font-weight: normal; margin-left: 2px; text-decoration: underline; background-color: #F5F5F5;}
div#reports table {text-align:left; margin: 0px; padding: 0px;}
div#reports td {font-size: 8pt; margin: 0px; padding: 0px;}
div#selectors {padding-left: 30px; text-align:left; font-size: 8pt; padding-top: 3px; padding-bottom: 3px; background-color: #F5F5F5;}
div#selectors p {margin: 0px; padding: 0px;}
div#selectors input {font-size: 8pt;}
div#selector_inv_wrap #selected_form {margin-top: 20px;}
.selector_inv_chk {margin-left: 21px;}
div#matches {position:relative; z-index: 10; top: -1px; margin-right: 20px;}
ul#matches_list {list-style-type: none; margin: 0px; padding: 0px; border: 1px solid #E5E5E5;}
div#selectors p#no_results {margin-right: 20px; border: 1px solid #E5E5E5; background-color: white; padding: 2px;}
ul#matches_list li {margin: 0px; background-color: white; padding: 2px; cursor: pointer;}
ul#matches_list li:hover {text-decoration: underline;}
ul#selected {padding: 0px; margin: 0px; margin-left: 21px;}
.selected_input {margin-left: 0px;}
#switchback_form {margin-top: 20px; vertical-align: bottom; text-align: right;}
#table-container {margin: 5px; width: 70%; clear: both; overflow: auto;}
h1.table_header {text-align:center; display: block; margin: 2px auto 5px auto; font-family: 'Open Sans', sans-serif; font-size: 18pt; font-weight: normal;}
div#group_table, div#indexed_only {text-align:center; margin-top: -7px; margin-bottom: 10px;}
#table-container h3 {text-align:center; display: block; margin: 10px auto 1px auto;}
#table-container table { border: 0px; border-collapse: collapse; width: 99%;}
#table-container table th {background-color: #F5F5F5; font-weight: normal; padding: 6px 15px; text-align: center;}
#table-container table td {background-color: #FFFFFF; border: 1px solid #F4F6F7; text-align: center; padding: 3px 2px;}
#reports_link {margin-top: 20px; padding: 3px;}
#reports_link p {margin: 0px; font-weight: bold; padding: 10px 0px;}
#configure_popup {width:30px;height:30px;display: block; float: right; cursor: pointer; margin-right: 30px; padding:6px;vertical-align:middle;text-align:center;font-size:xx-large;color:white;}
#configure_popup::before {padding:0;font-size:xx-large;color:white;vertical-align:0.1em;text-align:center;content:"\f3e2";font-family:bootstrap-icons !important;}
#excel_export {display: block; cursor: pointer; margin-right: 10px;}
#popup {display: none; text-align: left; padding: 20px; border: 3px solid #E5E5E5; background-color: white;}
#date_format p {font-size: 8pt; margin: 0px; padding: 0px;}
#popup div, #popup h1 {margin-bottom: 10px;}
#button_block a.fit {width:auto;padding:6px 10px;margin-right:15px;}

@media screen {
  body.dark div#reports {background-color:rgba(120,120,120,0.3)}
  body.dark div#reports_left_ui {background-color:rgba(120,120,120,0.3);border:10px solid rgba(20,20,20,0.4);}
  body.dark div#reports h3, body.dark div#selectors h3 {background-color:rgba(120,120,120,0.8)}
  body.dark div#selectors, body.dark ul#per > li.current_per {color:white;background-color:rgba(120,120,120,0.3)}
  body.dark div#selectors p#no_results {background-color:rgba(120,120,120,0.4);}
  body.dark ul#matches_list li {background-color:#202020;}
  body.dark #popup {background-color:#303030;}
  body.dark #table-container table th {background-color:rgba(100,100,100,0.6);}
  body.dark #table-container table td {background-color:rgba(100,100,100,0.3);border-color:#6b8694;}
}