/* NEXT SCHEME CODES
HEX	RGB	CMYK		
HEX: #d2def9	R: 210	G: 222	B: 249	C: 16	M: 11	Y: 0	K: 2	light
HEX: #a4b9ec	R: 164	G: 185	B: 236	C: 31	M: 22	Y: 0	K: 7	darker
HEX: #7a99e0	R: 122	G: 153	B: 224	C: 46	M: 32	Y: 0	K: 12	darker	
HEX: #5379d3	R: 83	G: 121	B: 211	C: 61	M: 43	Y: 0	K: 17   darkest

Gray # f1f3f3
Bronze Link #71634A

*/
/* ELEMENTS */
body {
    background-color: #ffffff;
    }
iframe {
     border: none;
     width: 950px;
     height: 300px;
    }
input[readonly] {
     background-color: white;
     color: gray;
    }
select {
     appearance: none;
     padding: 0;
     margin: 0;
    }

thead {
     background-color: #eff4ff;
     font-weight: bold;
    }

/* CLASSES */
 .Actioncurr {
     color: black;
     background-color: blue;
    }
 .Actionwait {
     color: gray;
     background-color: red;
    }
.CenterGrid {
     text-align: center;
    }

 .LargeHeader {
     font-weight: bold;
     font: 30px arial, sans-serif;
     text-align: center;
    }
 .visible {
     visibility: visible;
    }
 .hidden {
     visibility: hidden;
    }

 .notes {
     height: 100px;
     width: 400px;
     background-color: white;
     text-align: left;
     vertical-align: top;
}


 .no-spacing {
    border: 0px;
    padding:0; 
    margin:0;
    border-collapse: collapse;
     
}
 .leftboldunderline {
     text-align: left;
     text-decoration:underline;
     font-weight: bold;
}
 .left {
     text-align: left;
}
 .right {
     text-align: right;
}
 .rightboldunderline {
     text-align: right;
     text-decoration:underline;
     font-weight: bold;
}

.cal table {
    width: 100% ;
    /*width: 550px;*/
    background-color: transparent;
    border-collapse: collapse;
    border-spacing:0;
}

.cal td {
    background-color: transparent;
    border-collapse: collapse;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    /*font-size: 14px;*/
}

.dataset {
    Width:100%;
    background-color: #ffffff;
    border-collapse: collapse;
}

.dssmall {
    background-color: #ffffff;
    border-collapse: collapse;
    padding-right:5px; 
}

.dssmall thead td {
    background-color: #d2def9;
    color: #fffff;
    border-collapse: collapse;
    font-weight: bold;
    text-align: left;
    vertical-align:top;
    border: 1px solid #d2def9;
    padding-right:20px; 
    }

.dssmall td {
    padding-right:20px; 
    }

.dataset thead td {
    background-color: #ffffff; /*#d2def9;*/
    color: #fffff;
    border-collapse: collapse;
    font-weight: bold;
    text-align: left;
    border: 1px solid #d2def9;
    padding-right:10px; 
}
    
.dataset td {
    max-width: 300px;
    border: 0px solid #d2def9;
    }
    
.dataset tr:nth-child(odd), .dssmall tr:nth-child(odd){ 
	background-color: #eff4ff;
    color: #fffff;
    border: 1px solid #d2def9;
	}

.dataset tr:nth-child(even), .dssmall tr:nth-child(even){
	background-color: #ffffff;
    color: #fffff;
    border: 1px solid #d2def9;  
    }

.dataset tr:nth-child(odd):hover, .dataset tr:nth-child(even):hover, .dssmall tr:nth-child(odd):hover, .dssmall tr:nth-child(even):hover {
  background-color: #ffff99;
}
/* Removed this section 09/07/2021.  Wasn't sizing correctly
.subset table{
    Width:100%;
    border: none !important;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing:0;
    padding-left:0px; 
    padding-right:0px; 
}
.subset #desc{
    overflow: auto;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing:0;
    padding-left:0px; 
    padding-right:0px; 
}
.subset #notes{
    width: 450px;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing:0;
    padding-left:0px; 
    padding-right:0px; 
}

.subset #worktime{
    width: 50px;        
    background-color: transparent;
    border-collapse: collapse;
    border-spacing:0;
    padding-left:0px; 
    padding-right:0px; 
}
*/
.dsheader {
    Width:100%;
    background-color: #f1f3f3;
    border-collapse: collapse;
}

.dsheader td {
    Width:50px;
    background-color: #f1f3f3;
    border-collapse: collapse;
    border: 0px none #d2def9;
}

.dsheader thead td {
    background-color: #f1f3f3;
    color: #fffff;
    border-collapse: collapse;
    font-weight: bold;
    }

.menu table {
    Width:100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border: 0 px none #000000;
    padding-right:5px; 
}

.menu td {
    background-color: #ffffff;
    border-collapse: collapse;
    border: 0px none #000000;
    padding-left:5px; 
    padding-right:20px; 
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color:  #8eadf1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px 8px;
  transition: 0.3s;
  font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #bbcef7;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #d2def9;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 3px 6px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.wrapper table {
    width:325px;
    height:250px;
    position:fixed;
    background-color: white;
    border: 3px solid #7a99e0; 
    margin-left:-200px; /* half of width */
    margin-top:-200px;  /* half of height */
    padding-left:10px;
    padding-right:10px;     
    top:50%;
    left:50%;
}

.wrapper:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 1px solid #7a99e0; 
  z-index: -1;
}

.wrapper {
  display: table-cell;
  vertical-align: middle;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* BY ID */
/*
#ssdesc {
    width: 400px;
    background-color: transparent;
    color: #fffff;
    border-collapse: collapse;
}
*/