.outer{
    text-align: center;
}
.inner{
    width: auto;
    display: inline-block;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;

}
.block {

    display: inline-block;
    /*width: 15%;*/
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    background: white;
    color: black;
    padding: 5px 10px;
    margin: 3px 3px;
}
.block div{
    margin: 2px;
    overflow: hidden;
    white-space: nowrap;
}
span.label{
    display: inline-block;
    width: 110px;
    font-weight: bold;
    overflow: hidden;
    font-size: 12px;
}
span.value{
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}

.value-effectivity{
    float: right;

}


.status-green{
  background-color: #53E58E;
}

.status-red{
  background-color: #D53515;
}

.status-orange{
  background-color: #F5B041;
}

.status-blue{
  background-color: #5DADE2;
}

.status-white{
  background-color: #FFFFFF;
}

.status-gray{
  background-color: #AAB7B8;
}

.status-unknown{
  background-color: #F4ECF7;
}

.status-yellow{
  background-color: #EDFF21;
}

.status-aqua{
  background-color: #00BFFF;
}

.status-black{
  background-color: #34495E;
}

.value-time_finish_plan{
  background-color: transparent;
}

.status-blink_yellow {
  background-color: #EDFF21;
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 2s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}

.status-blink_red {
  background-color: #D53515;
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 2s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}

@keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.6; }
}

@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.6; }
}

#sensorTemlate {
  display: none;
}