/* .bg {
  background-image: url('../../images/abb-font.jpg');
  background-size: cover;
  position:absolute;
  width: 99.5%;
  height: 99.2%;
  
}

.table{

  font-family: 'abbFont';
  width:74%;
  height: 100%;
  float:left;
  border: 1px;
  border-style: none;
  font-size: 400%;
  text-align: center;
} 

@font-face {
  font-family: 'abbFont'; /*a name to be used later*/
   /* src: url('..\..\customFonts\ABBvoice_Rg.ttf'); URL to font */
 /* }

 .div-page{
   width: 100%;
   height: 100%;
   min-width: 1000px;
   max-height: 1000px;
 } */ 

 .backgroundImage{

  /* background-image: url('../images/snimka.jpg'); */
  background-size: cover;
  position:absolute;
  width: 99.5%;
  height: 99.2%;
 

}

.firstTable{

  width:74%;
  height: 100%;
  float:left;
  border: none;
  border-style: none;
  font-size: 400%;
  text-align: center;

}


.graphTable{

width:70%;
height: 100%;
float:left;
border: none;
border-style: none;
font-size: 80%;
text-align: center;

}


.secondTable{

  width:26%;
  height: 100%;
  float:left;
  background: red;
  font-size: 300%;
  border-spacing: 30px 10px;
  


}

.kpiTable{
  background: white;
  border-spacing: 30px 10px;
  font-size: 100%;
  text-align: center;
}

.tdSecondTable {

  background:white;
  text-align: center;
  
}

.tdSecondTableClock {

  background:white;
  font-size: 40%;
  text-align: right;
  
      
}

.tdSecondTable1 {

  background:#E8E8E8;
  
}

.tdSecondTableLineColumn{
  text-align: left;
  color:white;
  font-size: 200%;
}



.barP {
  float: left;
  background: black;
  height: 65%;
  border-radius: 10px 10px 10px 10px;
  opacity: 1; 
}

.barA {
  float: left;
  background: #696969;
  height: 65%;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #696969;    /*cvqt na chislata - da se opravi da ne se pokazvat    */ 
}

.barQ {
  float: left;
  background: #808080;
  height: 65%;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color:#808080;  /*cvqt na chislata - da se opravi da ne se pokazvat    */
}


.barValue {
  float: right;
  height: 65%;
  border-radius: 10px 10px 10px 10px;
}

run-line {
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
}


.red {
  color: red; 
}

.black {
  color: black;
}