@font-face{font-family:BebasRegular;src:url(fonts/BEBAS___-webfont.eot?#iefix) format(embedded-opentype), url(fonts/BEBAS___-webfont.woff) format(woff), url(fonts/BEBAS___-webfont.ttf) format(truetype), url(fonts/BEBAS___-webfont.svg#BebasRegular) format(svg);
           font-weight:400;font-style:normal
           }html, body {
height: 100%;
}
.header
{   padding :5px;
    background:#F3A515;     
}

#ds{width:100%;background:#ddd;font-size:1.125em;}
#dsshift{width:100%;background:#ddd;font-size:1em;}
#ds img{height:30px}
.kg{width:100%;background-color:#219FFE;}
.cntkgs{width:100%;background-color:#000000;padding-left:0;margin:2px 2px 3px}
.aef,.ebr,.stp{width:100%}
.aef{background-color:#ffffff}
.eff1,.eff2,.eff3,.eff4,.eff{width:100%;background-color:#ffffff}
body{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0; background:#fefefe}.uom{font-size:12px;color:#000000;}
.shduom{font-size:0.625em;}.shddsn{font-size:0.625em;color:#000}.shddsnkg{font-size:13px;font-weight:700;padding-left:5px;color:#fff}
.cntkg{font-size:1.5em;color:#000000}
.cntkgside{font-size:0.8em;color:#fff}
.shdkg{font-size:2.5em;color:#000}.cnt{font-size:1em;color:#000000}
.cntkgblk{font-size:1.5em;color:#000000}
.cntkgblkprep{font-size:1.2em;color:#000000}
.tdebr{
    border-radius :15px;
     padding :0.625em;
    background:#fff;
    width :50%;
    box-shadow : 3px 3px 3px #88898a;
}
.tdebrnone{
    border-radius :15px;
     padding :0.625em;
    background:#fff;
    width :50%;    
}

.maint {
    background-color:#ddd;        
}
#footerhome {

    left:0px;
    width: 20%;
    position: fixed;
    bottom: 0px;
    background-color: #ddd;
    vertical-align: top;
    text-align: center;   
    z-index :4;
}

#footer {
    right:0px;
    position:absolute;
    bottom: 0px;
    width: 100%;
    background-color: #ddd;
    vertical-align: middle;
    text-align: center;
   /* overflow: auto;*/
     z-index :4;
}

.menutext{
    color:#000000;
    font-size :0.6em;        
    font-weight:200;
}
.menu{ width:100%; height:100%;}
.menu ul{list-style-type:none;padding:0px;}
.menu li{float:left;width:16.66%;display:block;}
.menu a{display:block}
.menu img {height: 2em; width: 2em; }



.stp{font-size:13px}.detukg{background-color:darkgray}.detpf{background-color:darkgray}
.detcntpf{background-color:#efebeb}.detcntukg{background-color:#efebeb}
.dethead{font-size:1.7em;color:#000}.detheadval{font-size:1.8em;color:#000}
.detheadwht{font-size:1.7em;color:#000}.tddetaef{background-color:#}
.tdchartaef{background-color:#ffffff}.detheadebr{font-size:1.4em;color:#000000}
.cntdetebr{background-color:lightgray}
.detidl{background-color:#efebeb}
.detIdlrow{background-color:#e4e1e1;}
.detIdlrow2{background-color:#fff;}.detIdlrowdet{font-size:1.5em;color:#635e5e}
                                   .detIdlrowdetSpnd{font-size:1.0em;color:#635e5e}
                                   .detIdlrowdetside{font-size:0.8em;color:#635e5e;align-items:baseline;}
.cntdetidl{background-color:#88898a}.detseb{background-color:#efebeb}
.cntdetseb{background-color:#63B8FF}.detstp{background-color:darkgray}
.cntdetstp{background-color:#efebeb}.detdf{background-color:darkgray}
.cntdetdf{background-color:#efebeb}.cntblk,.stpmc{font-size:1em;color:#000000}
.detheadvalwht,.detheadvalebr{font-size:1.8em;color:#000000}
.cntdetaef{background-color:#efebeb},.detebr{font-size:1.7em;background-color:#ffffff}
 .detcntslips{background-color:#efebeb}
 .detcntrogues{background-color:#efebeb}
  .detslips{background-color:darkgray}
  .detrogues{background-color:darkgray}
 
.detIdles{background-color:#b8b9ba}
.detIdleshead{font-size:1.7em;color:#ccc;}
.detIdlesheadval{font-size:1.8em;color:#000}

#exitmenu{
	visibility :hidden;
	position:fixed;
	bottom:20px;
	/*right:5px;*/
	width :100%;
	background:#ccc;
	padding:8px;
	}

#exitbutton{
	left:25px;
}

#settingsbutton
{
	right:25px; 
}
.TextBoxstyle { padding: 2px 4px;
      font-size: 9pt; font-weight:bold; border:1px solid #c2b7b7;border-radius:3px; box-shadow:0 0 0px #3174C0; behavior: url(PIE/PIE.htc);
}      
.dateTextBox {padding: 2px 4px;
      font-size: 9pt; font-weight:bold; behavior: url(PIE/PIE.htc);  border:1px solid #c2b7b7;border-radius:3px 0 0 3px; box-shadow:0 0 0px #3174C0;
}
.ddlBoxstyle {  font-size: 9pt; font-weight:bold; width :150px; padding-top:2px; padding-bottom :2px; padding-left :4px; padding-right :4px; border:1px solid #c2b7b7;border-radius:3px; box-shadow:0 0 0px #3174C0; behavior: url(PIE/PIE.htc);}
.lblStyle {
    font-family: Segoe UI Semibold;
    font-size: small;
    font-weight: bold;
} 

.Panelstyle { padding: 2px 4px;
      font-size: 11pt; font-weight:bold; border:1px solid #c2b7b7;border-radius:3px; box-shadow:0 0 0px #3174C0; behavior: url(PIE/PIE.htc);
}     
.RegPanelstyle { padding: 2px 4px;
      font-size: 0.875em; font-weight:bold; border:1px solid #88898a;border-radius:3px; behavior: url(PIE/PIE.htc);
}

#bottommenu {
    height: 90px;
}
.lblHeadStyle{
       font-size:0.875em; 
font-weight:bold
}
.lblDetStyle{
       font-size:0.625em; 
color:#000000;
}
.lblDetStyleHead{
       font-size:0.625em; 
color:#000000;
}
.lblBigStyle{
       font-size:1.563em; 
font-weight:bold
}
.lblMidStyle{
       font-size:1.375em; 
     color:#000000;

}
.lblSmallStyle{
       font-size:0.875em; 
font-weight:bold
}
.lblBestStyle{    font-size:16px; 
font-weight:bold}
.lblAEFStyle{
   font-size:2.0em;color:#fff
}
.tblStyle{
    background-color:#efebeb;
    border-radius :0.3125em 0.3125em 0.3125em 0.3125em;  
    border:  0.0425em solid #ccc;
    box-shadow :0.125em 0.125em 0.125em #88898a;
}
.tblStylenone{
    background-color:#efebeb;
    border-radius :0.3125em 0.3125em 0.3125em 0.3125em;  
    border:  0.0425em solid #ccc;
    box-shadow : 0.125em 0em 0.125em #88898a; 
}
.barStyle1 { padding:0;
    background-color: green;
    height: 15px;
    box-shadow: 3px 3px 3px #88898a;
}
.barStyle2{
 padding:0;  background-color :darkgray;height: 15px; box-shadow : 3px 3px 3px #88898a;
}
.barStyle3{
  padding:0;  background-color :darkgray;height: 15px; box-shadow : 3px 3px 3px #88898a;
}
.barStyle4{
   padding:0; background-color :darkgray;height: 15px; box-shadow : 3px 3px 3px #88898a;
}
.CirStyle {
    width: 100%;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.circleReds{
    /*width: 100px;
    height: 100px;*/
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background: red;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     box-shadow : 3px 3px 3px #88898a;
}

.imagetable1 {
background-image:url('../images/GreenCircle.png');
background-size: 60%;
background-repeat :no-repeat ;
background-position :center center ;
}

.circleRed {
background-image:url('../images/RedCircle.png');
background-size: contain ;
background-repeat :no-repeat ;
background-position :center center ;
}

.circleGreen {
background-image:url('../images/GreenCircle.png');
background-size: contain ;
background-repeat :no-repeat ;
background-position :center center ;
}

.circleGreena {
    /*width: 100px;
    height: 100px;*/
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: green;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     box-shadow : 3px 3px 3px #88898a;
}
.SemiCirStyle {
    width: 100%;
     background:#ffffff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
  height:auto;
   box-shadow : 2px 2px 2px #88898a;
    /*border:  0.0299em solid  #ccc;*/
}

.StateRed {
   color:red;
}
.StateGreen {
   color:red;
}

#blanket  
{
    behavior: url(PIE/PIE.htc);    
    background-color:#111;
    opacity: 0.55;
    filter:alpha(opacity=55);
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
width:100%;
}
.popUpDiv 
{
    behavior: url(PIE/PIE.htc);    
   
     z-index: 9002;
    padding-top:2px;
    padding-bottom :2px;
    padding-left :2px;
    padding-right :2px;
    border:1px solid #fff;
    border-radius:8px;
             
}  

.modal-backdrop {
           background-color: rgba(0, 0, 0, 0.61);
           position: absolute;
           top: 0;
           bottom: 0px;
           left: 0;
           right: 0;
           display: none;z-index: 2;
       }
       .modal {
           width: 90%;
           position: absolute;
           top: 5%;
           z-index: 3;
           background-color: #FFF;
           border-radius: 6px;
           display: none;
           
       }
       .modal-header {
           background-color: #88898a;
           color: #FFF;
           border-top-right-radius: 5px;
           border-top-left-radius: 5px;
       }
       .modal-header h3 {
           margin: 0;
           padding: 0 0.625em 0 0.625em;
           line-height: 40px;
       }
       .modal-header h3 .close-modal {
           float: right;
           text-decoration: none;
           color: #FFF;
         
       }
       .modal-footer {
           background-color: #F1F1F1;
           padding: 0 0.625em 0 0.625em;
           line-height: 40px;
           text-align: right;
           border-bottom-right-radius: 5px;
           border-bottom-left-radius: 5px;
           border-top: solid 1px #CCC;
       }
       .modal-body {
           padding: 0.625em 0.625em 0.625em 0.625em;
       }

       .Panelstyle { padding: 2px 4px;
      font-size: 11pt; font-weight:bold; border:1px solid #c2b7b7;border-radius:3px; box-shadow:0 0 0px #3174C0; behavior: url(PIE/PIE.htc);
}     




















.gridAdd {
    background-color: #ece8e8;
              /* this makes borders/margins work */
        border-bottom: 1px solid black;
      margin:1px;
 
}
.gridEven {
    background-color: #f7f4f4;display:table-row;
    border-bottom: 1px solid black;
}
       
.tdebr{
    border-radius :15px;
     padding :0.625em;
    background:#fff;
    width :50%;
    box-shadow : 3px 3px 3px #88898a;
}
.tdebrnone{
    border-radius :15px;
     padding :0.625em;
    background:#fff;
    width :50%;
    
}
.imgHei{
    height :2.5em;
}
.imgHeiMenu{
    height :1.8em;
}
.imgArrHei {
    height: 1.5625em;
} 
html { font-size: 100%; }
body { font-size: 1em;}

@media (min-width: 100px)  and (max-width: 300px) {
   html { font-size:60%; }
}
@media (min-width: 301px)  and (max-width: 500px) {
   html { font-size: 90%; }
}
@media (min-width: 501px)  and (max-width: 700px){
    html { font-size:120%; }
}

@media (min-width:701px)  and (max-width: 900px) {
    html { font-size:150%; }
}
   @media (min-width:901px)  and (max-width: 1100px)  {
   html { font-size: 180%; }

}
@media (min-width: 1101px)  and (max-width: 1279px)  {
   html { font-size: 210%; }

}
/*@media (min-width: 1301px)  and (max-width:1500px)  {
   html { font-size: 240%; }

}
@media (min-width: 1501px)  and (max-width: 1700px)  {
   html { font-size: 270%; }

}
@media (min-width: 1701px)  and (max-width:1900px)  {
   html { font-size: 300%; }

}*/