/* STANDARD DEVIATION CHART */
.std-container{
  position:relative;
  width:100%;
  min-width:300px;
  max-width:800px;
  min-height:5em;
  padding-bottom:25%;
  background-color:#f0f0f0;
  overflow:hidden;
  border-width:thin;
  border-radius:.5em;
  border-color:black;
  border-style: solid;
}

.std-range-bar{
  width:100%;
  background-color: rgba(128,0,128,.2);
  /* center vertically */
  margin: auto;
  position: absolute;
  top: 50%;
  bottom:50%;
  border-top:solid;
  border-bottom:solid;
  border-color:rgba(128,0,128,.5);
  border-width:thin;
}

.std-mean-line{
  width:100%;
  position:absolute;
  display:block;
  top:50%;
  bottom:50%;
  height:1px;
  background-color: purple;
}

.std-dot-box{
  display:flex;
  justify-content: space-around;
  position:absolute;
  min-height:100%;
  width:100%;
}

.std-dot-container{
  flex:1;
  position:relative;
  min-height:100%;
}

.std-dot{
  position:absolute;
  margin-left:-4px;
  margin-top:-4px;
  height:8px;
  width:8px;
  background-color:black;
  border-radius: 4px;
  left:50%;
}

.std-dot-vert{
  position: absolute;
  width: 100%;
  line-height: .9em;
  margin-top: 4px;
}

.range-accuracy-bar{
  background: rgb(255,0,0);
  background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(251,255,0,0.5) 35%, rgba(251,255,0,0.5) 40%, rgba(51,148,7,0.5) 45%, rgba(51,148,7,0.5) 55%, rgba(251,255,0,0.5) 60%, rgba(251,255,0,0.5) 65%, rgba(255,0,0,0.5) 100%);
  border-color:black;
  border-width: thin;
  position:absolute;
  top:0;
  right:0;
  width:.5em;
  height:100%;
}

.wp_item_bar{
  overflow:hidden;
  padding:3px;
}
/* .wp_item_blank{
  /* background:var(--wp_item_bar_clr); */
/* } */

.wp_item_name{
  white-space: nowrap;
  /* background:var(--wp_item_bar_clr); */
}

.sch_container{
    position:relative;
    padding-top:1.5em;
    border:solid thin blue;
}

.today_line{
    position:absolute;
    top:0;
    left:8em;
    border-left:solid thin gray;
    z-index:2;
    height:100%;
}

.month_item{
    position:absolute;
    top:0;
    border-left:solid thin rgba(128,128,128,.5);
    height:100%;
}

.sch_head{
    min-width:8em;
    max-width:8em;
    z-index:1;
    margin:2px 0px;
    padding-left:4px;
    flex:0 0 auto;
}

.sch_overall_line{
    position:relative;
    background:rgba(126, 126, 226,.8);
    height:1.5em;
}

.sch_completion_bar{
    position:relative;
    left:0;
    top:0;
    height:.5em;
    transform:translate(0%,-100%);
    background-color:green;
    border:solid thin black;
}

.invoice_row:hover {
    background-color: darkgray;
}

.sort-click:hover {
    background-color: steelblue;
}

.mike-table th, .mike-table td {
    border-style: solid;
    border-color: darkgray;
    border-width: 2px;
    padding: 6px 9px 6px 9px;
}

.mike-table {
    margin: 8px;
}

table.mikes_table td{
    border: solid thin var(--main-font-color);
    padding: 0 1em;
}

table.mikes_table th{
    background-color: grey;
    font-weight: bold;
    color: inherit;
}


/* ----- Mike's Hover Table ----- */
table.hover-table {
    margin: 8px;
    width: 100%;
}

table.hover-table th {
    background-color: grey;
    font-weight: bold;
    color: inherit;
}

table.hover-table th.action-header:hover{
    background-color: steelblue;
    cursor: pointer;
}

table.hover-table td {
    padding: 2px 5px 2px 5px;
}

table.hover-table tr td:not(:first-child):not(:last-child) {
    text-align: center;
}

table.hover-table tr:nth-child(odd) {
    background-color: #2f2e2e;
}

table.hover-table tbody tr:hover{
    background-color: rgb(93, 91, 101);
}

table.hover-table tbody:not(.no-click) tr:hover{
    cursor: pointer;
}

table.hover-table tbody tr.hover-table-selected-row{
    background-color: green;
}

i.hover-table-control:hover {
    background-color: green;
}

/* ----- End Mike's Hover Table ----- */