.red_status {
    background: rgb(210,94,60);
    background: linear-gradient(90deg, rgba(210,94,60,1) 0%, rgba(217,89,43,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.green_status {
    background: rgb(89,182,79);
    background: linear-gradient(90deg, rgba(89,182,79,1) 0%, rgba(107,161,58,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.yellow_status {
    background: rgb(207,201,85);
    background: linear-gradient(90deg, rgba(207,201,85,1) 0%, rgba(205,199,60,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.black_status {
    background: black;
    color: white;
    margin-left: -9px;
    margin-right: -9px;
}

.valueview_measureText {
    color: white;
    font-size: 1.1em;
    font-weight: 600;
    height: 36px;
    text-align: center;
    float:left;
    margin-right:10px;
}

.valueview_centeredInner {
    left      : 50%;
    top       : 50%;
    position  : relative;
    transform : translate(-50%, -50%);
    float:left;
}

.valueview_valueText  {
    color: white;
    font-size: 21px;
    font-weight: bolder;
    text-align: center;
    height: 36px;
    border: 1px solid #666666;
    float:left;
}

.valueview_unitText {
    color: white;
    font-size: 1.0em;
    font-weight: 400;
    height: 36px;
    text-align: left;
    float:left;
    margin-left:10px;
}

.valueview_red {
    background: rgb(217,62,23);
    background: linear-gradient(0deg, rgba(217,62,23,1) 0%, rgba(209,65,40,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.valueview_lightgreen {
    background: rgb(118,217,23);
    background: linear-gradient(0deg, rgb(84, 155, 18) 0%, rgb(39, 175, 76) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.valueview_yellow {
    background: rgb(200,200,0);
    background: linear-gradient(0deg, rgba(190,190,0) 0%, rgba(200,200,0) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.alarmview_centeredInner {
    left      : 50%;
    top       : 50%;
    position  : relative;
    transform : translate(-50%, -50%);
    float:left;
}

.alarmview_valueText  {
    color: white;
    font-size: 1.2em;
    font-weight: bolder;
    text-align: center;
    height: 36px;
    border: 1px solid #333333;
    float:left;
    margin-right:5px;
}

.alarmview_red {
    background: rgb(217,62,23);
    background: linear-gradient(0deg, rgba(217,62,23,1) 0%, rgba(209,65,40,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.alarmview_lightgreen {
    background: rgb(118,217,23);
    background: linear-gradient(0deg, rgb(84, 155, 18) 0%, rgb(39, 175, 76) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.alarmview_yellow {
    background: rgb(200,200,0);
    background: linear-gradient(0deg, rgba(190,190,0) 0%, rgba(200,200,0) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.custompanelheader_innerHeader {
    margin-left: 10px;
    height: 32px;
    color: #0b0b0b;
    font-weight: 600;
    font-size: 1.35em;
}

.custompanelheader_centeredInner {
    margin-top: 5px;
    margin-left: 5px;
    float:left;
}

.custompanelheader_red {
    background: rgb(217,62,23);
    background: linear-gradient(0deg, rgba(217,62,23,1) 0%, rgba(209,65,40,1) 100%);
    margin-left: -9px;
    margin-right: -9px;;
}

.custompanelheader_lightgreen {
    background: rgb(118,217,23);
    background: linear-gradient(0deg, rgba(118,217,23,1) 0%, rgba(40,209,92,1) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.custompanelheader_yellow {
    background: rgb(200,200,0);
    background: linear-gradient(0deg, rgba(190,190,0) 0%, rgba(200,200,0) 100%);
    margin-left: -9px;
    margin-right: -9px;
}

.component_radius {
    border-radius: 10px;
}

.alarmtable {
    background:  rgb(42,67,97);
}

.alarmtable .webix_ss_header .webix_hcell {
    background:  rgb(62,87,117);
}

.alarmtable .webix_hcell{
    background: transparent;
    color:white;
    font-weight:bold;
    font-size: 14px;
}
.alarmtable .webix_column{
    font-style:normal;
    background:transparent;
    font-size: 13px;
}
.alarmtable .webix_column > div{
    border-width: 1px;
    border-color:#444444;
}

.alarmtable_small {
    background:  rgb(42,67,97);
}

.alarmtable_small .webix_ss_header .webix_hcell {
    background:  rgb(62,87,117);
}

.alarmtable_small .webix_hcell{
    background: transparent;
    color:white;
    font-weight:bold;
    font-size: 12px;
}
.alarmtable_small .webix_column{
    font-style:normal;
    background:transparent;
    font-size: 12px;
}
.alarmtable_small .webix_column > div{
    border-width: 1px;
    border-color:#444444;
}

.alarmButton {
    border-radius: 20px;
}

.alarmbutton_valueText  {
    color: white;
    font-size: 1.2em;
    font-weight: bolder;
    text-align: center;
    height: 36px;
    border: 1px solid #333333;
    float:left;
    margin-right:5px;
    margin-top:5px;
}

.backview_valueText  {
    color: black;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    height: 36px;
    margin-top: 13px;
    border: 1px solid #666666;
    float:left;
    text-align:center;
}

.backview_centeredInner {
    margin-top: 5px;
    margin-left: 5px;
    float:left;
}

.clickpointer {
    cursor: pointer;
}

.chartArea {
    background: transparent;
    background-color: transparent;
    border: 0px transparent;
}

.entryview_input {
    width: 100%;
    padding: 6px 6px;
    margin: 8px 0;
    box-sizing: border-box;
    background-color: transparent;
    color: white;
    font-weight: bold;
    font-size: 0.9em;
    border: 0px transparent;
    text-align: center;
}