.demo {
  width: 70px!important;
  height: 70px!important; 
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border: solid 1px #ede1e1;
  margin-right: 5px;
  }
#progress-wrp {
  border: 1px solid #0099CC;
  padding: 1px;
  position: relative;
  height: 30px;
  border-radius: 3px;
  margin: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
  height: 100%;
  border-radius: 3px;
  background-color: #f39ac7;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

.ce_sustrato,.contador_riego,.temperatura_riego,.temperatura_sustrato,.humedad_sustrato,.contador_drenaje,.ph_drenaje,.ce_drenaje,.porcentaje_drenaje
{
  position: absolute;
  left: 318px; 
  font-size: 13px;
  font-family: arial;
  background-color: #00417d;
  color: #fff;
  padding: 0px 3px 0px 3px;
  border-radius: 5px;
  min-width: 185px;
  text-align: center;
}
.lbl_titulos_niveles
{
  position: absolute;
  left: 318px; 
  font-size: 13px;
  font-family: arial;
  background-color: #00417d;
  color: #fff;
  padding: 0px 3px 0px 3px;
  border-radius: 5px;
  min-width: 185px;
  text-align: center;
}
.lbl_titulo_equilibrio
{
  position: absolute;
  left: 318px; 
  font-size: 13px;
  font-family: arial;
  background-color: #448c57;
  color: #fff;
  padding: 0px 3px 0px 3px;
  border-radius: 5px;
  min-width: 185px;
  text-align: center; 
}
.lbl_titulo_PH
{
  position: absolute;
  left: 318px; 
  font-size: 13px;
  font-family: arial;
  background-color: #448c57;
  color: #fff;
  padding: 0px 3px 0px 3px;
  border-radius: 5px;
  min-width: 185px;
  text-align: center; 
}

.div_bandeja
{
  background-image: url("../img/plugins/tomatera_200.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 100%; 
  height: 300px;  
}
.fondo_deposito
{ 
  background-image: url("../img/plugins/nivel_agua/100.png"); 
  width: 200px;
   
}
.div_niveles_depositos_nutricion
{
  background-image: url("../img/plugins/deposito_vacio.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 200px; 
  height: 245px;    
}
.overlay-div {
    width: 100%;
    height: 100%;            
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(250, 231, 231, 0.4);
    opacity: 1;
    z-index: 99997;
  }
.loadingIntoDiv {  
    font-family: arial;
    font-size: 24px;
    margin: 25px;
    width: 100%;
    height: 100vh; 
    /* Setup */
    position: fixed;
    z-index: 99999;
  }
  
  .loadingIntoDiv-image {
    width: 50px;
    height: 50px; 
    /* Center vertically and horizontally */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px; /* Apply negative top and left margins to truly center the element */
    z-index: 99999;
  
  } 
.parpadea {
  
    animation-name: parpadeo;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  
    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  }
  
  @-moz-keyframes parpadeo{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }
  
  @-webkit-keyframes parpadeo {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
     100% { opacity: 1.0; }
  }
  
  @keyframes parpadeo {  
    0% { opacity: 1.0; }
     50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }

#ajaxSpinnerImage { 
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-top: -90px;
    margin-left: -36px; 
}

#ajaxSpinnerContainer {
    position: fixed;
    background: rgb(248,246,246,0.3);
    width:100%;
    height: 100vh;
    z-index: 99999!important;
} 
 
.dropdown-menu
{
  z-index: 99999!important;
}

.modal {  
    z-index: 99998!important;
}
  
.ui-datepicker {  
    z-index: 99996!important;
}
.choices {  
    z-index: 99995!important;
} 
#grafica {  
    z-index: 99994!important;
} 
.mt-100{margin-top: 100px}body{min-height: 100vh}