@charset "UTF-8";

  html,body { margin:0, padding:0; border:0; }
  body { font-family:arial,sans serif; font-size:10pt; background-color:#daded0; width:99vw; height:90vh; }
  h1 { font-family:arial,sans serif; font-size:18pt; }
  ul { list-style-image: url('bullet.gif'); }
  .list table { border-collapse:collapse; border:1px solid #cccccc; }
  .list th, td { text-align:left; height:50px, vertical-align:center; padding:2px 5px 2px 5px; border:none; border-bottom: 0px solid #eeeeee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100px; }
  .list tr { background:#f2f5ee }
  .list tr:nth-child(even) { background:#daded0 }
  .list tr:hover { background:#ffffff; }
  .list th { background-color: #233e48; color: white; }
  .filter { width:100%; font-size:9pt; }
  input[type=checkbox] { float:left; width:2em; }
  input:focus { background-color:#ccc; }
  textarea { width:100%; height:50px;}
  
  .entry { float:left; width:185px; }
  .side_by_side { width:100%; height:100%; display:block; }
  .details { float:left; width:47%; padding-right:2%; border-style: double; }
  .solver { float:left; }
  .list{ float:left; width:46%; height:100%; overflow-y:scroll; border-style: double; margin-left: 2%}
  .add_button input { cursor:pointer; height:40px; padding:0 1em 0 1em; margin:10px; font-weight:bold;}
  .buttons input { height:30px; padding:0 1em 0 1em; margin:10px; }
  .buttons input:disabled, div.buttons input[disabled] { cursor:pointer; height:30px; padding:0 1em 0 1em; margin:10px; color:Gray; }
  .table_popup { display:none; background-color:#daded0; position:fixed; width:100px; border: 3px solid #233e48; }
  .table_popup button { width:100%; text-align:right; }

  fieldset { width:98%; margin:0 0 0.5em 0; padding:1em 1em 0.5em 1em; } 
  fieldset.user { background-color:#f2f5ee; }
  fieldset.user { display:block; }
  fieldset.user div#check { margin-top:1.5em; }
  fieldset.user label { display:block; font-size:85%; font-weight:bold; }
  fieldset.user input { display:block; width:8em; }
  fieldset.user input[type=checkbox] { float:left; width:2em; }
  fieldset.multichoice { background-color:#f2f5ee; }
  fieldset.description { background-color:#f2f5ee; }
  fieldset.solver { background-color:#f2f5ee; } 
  fieldset.theme { background-color:#f2f5ee; }
  fieldset.theme label { float:left; font-size:85%; font-weight:bold; }
  fieldset.theme multichoice { float:left; background-color:#f2f5ee; }
  fieldset.theme input { display:block; width: 8em; }
      
  .dashboard_header { float: left; border-style: double; width: 96.7%; height: 60px; }
  .dashboard_cell { float: left; border-style: double; width: 30%; height: 42%; padding: 1%; }
  .gauge_cell { display: inline-block; width: 49%; background-color: #daded0; }
  .gauge_cell td { max-width: 100%; }
  svg:first-child > g > text[text-anchor~=middle] { font-size:14; }