.overflow {
 height:300px;
}

.colorboxDivClass {
 padding:20px;
}

body {
font-family: "Trebuchet MS", Helvetica, sans-serif;
color:#000000;
text-align:left;
font-size:14px;
}

tr.smarttablerow {
margin:0;
padding:0;
border-width:1px 1px 0 0;
border-color:grey;
border-style:solid;
}

td.smarttablecell {
margin:0;
padding:0;
border-width:1px 1px 0 0;
border-color:grey;
border-style:solid;
}

tr.table_active {
margin:0;
padding:0;
border-width:1px 1px 0 0;
border-color:grey;
border-style:solid;
background-color:white;
font-style:normal;
font-size:11px;
text-align:left;
}

tr.table_closed {
margin:0;
padding:0;
border-width:1px 1px 0 0;
border-color:grey;
border-style:solid;
background-color:gainsboro;
font-style:italic;
font-size:11px;
text-align:left;
}

tr.smarttableheadrow {
background-color:lavenderblush;
border-color:grey;
border-style:solid;
border-width:1px 1px 0 0;
border-spacing:0;
border-collapse:collapse;
font-size:13px;
text-align:center;
}

thead.smarttableheadrow {
background-color:lavenderblush;
border-color:grey;
border-style:solid;
border-width:1px 1px 0 0;
border-spacing:0;
border-collapse:collapse;
font-size:13px;
text-align:center;
}

.smarttable {
border-color:grey;
border-style:solid;
border-width: 0 0 1px 1px;
border-spacing:0;
border-collapse:collapse;
text-align:center;
}

h1 {
font-family: "Trebuchet MS"; Helvetica; sans-serif;
font-size: 24px;
font-weight: normal;
text-align: center;
line-height: 1.0;
}

h2 {
font-family: "Trebuchet MS"; Helvetica; sans-serif;
font-size: 16px;
font-weight: bold;
color: #0000CC;
text-align: left;
line-height: 1.0;
}

.daterowclass {
 width:20px;
 border:black solid 1px;
}

.datered {
 color:red;
 background-color:mistyrose;
} 

.dateblack {
 color:black;
}

.datestart {
 border-left-width:2px;
}

.bstyle {
 border: black solid 1px;
}

.tbl_clickable {
 cursor:pointer;
}

.upbtn {
 font-size:10px;
}

.delbtn {
 font-size:10px;
}

.adjustpost {
 color:blue;
 font-size:9px;
 text-decoration:underline;
}

.w100 {
 width:100px;
}

  .ui-effects-transfer {
    border: 1px dotted green;
  }

.phelp {
 cursor:help;
}

.calendarcell {
 height:50px;
 text-align:left;
 vertical-align:top;
 font-size:12px; 
}

.caldaydiv {
 background-color:powderblue;
 width:15px;
 text-align:center;
}

.caldayweekenddiv {
 background-color:lightpink;
 width:15px;
 text-align:center;
}

.countSpaceClass {
 float:left;width:48%;margin-left:3px;
 border:1px dotted grey;
 background-color:lightgreen;opacity:0.8;
 text-align:center;
 font-size:12px;
}

.countFullClass {
 float:left;width:48%;margin-left:3px;
 border:1px dotted grey;
 background-color:mistyrose;opacity:0.8;
 text-align:center;
 font-size:12px;
}

.juniorCountSpaceClass {
 position:relative;bottom:4px;margin-left:4px;width:80%;
 border:1px dotted grey;
 background-color:lightgreen;opacity:0.8;
 color:black;
 text-align:center;
 font-size:12px;
}

.juniorCountFullClass {
 position:relative;bottom:4px;margin-left:4px;width:80%;
 border:1px dotted grey;
 background-color:mistyrose;opacity:0.8;
 color:black;
 text-align:center;
 font-size:12px;
}

.reserveFullClass {
float:left;width:37%;
font-size:12px;opacity:0.8;
text-align:center;border:1px royalblue dotted;
background-color:sandybrown;

}

