body {background-color: #EEE;}
#lgMenuDiv {opacity: 1;background-color:white;}
.nav-tabs .nav-item .nav-link{
  color: black;
  background: #D3D3D3;
  height: 1.5rem;
  font-size: .75rem;
  font-weight: bold;
  padding: .25rem;
  border-right: .1rem solid white;
  white-space: nowrap;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: white;
  border-bottom: 2px solid white;
  height: 1.5rem;
  font-size: .75rem;
  padding: .25rem;
  white-space: nowrap;
}
.dropdown-submenu {
  position: relative;
}
.blackframe {border: solid #000000 1px}
.blackframe2  {border: solid #000000 2px}
.dropdown-submenu>a:after {
  content: "\f0da";
  float: right;
  border: none;
  font-family: 'FontAwesome';
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
  white-space: nowrap;
}
.swOrderUL {
      margin:auto;
      padding:0;
      width: 20em;
  }
.swOrderUL li {
    cursor:move;
   display:block;
   padding:5px 10px;
   background:silver;
   border-bottom:solid 1px white;
   text-align:center;
   white-space: nowrap;
  }
ul.none {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.colArrowImg  {vertical-align:middle;cursor: pointer; cursor: hand;opacity:.0;filter:alpha(opacity=0);}
.btnNoStyle {font-size: 100%;font-family: inherit; border:0; padding:0;background-color: inherit;}
.helpHdr {text-align:center;font-size:medium;font-weight:bold;}
.helpP {text-align:left;font-size:small;font-weight:bold;}
.helpPHdr {text-align:left;font-size:small;font-weight:bold;text-decoration:underline;}
.helpLink {text-align:center;font-size:small;font-weight:bold;text-decoration:underline;cursor:pointer;cursor:hand;color:#660066;}
.imptblk    {font-weight:bolder; color:#000000; font-size:1.1em}
.tab1 {font-size:medium; font-family:sans-serif;}
.cal  {font-size:medium; font-family:sans-serif;}
.input-group {margin:1em 0;}
.availU {background-color: #BBB;}
.availO {background-color: #F33;}
.availY {background-color: #FF6;}
.availA {background-color: #8F8;}
.availP {background-color: pink;}
.swatch {width:2em;height:2em;}
.selSwatch {border:2px solid black;}
.em15 {font-size:1.5em;}
.nowrap {white-space: nowrap;}
.dpCur  {background-color:yellow;}
.dpC  {color:black;border: solid #999999 1px;cursor: pointer; cursor: hand;}
.dpC:hover {color:red;}
.dpNC {color:white;border: solid #999999 1px;}
.dpB  {border: solid #999999 1px;}
.dragBar {cursor: move;}
#datepicker tr:nth-child(2) th {border: solid #999 1px;color: #FFF;background-color: #000;}
#datepicker tr:first-child th {border-bottom: solid #999 1px;}
#dpTab {margin: auto;}
#dpTab th,td {text-align: center;white-space: nowrap;}
#datepicker .header,#datepicker .footer {color: #FFF;background-color: #000;cursor: move;}
.modal-content {background-color: #EEE;}
.dragHandle {color: #FFF;background-color: #000;cursor: move;}
.bar {cursor: move;background-color:#000000}
.NW {position: absolute;top: 0;left: 0;}
.NE {position: absolute;top: 0;right: 0;}
.SW {position: absolute;bottom: 0;left: 0;}
.SE {position: absolute;bottom: 0;right: 0;}
.btn-sw {color:#000;}
.btn-sw:hover{background-color:yellow;}
.sw-inactive {background-color: #BBB;}
.sw-off {background-color: #F33;}
.sw-avail {background-color: #8F8;}
.spacer3 {width:3em;}
.popover-header {color: #FFF; background-color: #000;}
.cntrd {margin:auto;}
.hidden   {display:none}
/* classes for use in genModal for editUserProfile possible called from several pages*/
#defAvailTab thead th {border: none;}
#defAvailTab tfoot th {border: none;}
#defAvailTab td,th {text-align: center;padding: 2px;}
#clinGroupTab {border:none;}
.clickable {cursor:  pointer;}
.dbIcon {
  width: 64px;
  height: 32px;
  padding: 5px;
  text-align: center;
  position: fixed;
  margin-left: -32px;
  margin-top: -16px;
  left: 90%;
  top: 50%;
  z-index:2;
  display: none;
  }
/*
opacity classes
*/
.o-0 {
  opacity:0!important;
}
.o-1 {
  opacity:0.2!important;
}
.op-2 {
  opacity:0.4!important;
}
.o-3 {
  opacity:0.6!important;
}
.o-4 {
  opacity:.8!important;
}
.o-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.o-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.o-0h5:hover {
  opacity:1!important;
}
@media print {
  .noprint  {display:none;}
}
@media screen {
  .noscreen  {display:none;}
}