/* ----- serverlist on the left side */
#selectserver{background: none !important; border: none; }
#selectserver select{background: none !important; border: none; max-height: 50vh; color: #ddd;}

.sidebar-infobox{color:#888; text-align: center;}
.bottom{bottom: 0px; position: absolute;}

/* ----- head area */

#counter{border-bottom: 1px solid #ccc;}
#counter div{background:#17a2b8; height: 5px; transition: width 0.3s ;}


#subnav .nav-link.active{
    background: #e0e8f0;
    border-top: 0px solid; 
}

/* ----- tabbed content */
#cronhistory,#cronlogs,#graph,#overlay{display: none;}
#tabcontent div.active{display: block;}


#errorlog {background:#fcc; color:#800;}

p.hint{margin-bottom: 1em; background:#f8f8f8; padding: 1em; }
div.accessandage{float: left; margin-right: 2em;}

/* ----- override datatable defaults */
.dataTables_wrapper{clear: none;float: left; margin: auto 1px;}
.dataTables_wrapper input[type="search"]{ border: 1px solid rgba(0,0,0,0.3); border-radius: 0.2em;;}
/* 
table.dataTable tbody tr.even_{background: #f0f4f8;}
table.dataTable tbody tr.odd{} 
*/
table.dataTable{margin: 0; width: auto; border-spacing: 1px;}
table.dataTable tbody td{padding: 3px;}

.message{border: 1px solid rgba(0,0,0,0.1); padding: 1em; float: right;}
table.dataTable tbody tr.message-ok,      .message-ok{background:#cfc; color:#080 !important;}
table.dataTable tbody tr.message-error,   .message-error{background:#fdd; color:#800 !important;}
table.dataTable tbody tr.message-running, .message-running{background:#f4e0f4; color:#808 !important;}
table.dataTable tbody tr.message-warning, .message-warning{background:#fec; color:#876 !important;}
table.dataTable tbody tr:hover{background:rgba(0,0,0,0.1);}

table.dataTable tbody td ul{margin: 0; padding-left: 0.8em;}


/* ----- timeline */
.vis-item.timeline-result-error{background:#fcc; border-color: #800}
.vis-item.timeline-result-ok{background:#cfc;border-color: #080}

    /* see http://visjs.org/docs/timeline/#Templates */

  alternating column backgrounds
  .vis-time-axis .vis-odd {
    background: #fff;
  }
  .vis-time-axis .vis-even {
    background: #f0f4f8;
  }
  .vis-time-axis .vis-grid.vis-saturday,
  .vis-time-axis .vis-grid.vis-sunday
  {
    border-bottom: 4px solid #abc;
  }

/* ----- overlay */

#overlay{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top:0; left: 0; z-index: 10000;}
#showlog{background:#fff; border: 3px solid #888; padding: 1em; margin: 2%; height: 90%; overflow: scroll;}

.log-rem{color:#aaa; font-style: italic;}
.log-var{color:#088;}
.log-value{color:#008;}
pre div:hover{background:rgba(0,0,0,0.1);}