.reserveSpaceClass {
float:left;width:37%;
font-size:12px;opacity:0.8;
text-align:center;border:1px royalblue dotted;
background-color:skyblue;
}

.masterCountClass {
position:relative;
bottom:8px;width:95%;
color:black;
text-align:center;
}

.leaveWeekday {
 margin-top:2px;margin-left:2px;
 color:black;
 background-color:powderblue;
 width:15px;
 text-align:center;
}

.leaveWeekend {
 margin-top:2px;margin-left:2px;
 color:black;
 background-color:lightpink;
 width:15px;
 text-align:center;
}

.leaveNameClass {
position:relative;left:22px;bottom:12px;width:42%;height:20px;
font-size:14px;
text-align:center;
}

.calAPdiv {
 background-color:azure;
 width:12px;
 text-align:center;
}

.calAPoutdiv {
 height:49%;
 width:49%;
 float:left;
}

.chosen-container .chosen-choices .search-field:only-child;
.chosen-container .chosen-choices .search-field:only-child input {
    width: 100% !important;
}

/*microroster*/
.allCells {
 font-size:12px;
 text-align:center;
}
.weekendDay {
 background-color:mistyrose;
}
.halfRequest {
 background-color:palegreen;
}
.nightRequest {
 background-color:olive;
 color:white;
}
.noCallRequest {
 background-color:peachpuff;
}
.outOthers {
 background-color:orange;
}
.outMICU {
 background-color:deepskyblue;
}
.invalidPosting {
 background-color:dimgray;
}
.nightOn {
 background-color:blue;
 color:white;
 text-align:center;
}
.nightRest {
 background-color:lightsteelblue;
 color:white;
 text-align:center;
}
.halfOn {
 background-color:slateblue;
 color:white;
 text-align:center;
}
.callMICU {
 background-color:darkorchid;
 color:white;
 text-align:center;
}
.callED {
 background:linear-gradient(45deg;mistyrose;darkorchid);
 color:white;
 text-align:center;
}

.callFull {
 background-color:LightSkyBlue;
 color:black;
 text-align:center;
}
.callVoid {
 background-color:red;
 color:white;
 text-align:center;
}
.courseVoid {
 background-color:orangered;
 color:white;
 text-align:center;
}
.callStandby {
 background-color:hotpink;
 color:white;
 text-align:center;
}
.manpowerTallyRow {
 background-color:seagreen;
 color:white;
}

.leaveApproved {
 background-color:green;
 color:white;
}

.leavePending {
 background-color:yellow;
 color:black;
}

.goodClass {
color:#006100 !important;
background-color:#C6EFCE !important;
}

.neutralClass {
color:#9C6500 !important;
background-color:#FFEB9C !important;
}

.badClass {
color:#9C0006 !important;
background-color:#FFC7CE !important;
}

.pendingClass {
color:#000080 !important;
background-color:#87CEEB !important;
}

.calendarcellMobile {
 height:100%;
 text-align:left;
 vertical-align:top;
 font-size:2.0vh;
}

.leaveWeekdayMobile {
 position:relative;
 margin-top:5px;
 margin-left:5px;
 color:black;
 background-color:powderblue;
 width:40px;
 text-align:center;
}

.leaveWeekendMobile {
 position:relative;
 margin-top:5px;
 margin-left:5px;
 color:black;
 background-color:lightpink;
 width:40px;
 text-align:center;
}

.leaveNameClassMobile {
 position:relative;
 font-size:2.8vh;
 bottom:25%;
 left:42%;
 width:49%;
 height:49%;
 text-align:center;
}


.juniorCountSpaceClassMobile {
 position:relative;
 margin-left:11px;
 bottom:15%;
 width:80%;
 border:1px dotted grey;
 background-color:lightgreen;
 opacity:0.8;
 text-align:center;
}

.juniorCountFullClassMobile {
 position:relative;
 margin-left:11px;
 bottom:15%;
 width:80%;
 border:1px dotted grey;
 background-color:mistyrose;
 opacity:0.8;
 text-align:center;
}