.page-heading {
    margin: 20px 0;
    color: #666;
    -webkit-font-smoothing: antialiased;
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
}
 
#myDropzone .message {
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    color: #0087F7;
    font-size: 1.5em;
    letter-spacing: 0.05em;
}
 
.dropzone {
    border: 2px dashed #0087F7;
    background: white;
    border-radius: 5px;
    min-height: 300px;
    padding: 90px 0;
    vertical-align: baseline;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-widget-content a {
    color: #23527c;
}

table.dataTable {background:transparent;border-spacing:0;border-color:#cfcfcf}
table.dataTable  tr>td,tr>th{   
    white-space: nowrap;
} 
#dataTable_wrapper{ 
    width: 99%;
    margin: 0 auto;}    

#otherdt{background:transparent;border-spacing:0;border-color:#cfcfcf;}
#otherdt td{padding:8px;border-color:#A0A0A0;border-width:1px;border-style:solid;margin:10px;white-space:nowrap;}
  

.sidenav {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #dddddd;
  overflow-x: hidden;
  padding-top: 20px;
}

.sidenav a {
  padding: 6px 6px 6px 32px;
  text-decoration: none;  
  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.highlight {
    background: LightGrey;
    COLOR: black
}
.odd {
    background: white;
    COLOR: #000 ;
}
.even {
    COLOR: #000 ;
    background: #F6F6F6
    
}
.calWrap{
        height:75px; 
        background:none; 
    }
    
    .last_month, .next_month {
        opacity: 0.2;
    }
    
    .calTop{
        background:#222222; 
        border:solid 1px black;
        color:#fff; 
        padding:0px 0px;
        width:95px;
    }
    
    .calBottom{
        border:solid 1px #A7A7A7;        
        height:70px; 
        width:95px;        
        text-align:center; 
        font-weight:bold;
        padding:25px 0px;
    }
    
    .dayNo{
        font-size:50px; 
         padding-top:9px;
         border:1px solid #000000;
          height:63px;
    }
    
    .Numbers{
        color:#f3f3f3; 
        font-size:15px;
    }
    
    .activeNo a{
        color:#fff;
        cursor: pointer;
        font-weight:bold;
    }
    
    .activeNo a:hover{
        color:#B2C5D9;
    }
    
    .calendarToday{
        border:solid 2px #B2C5D9;
        color:#000;
    }
    
    #accordion .ui-widget-content #caltableYr td a,
    #accordion .ui-widget-content #caltableWk td a{
        color:#26B3F7
    }
    
    #accordion .ui-widget-content #caltableYr td a:hover,
    #accordion .ui-widget-content #caltableWk td a:hover{
        color:#fff;
    }
    
    #caltableWk td{
        border:solid 1px #ccc;
    }
    .ui-widget-content {
  
    color: #000000;
    }

.DTFC_LeftBodyLiner{
position: relative; top: 0px; left: 0px; overflow-y: scroll; width: 225px; height: 481px; max-height: 481px;}
table.mt{background:transparent;border-spacing:0;border-color:#cfcfcf}
 
table.mt th{border:1px solid white}
table.mt td{border-color:#A0A0A0;border-width:1px;border-style:solid;margin:10px;white-space:nowrap}
table.mt td.Wrap{white-space:normal;}
table.mt {border-collapse:collapse; width:auto}
table.mt td{vertical-align:middle;margin:20px;}
table.mt th{background:#9999;text-align: center;}
table.mt td, th {
    padding: 8px;
}
legend {
    border: 1px solid #eee;    
    padding: 2px 2px;    
    border-radius: 6px;
    background: ##F5F5F5;

}
.onoff {
  margin-left: -27px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onoff label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #cd3c3c;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;
  -webkit-transition: background 0.3s, text-indent 0.3s;
  -moz-transition: background 0.3s, text-indent 0.3s;
  -o-transition: background 0.3s, text-indent 0.3s;
  transition: background 0.3s, text-indent 0.3s;
  text-indent: 27px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}
.onoff label:after {
  content: 'NO';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 11px;
  color: #591717;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
  z-index: 1;
}
.onoff label:before {
  content: '';
  width: 15px;
  height: 20px;
  border-radius: 3px;
  background: #FFF;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: block;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.onoff input:checked + label {
  background: #378b2c;
  text-indent: -14px;
}
.onoff input:checked + label:after {
  content: 'YES';
  color: #091707;
}
.onoff input:checked + label:before {
  left: 33px;
}
.DTFC_LeftBodyLiner {
overflow-x: hidden;
}
/* Style the tab */
.Newtab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  border-bottom-right-radius: 1px;
}

/* Style the buttons inside the tab */
.Newtab button {
  background-color: #ddd;
  float: left;
  
  outline: none;
  cursor: pointer;
  padding: 10px 25px;
  transition: 0.3s;
  font-size: 17px;  
  border: 1px solid #ccc;
  border-radius: 5px;
  border-right: 0px solid #ccc;;
  margin:10px 0px -1px 7px
}

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

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

/* Style the tab content */
.tabcontent {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #ffffff;
  margin: -1px 0px;  
}


.paginate_button.current, .paginate_button.current:hove
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
  }