
.page-node-type-smachine #block-machine-primary-local-tasks {
  display: none;  
}

.page-node-type-smachine #sensor-block {
  border-radius: 20px;
  margin: 20px;
  padding: 10px;
  float: left;
  width: 200px;
}

.page-node-type-psensor #sensor-block {
  border-radius: 20px;
  margin: 20px;
  padding: 10px;
  float: left;
  width: 370px;
}

.page-node-type-psensor .machine #sensor-block {
  width: 370px;
}

.page-node-type-psensor #footer-block-user-data {
  width: 370px;
  float: left;
  border: 1px solid #cacaca;
  border-radius: 20px;
  margin: 20px;
  padding: 20px;
}

.machine #sensor-block .machine-label,
.machine #sensor-block .status-text {
  padding: 3px 0px;
  line-height: 1;
  font-size: 0.8em;
  margin-right: 0px;
  font-weight: bold;
}

.machine .sensor-icons {
  background-repeat: no-repeat ;
  background-size: 100%;
  background-position-x: 0px;
  background-position-y: 0px;  
}

.machine #sensor-block .background-bar {
  width: 112px;
  height: 3px;
  background: #a2a2a2;
  margin: 7px 58px;
}

.machine .status-bar {
  height: 1px;
  border-width: 1px;
  border-style: solid;
}

.machine .sensor-wrapper {
  width: 175px;
  border-radius: 10px;
  padding: 0px;
  height: 52px;
  float: left;
  margin: 3px;
}

.machine #sensor-block .background-icons {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid transparent;
  border-radius: 10px;
  margin-right: 10px;
}

.machine .sensor-icons {
  width: 50px;
  height: 50px;
  float: left;
  border: transparent 1px solid;
  border-radius: 10px;
}

/* device status on */
#sensor-block .background-bar {
  background: #a2a2a2;
}

#sensor-block .machine-label,
#sensor-block .status-text {
  color: #000;
}

#sensor-block {
  border: 1px solid #cacaca;
  background-color: #ebebeb;
}

.sensor-wrapper {
  background-color: #fff;
  border: 1px solid #cacaca;
}


.status-bar.field_temp_value-class-0,
.status-bar.field_temp_value-class-1,
.status-bar.field_temp_value-class-2,
.status-bar.field_temp_value-class-3 {
  border-color: #0000ff;
  background-color: #0000ff;
}

.status-bar.field_temp_value-class-4,
.status-bar.field_temp_value-class-5,
.status-bar.field_temp_value-class-6 {
  border-color: #ffff00;
  background-color: #ffff00;
}

.status-bar.field_temp_value-class-7,
.status-bar.field_temp_value-class-8,
.status-bar.field_temp_value-class-9,
.status-bar.field_temp_value-class-10 {
  border-color: #ff0000;
  background-color: #ff0000;
}

.status-bar.field_hum_value-class-0,
.status-bar.field_eco2_value-class-0,
.status-bar.field_tvoc_value-class-0,
.status-bar.field_h2_value-class-0,
.status-bar.field_ethanol_value-class-0,
.status-bar.field_ozone_value-class-0 {
   border-color: #22fa30;
   background-color: #22fa30;
}

.status-bar.field_hum_value-class-1,
.status-bar.field_eco2_value-class-1,
.status-bar.field_tvoc_value-class-1,
.status-bar.field_h2_value-class-1,
.status-bar.field_ethanol_value-class-1,
.status-bar.field_ozone_value-class-1 {
   border-color: #49fd55;
   background-color: #49fd55;
}

.status-bar.field_hum_value-class-2,
.status-bar.field_eco2_value-class-2,
.status-bar.field_tvoc_value-class-2,
.status-bar.field_h2_value-class-2,
.status-bar.field_ethanol_value-class-2,
.status-bar.field_ozone_value-class-2 {
   border-color: #77fc80;
   background-color: #77fc80;
}

