/* General Settings (do not change) */
.plc-state-blinker {
    display: none;
}


/* TABLE SETTINGS (INAXHMI -> /plcviewer -> table) */
.plc-input-table > .plc-state {
    float: left;
    vertical-align: middle;
    background-color: #DDD;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.plc-input-table > .plc-state-message {
    box-sizing: border-box;
    height: 40px;
    width: 180px;
    margin: 5px 0px;
    padding: 10px;
    border-radius: 3px;
    background-color: #eee;
    float: right;
    vertical-align: middle;
    text-align: center;
}

.plc-input-table > .plc-state-blinker:checked ~ .plc-state {
    background-color: #1973ff;
}

/* add new style settings here */

/* Syntax:
.my-class > .plc-state {
     applies to the state display 
}
.my-class > .plc-state-message {
     applies to the message container after the display
}

.my-class > .plc-state-blinker:checked ~ .plc-state {
     applies to the state display if the blinker is active
}
.my-class > .plc-state-blinker:checked ~ .plc-state-message {
     applies to the message container if the blinker is active 
}
*/