.path-mydevicespanel a {
    color:#000;
    font-weight: bold;
}

.path-mydevicespanel .block-machine, 
.path-mydevicespanel .block-sensor {
    display: block;
    margin: auto;
}

.path-mydevicespanel .block-machine {
    margin-bottom: 20px;
    float: left;
    width: 90%;
}

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

.path-mydevicespanel .form-filter-mydevicecustomtemplate {
    float: left;
    width: 10%;
}

.path-mydevicespanel .machine-menu {
    float: left;
    width: 90%;
}

ul.machine-menu-tabs {
    float: right;
}

.path-mydevicespanel ul li a.nav-link {
    padding: 0 20px;
}

.path-mydevicespanel .form-filter {
    background-color: #cacaca;
    min-width: 240px;
}

.path-mydevicespanel .form-filter label {
    float: left;
    margin-left: 4px;
}

.path-mydevicespanel h4.panel-title {
    text-align: center;
}

.path-mydevicespanel .machine {
    background-image: url(https://www.sanification.it/machine/images/machine.svg);    
}

.path-mydevicespanel .machine,
.path-mydevicespanel .sensor {
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-color: #ebebeb;
    width: 100px;
    float: left;
    margin: 0 2px;
}

.path-mydevicespanel .field-command {
    text-align: center;
}

.path-mydevicespanel .field-device-command-0,
.path-mydevicespanel .field-device-command-1,
.path-mydevicespanel .field-device-command-2,
.path-mydevicespanel .field-device-command-3,
.path-mydevicespanel .field-device-command-4,
.path-mydevicespanel .field-device-command-5,
.path-mydevicespanel .field-device-command-6,
.path-mydevicespanel .field-device-command-7,
.path-mydevicespanel .field-device-command-8,
.path-mydevicespanel .field-device-command-9,
.path-mydevicespanel .field-device-command-10 {
    background-color: #66f966;
}

.path-mydevicespanel .field-alert-value-1 .field-device-command-0,
.path-mydevicespanel .field-alert-value-1 .field-device-command-1,
.path-mydevicespanel .field-alert-value-1 .field-device-command-2,
.path-mydevicespanel .field-alert-value-1 .field-device-command-3,
.path-mydevicespanel .field-alert-value-1 .field-device-command-4,
.path-mydevicespanel .field-alert-value-1 .field-device-command-5,
.path-mydevicespanel .field-alert-value-1 .field-device-command-6,
.path-mydevicespanel .field-alert-value-1 .field-device-command-7,
.path-mydevicespanel .field-alert-value-1 .field-device-command-8,
.path-mydevicespanel .field-alert-value-1 .field-device-command-9,
.path-mydevicespanel .field-alert-value-1 .field-device-command-10 {
    background-color: #f00;
}

.path-mydevicespanel .panel-row {
    border: 1px solid #989898;
}

.path-mydevicespanel .device-description,
.path-mydevicespanel .device-definition {
    margin-top: 0px;
    margin-bottom: 110px;
    text-align: center;
    width: 100%;
    background: #a2a2a2;
    border-left: 1px solid #a2a2a2;
}

.path-mydevicespanel .device-room {
    width: 100px;
    float: left;
    text-align: center;
    background: #cacaca;
}

.path-mydevicespanel .field-command {
    text-align: center;
    margin-top: 120px;
}

.path-mydevicespanel .field-structure {
    text-align: center;
    background: #cacaca;
  }

.path-mydevicespanel .clear-fix {
    height: 2px;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    background: #989898;
}

.path-mydevicespanel .field-room-definition-bar        { background-image: url( https://www.sanification.it/machine/images/bar.svg); }
.path-mydevicespanel .field-room-definition-breakfast  { background-image: url( https://www.sanification.it/machine/images/breakfast.svg); }
.path-mydevicespanel .field-room-definition-corridor   { background-image: url( https://www.sanification.it/machine/images/corridor.svg); }
.path-mydevicespanel .field-room-definition-elevator   { background-image: url( https://www.sanification.it/machine/images/elevator.svg); }
.path-mydevicespanel .field-room-definition-hall       { background-image: url( https://www.sanification.it/machine/images/hall.svg); }
.path-mydevicespanel .field-room-definition-kitchen    { background-image: url( https://www.sanification.it/machine/images/kitchen.svg); }
.path-mydevicespanel .field-room-definition-living     { background-image: url( https://www.sanification.it/machine/images/living.svg); }
.path-mydevicespanel .field-room-definition-luggage    { background-image: url( https://www.sanification.it/machine/images/luggage.svg); }
.path-mydevicespanel .field-room-definition-meeting    { background-image: url( https://www.sanification.it/machine/images/meeting.svg); }
.path-mydevicespanel .field-room-definition-pool       { background-image: url( https://www.sanification.it/machine/images/pool.svg); }
.path-mydevicespanel .field-room-definition-restaurant { background-image: url( https://www.sanification.it/machine/images/restaurant.svg); }
.path-mydevicespanel .field-room-definition-bedroom    { background-image: url( https://www.sanification.it/machine/images/bedroom.svg); }
.path-mydevicespanel .field-room-definition-sauna      { background-image: url( https://www.sanification.it/machine/images/sauna.svg); }


.path-mydevicespanel .sensor {
    margin-bottom: 10px;
    padding: bottom 10px;
}

/* device on/off */
/* .machine.main-program-.field-alert-value-0.panel-row */
.path-mydevicespanel .main-.program- .field.field-alert-value-0,
.path-mydevicespanel .main-.program- .field.field-alert-value-1{
    background-color: none;
    height: 4px;
}

.path-mydevicespanel .main-1 .field.field-alert-value-0,
.path-mydevicespanel .main-2 .field.field-alert-value-0,
.path-mydevicespanel .main-3 .field.field-alert-value-0,
.path-mydevicespanel .main-4 .field.field-alert-value-0,
.path-mydevicespanel .main-5 .field.field-alert-value-0,
.path-mydevicespanel .main-6 .field.field-alert-value-0,
.path-mydevicespanel .program-0 .field.field-alert-value-0,
.path-mydevicespanel .program-1 .field.field-alert-value-0,
.path-mydevicespanel .program-2 .field.field-alert-value-0,
.path-mydevicespanel .program-3 .field.field-alert-value-0,
.path-mydevicespanel .program-4 .field.field-alert-value-0,
.path-mydevicespanel .program-5 .field.field-alert-value-0,
.path-mydevicespanel .program-6 .field.field-alert-value-0,
.path-mydevicespanel .program-7 .field.field-alert-value-0,
.path-mydevicespanel .program-8 .field.field-alert-value-0,
.path-mydevicespanel .program-9 .field.field-alert-value-0,
.path-mydevicespanel .program-10 .field.field-alert-value-0,
.path-mydevicespanel .block-sensor .field.field-alert-value-0 {
    height: 4px;
    background-color: #66f966;
}

.path-mydevicespanel .machine.main-1.field-alert-value-0,
.path-mydevicespanel .machine.main-2.field-alert-value-0,
.path-mydevicespanel .machine.main-3.field-alert-value-0,
.path-mydevicespanel .machine.main-4.field-alert-value-0,
.path-mydevicespanel .machine.main-5.field-alert-value-0,
.path-mydevicespanel .machine.main-6.field-alert-value-0,
.path-mydevicespanel .machine.program-0.field-alert-value-0,
.path-mydevicespanel .machine.program-1.field-alert-value-0,
.path-mydevicespanel .machine.program-2.field-alert-value-0,
.path-mydevicespanel .machine.program-3.field-alert-value-0,
.path-mydevicespanel .machine.program-4.field-alert-value-0,
.path-mydevicespanel .machine.program-5.field-alert-value-0,
.path-mydevicespanel .machine.program-6.field-alert-value-0,
.path-mydevicespanel .machine.program-7.field-alert-value-0,
.path-mydevicespanel .machine.program-8.field-alert-value-0,
.path-mydevicespanel .machine.program-9.field-alert-value-0,
.path-mydevicespanel .machine.program-10.field-alert-value-0 {
    border-color: #66f966;
}



.path-mydevicespanel .main-1 .field.field-alert-value-1,
.path-mydevicespanel .main-2 .field.field-alert-value-1,
.path-mydevicespanel .main-3 .field.field-alert-value-1,
.path-mydevicespanel .main-4 .field.field-alert-value-1,
.path-mydevicespanel .main-5 .field.field-alert-value-1,
.path-mydevicespanel .main-6 .field.field-alert-value-1,
.path-mydevicespanel .program-0 .field.field-alert-value-1,
.path-mydevicespanel .program-1 .field.field-alert-value-1,
.path-mydevicespanel .program-2 .field.field-alert-value-1,
.path-mydevicespanel .program-3 .field.field-alert-value-1,
.path-mydevicespanel .program-4 .field.field-alert-value-1,
.path-mydevicespanel .program-5 .field.field-alert-value-1,
.path-mydevicespanel .program-6 .field.field-alert-value-1,
.path-mydevicespanel .program-7 .field.field-alert-value-1,
.path-mydevicespanel .program-8 .field.field-alert-value-1,
.path-mydevicespanel .program-9 .field.field-alert-value-1,
.path-mydevicespanel .program-10 .field.field-alert-value-1,
.path-mydevicespanel .block-sensor .field.field-alert-value-1 {
    height: 4px;
    background-color: #f00;
}