.status-bar.field_hum_value-class-3,
.status-bar.field_eco2_value-class-3,
.status-bar.field_tvoc_value-class-3,
.status-bar.field_h2_value-class-3,
.status-bar.field_ethanol_value-class-3,
.status-bar.field_ozone_value-class-3 {
   border-color: #effc77;
   background-color: #effc77;
}

.status-bar.field_hum_value-class-4,
.status-bar.field_eco2_value-class-4,
.status-bar.field_tvoc_value-class-4,
.status-bar.field_h2_value-class-4,
.status-bar.field_ethanol_value-class-4,
.status-bar.field_ozone_value-class-4 {
   border-color: #fce877;
   background-color: #fce877;
}

.status-bar.field_hum_value-class-5,
.status-bar.field_eco2_value-class-5,
.status-bar.field_tvoc_value-class-5,
.status-bar.field_h2_value-class-5,
.status-bar.field_ethanol_value-class-5,
.status-bar.field_ozone_value-class-5 {
   border-color: #ffd900;
   background-color: #ffd900;
}

.status-bar.field_hum_value-class-6,
.status-bar.field_eco2_value-class-6,
.status-bar.field_tvoc_value-class-6,
.status-bar.field_h2_value-class-6,
.status-bar.field_ethanol_value-class-6,
.status-bar.field_ozone_value-class-6 {
   border-color: #ff8800;
   background-color: #ff8800;
}

.status-bar.field_hum_value-class-7,
.status-bar.field_eco2_value-class-7,
.status-bar.field_tvoc_value-class-7,
.status-bar.field_h2_value-class-7,
.status-bar.field_ethanol_value-class-7,
.status-bar.field_ozone_value-class-7 {
   border-color: #ff5100;
   background-color: #ff5100;
}

.status-bar.field_hum_value-class-8,
.status-bar.field_eco2_value-class-8,
.status-bar.field_tvoc_value-class-8,
.status-bar.field_h2_value-class-8,
.status-bar.field_ethanol_value-class-8,
.status-bar.field_ozone_value-class-8 {
   border-color: #fa3d3d;
   background-color: #fa3d3d;
}

.status-bar.field_hum_value-class-9,
.status-bar.field_eco2_value-class-9,
.status-bar.field_tvoc_value-class-9,
.status-bar.field_h2_value-class-9,
.status-bar.field_ethanol_value-class-9,
.status-bar.field_ozone_value-class-9 {
   border-color: #e61919;
   background-color: #e61919;
}

.status-bar.field_hum_value-class-10,
.status-bar.field_eco2_value-class-10,
.status-bar.field_tvoc_value-class-10,
.status-bar.field_h2_value-class-10,
.status-bar.field_ethanol_value-class-10,
.status-bar.field_ozone_value-class-10 {
   border-color: #ff0000;
   background-color: #ff0000;
}

#sensor-block .background-icons {
 background-image: -webkit-linear-gradient(bottom left, #04ff8a 1px, #a3fdd3a0 100px);
 background-image: -moz-linear-gradient(bottom left, #04ff8a 1px, #a3fdd3a0 100px);
 background-image: -o-linear-gradient(bottom left, #04ff8a 1px, #a3fdd3a0 100px);  
}

/* images */
.machine #temp .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/temp.svg);
}

.machine #hum .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/hum.svg); 
}

.machine #eco2 .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/eco2.svg);
}

.machine #tvoc .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/tvoc.svg);
}

.machine #h2 .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/h2.svg);
}

.machine #ethanol .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/ethanol.svg);
}

.machine #ozone .sensor-icons {
  background-image: url(https://www.sanification.it/machine/images/ozone.svg);
}

.machine h1.page-title {
  margin: 0 20px;
  font-size: 1.154em;
  font-weight: bold; 
  color: #000;   
}

.page-node-type-psensor .node-device.sensor {
margin-top: 20px;
padding-top: 10px;
}