@keyframes blinker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3
  }

  100% {
    opacity: 1;
  }}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background-color: #28a745;
}

.pdocrud-form{
    padding-left:15px;
    padding-right:15px;
}

.sensor {
  border-style: solid;
  border-width: 5px;
  border-radius: 7px;
  border-color: #aaa;
  background-color: #eee;
  padding: 10px;
  height: auto;
}

.sensor.invalid{
  opacity: .5;      
}

.battery:after {
    background-color: #fff;
    border: 2px solid #000;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: -6px;
    top: 6px;
    width: 6px;
}
.battery {
    background-color: #fff;
    border: 2px solid #000;
    height: 32px;
    margin-left: auto;
    margin-right: 20px;
    position: relative;
    width: 104px;
    float:right;
}

.battery .battery-level.high {
    background-color: #66CD00;
    height: 100%;
}
.battery .battery-level.medium {
    background-color: #FCD116;
    height: 100%;
}
.battery .battery-level.low {
    background-color: #FF3333;
    height: 100%;
}

.time{
    float:right;
    margin-top:-25px;
}

.time.invalid {
    font-weight: 600;
    color:#ff3333;
}

.codice{
    font-size: 2em;
    font-weight: 600;
}

.descrizione{
    font-size: 1.2em;
}

.temp{
    width:50%;
    float:left;
}

.sensorname{
    
}

.temperature{
    font-size: 2.5em;
    font-weight: 800;
}

.temperature.normal{
    color: #33AA33;
}

.temperature.low{
    color: #0077FF;
    animation: blinker .5s linear infinite;
}

.temperature.high{
    color: #FF3333;
    animation: blinker .5s linear infinite;
}