/*body {
    margin: 0;
    background: rgb(18, 19, 19);
    background: linear-gradient(0deg, rgb(60, 63, 72) 0%, rgba(6,8,11,1) 65%, rgba(0,0,0,1) 100%);
    font-family: Arial;
}/*

.mainScreen {
    margin: 0;
    background: rgb(62,87,117);
    background: linear-gradient(0deg, rgba(62,87,117,1) 0%, rgba(6,8,11,1) 65%, rgba(0,0,0,1) 100%);
    font-family: Arial;
    min-width: 1280px;
}*/

body {
    background: linear-gradient(90deg,rgb(157, 157, 157) 2%, rgb(167, 166, 166) 60%);
    font-family: Arial;
}


.logo_drop {
    margin: 0 auto;

}

.consoleLook {
    font-family: "Lucida Sans";
    font-weight: bolder;
    font-size: 12px;
}

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

.transparentCentered {
    background-color: transparent;
    border: 0px solid transparent;
    left      : 50%;
    top       : 50%;
    position  : relative;
    transform : translate(-50%, -50%);
}

.centeredLeftRight {
    margin-left: auto;
    margin-right: auto;
}

.board {
    background-color: transparent;
    border: 14px solid #005500;
}

.boardText {
    font-size: 0.7em;
    font-weight: bolder;
    cursor: pointer;
}

.opaque {
    opacity: 0.6;
}

.clock {
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bolder;
    text-align: center;
}

.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;
}

.valueText {
    color: white;
    font-size: 1.8em;
    font-weight: bolder;
    text-align: center;
    height: 36px;
    border: 1px solid #333333;
}

.centered {
    left      : 50%;
    top       : 50%;
    position  : absolute;
    transform : translate(-50%, -50%);
}

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

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

.panelBorder {
    border: 1px solid #CCCCCC;
}


.panelBorderNaked {
    border: 0px solid transparent;

}

.panelShadow {
    -webkit-box-shadow: -1px 3px 7px -4px darkgrey;
    box-shadow: -1px 3px 7px -4px darkgrey;
}

.measureText {
    color: white;
    font-size: 1.1em;
    font-weight: 600;
    height: 36px;
    text-align: center;
}

.alarmText {
    color: white;
    font-size: 1.2em;
    font-weight: 600;
    height: 36px;
    text-align: center;
}

.unitText {
    color: white;
    font-size: 1.0em;
    font-weight: 400;
    height: 36px;
    text-align: center;
}

.innerValue {
    margin-left: 10px;
}

.lightgreen {
    background: rgb(118,217,23);
    background: linear-gradient(0deg, rgb(120, 122, 117) 0%, rgb(20, 147, 60) 90%);
}

.lightyellow {
    background: rgb(224, 208, 37);
    background: linear-gradient(0deg, rgb(229, 212, 33) 0%, rgb(231, 211, 112) 90%);
}

.boardSelected {
    box-shadow: 0px 0px 1px 1px white inset;
    background: rgb(118,217,23);
    background: linear-gradient(0deg, rgb(48, 106, 1) 0%, rgb(20, 147, 60) 90%);
}

.panelSize {
    margin-bottom: -20px;
    margin-right:  -20px;
}
.innerHeader {
    margin-left: 10px;
    color: #0b0b0b;
    font-weight: 600;
    font-size: 1.1em;
}

.details {
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    text-align: center;
}

.toolbar {
    background-color: transparent;
}

.margin-R20px {
    margin-right: 20px;
}

.margin-R5px {
    margin-right: 5px;
}

.color-red {
    background-color:red;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top-minus-10 {
    margin-top: -10px;
}

/* Webix overrides */

.webix_layout_toolbar.webix_toolbar {
    color: #ffffff;
    font-size: 12px;
    background: transparent;
}

.testText {
    font-size: 0.9em;
    font-weight: normal;
    padding: 0px;
    margin: 0px;

}

.termBox {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.smallUIButton {
    background: linear-gradient(0deg,rgb(68, 68, 68) 2%, rgb(65, 65, 65) 80%);
    border: solid 1px #222222;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    margin-right:10px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallestUIButton {
    background: linear-gradient(0deg,rgb(68, 68, 68) 2%, rgb(65, 65, 65) 80%);
    border: solid 1px #222222;
    color: white;
    padding: 0px 0px;
    height:11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    margin-right:10px;
    margin-top: 2px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallUIButtonRED {
    background: linear-gradient(0deg,rgb(238, 14, 14) 2%, rgb(174, 15, 15) 80%);
    border: solid 1px #222222;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    margin-right:10px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallUIButtonRED2 {
    background: linear-gradient(0deg,rgb(238, 14, 14) 2%, rgb(174, 15, 15) 80%);
    border: solid 1px #222222;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    margin-top: 6px;
    margin-right: 8px;
    font-size: 9px;
    font-weight: bold;
    float: right;
    margin-bottom:2px;
    cursor: pointer;
  }


  .smallUIButton_activating {
    background: linear-gradient(0deg, rgb(4, 138, 255) 45%, rgb(93, 96, 242) 100%);
    border: solid 1px #222222;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    margin-right:10px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallUIButton_enabled {
    background: linear-gradient(0deg, rgb(39,119,104) 45%, rgb(50, 132, 117) 100%);
    border: solid 1px #222222;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    margin-right:10px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallUIButton_busy{
    background-color: #BBBBBB; /* yellow */
    border: solid 1px #888888;
    color: #666666;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-right:10px;
    cursor: pointer;
  }

   .smallUIButton_busy2{
    background-color: #BBBBBB; /* yellow */
    border: solid 1px #888888;
    color: #666666;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    float: right;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom:2px;
    cursor: pointer;
  }

  .smallUIButton_highlight {
    background-color: #006600; /* red */
    border: solid 1px #888888;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-right:10px;
    cursor: pointer;
  }


.smallUIButton_locate {
    background-color: #006600; /* Green */
    border: solid 1px #888888;
    color: white;
    padding: 4px 8px;
    height:18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-right:10px;
    cursor: pointer;
  }

  .timeslidercell {
    background-color: whitesmoke; /* red */
    border: solid 1px #000000;
    border-radius: 3px; 
    margin-bottom: 1px;
    width:80px;
    color: #222222;
  }

  .rotate90 {
    margin-top: 7px;
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.windowHeader {
    background-color: transparent;
    border: 0px solid transparent;
    font-size:11px;
    margin-top:2px;
    color: whitesmoke;
}

.listClass {
    margin-left: 10px;
}

.okBackDrop {
    color:rgb(39,119,104); 
}

.nokBackDrop {
    color: red;
}

.adviceStyle {
    font-size:16px;
    font-weight: 800;
}

.highlight-red .webix_property_label,
.highlight-red .webix_property_value {
    background-color: #dd3d3d !important;
    color: white;
}

.highlight-yellow .webix_property_label,
.highlight-yellow .webix_property_value {
    background-color: #faf603 !important;
    color:#222222;
}

.highlight-green .webix_property_label,
.highlight-green .webix_property_value {
    background-color: #26bb24 !important;
    color:#222222;
}

.highlight-normal .webix_property_label,
.highlight-normal .webix_property_value {
    background-color: #f0f0f0 !important;
    color: #222222;
}

.pending {
    background-color: #FFFF00;
    color: black;
    width: 90px;
}

.assigned {
     background-color: #00FF00;
     color: black;
     width: 90px;
}

.neutral {
     background-color: transparent;
     color: black;
     width: 90px;
}