.EPTO_Gauge {
    display: inline-block;
    border: #ccc 1px solid;
    padding: 2pt;
    border-radius: 3pt;
}

.EPTO_Gauge .AppXLabel {
    text-align: center;
    font-size: 9pt;
    height: 1.1em;
    line-height: 1.1em;
    overflow: hidden;
    border: #ccc 1px solid;
    padding: 1px;
    border-bottom-left-radius: 3pt;
    border-bottom-right-radius: 3pt;
}

.EPTO_Gauge .AppXTitle {
    text-align: center;
    font-size: 9pt;
    height: 1.1em;
    line-height: 1.1em;
    overflow: hidden;
    border: #ccc 1px solid;
    padding: 1px;
    border-top-left-radius: 3pt;
    border-top-right-radius: 3pt;
    margin-bottom: 2pt;
    font-weight: bold;
}

.EPTO_SysSection {
    border: #ccc 1px solid;
    border-radius: 3pt;
}

.EPTO_SysSection .AppXSectionTitle {
    border: #ccc 1px solid;
    border-top-left-radius: 3pt;
    border-top-right-radius: 3pt;
    font-size: 10pt;
    font-weight: bold;
    height: 1.4em;
    line-height: 1.5em;
    overflow: hidden;
    padding-left: 3pt;
    margin: 2pt;
    margin-bottom: 1pt;
}

.EPTO_SysSection .EPTO_SectionItem {
    margin: 1pt;
}

.EPTO_SysSection .AppXContent {
    padding: 1pt;
}

.EPTO_SysSection .AppXInnerBlock {
    width: 90px;
    font-size: 9pt;
    height: calc(3em + 42px + 6pt);
    display: inline-block;
    overflow: hidden;
    padding-top: 1pt;
}

.EPTO_SysSection .AppXInnerBlock .EPTO_SectionItem:nth-child(2) {
    margin-top: 2pt;
}

.EPTO_SynLED {
    display: inline-block;
    width: calc(80px + 4pt);
    border: #ccc 1px solid;
    border-radius: 3pt;
    font-size: 9pt;
    text-align: center;
    height: 3em;
    overflow: hidden;
    margin-bottom: -2pt;
    position: relative;
}

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

.EPTO_SynLED .AppXSp {
    display: inline-block;
    line-height: 1.1em;
    height: 1.2em;
    width: 80px;
    overflow: hidden;
}

.EPTO_SynLED .AppXSp1 {
    font-size: 8pt;
}

.EPTO_SynLED .AppXSp0 {
    font-weight: bold;
}

.EPTO_SynEmpty {
    display: inline-block;
    width: calc(80px + 4pt);
    border: #ccc 1px solid;
    border-radius: 3pt;
    font-size: 9pt;
    text-align: center;
    height: calc(3em + 42px + 6pt);
    overflow: hidden;
    margin-bottom: -2pt;
    position: relative;
    background: #eee;
}

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

.EPTO_SynEmpty .AppXSp {
    display: block;
}

.EPTO_SynEmpty .AppXSp0 {
    font-weight: bold;
    color: #777;
}

.EPTO_SynEmpty .AppXSp1 {
    font-size: 8pt;
    color: #888;
}

.EPTO_EmptySynoptic {
    width: 100%;
    height: calc(3em + 42px + 6pt);
    border: #ccc 1px solid;
    border-radius: 3pt;
    background: #eee;
    text-align: center;
}


.EPTO_SysSection .AppXSectionTitle {
    position: relative;
}

.EPTO_SysSection .AppXTitleLED {
    display: none;
}

.EPTO_SysSection.AppXFClsLED .AppXTitleLED {
    border: #ccc 1px solid;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 1pt;
    right: 2pt;
    display: block;
    border-top-right-radius: 3pt;
}

.EPTO_SysSection.AppXFClsLED .AppXSectionTitleLabel {
    display: block;
    margin-right: calc(1em + 5pt);
    overflow: hidden;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED-1 .AppXTitleLED {
    background: #f00;
    border-color: #a44;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED0 .AppXTitleLED {
    background: #ddd;
    border-color: #bbb;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED1 .AppXTitleLED {
    background: #0f0;
    border-color: #0c0;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED2 .AppXTitleLED {
    background: #fb0;
    border-color: #c80;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED3 .AppXTitleLED {
    background: #0bf;
    border-color: #08f;
}

.EPTO_SysSection.AppXFClsLED.AppXFClsLED-2 .AppXTitleLED {
    background: #fdd;
    border-color: #ccc;
}

.EPTO_SynLED[data-status="normal"] {
    background: #0f0;
    border-color: #080;
}

.EPTO_SynLED[data-status="none"] {
    background: #ccc;
    border-color: #888;
}

.EPTO_SynLED[data-status="warn"] {
    background: #F80;
    border-color: #840;
}

.EPTO_SynLED[data-status="error"] {
    background: #F00;
    border-color: #800;
    color: #FFF;
}

.EPTO_SynLED[data-status="blue"] {
    background: #08F;
    border-color: #008;
    color: #cef;
}

.EPTO_SynLED[data-status="old"] {
    background: #fdd;
    border-color: #ccc;
}

.EPTO_SynLastLine {
    width: 100%;
    display: block;
    margin: 0.5em;
    border: #ccc 1px solid;
    border-radius: 3pt;
    padding: 2pt;
    text-align: center;
    background: #fff;
    font-size: 10pt;
    line-height: 1.1em;
}

.EPTO_SynLastLine.AppXFClsEVT1 {
    background: #cef;
    border: #008;
    color: #008;
}

.EPTO_SynLastLine.AppXFClsEVT2 {
    background: #cf0;
    border: #080;
    color: #080;
}

.EPTO_SynLastLine.AppXFClsEVT3 {
    background: #0f0;
    border: #040;
    color: #040;
}

.EPTO_SynLastLine.AppXFClsEVT4 {
    background: #f88;
    border: #800;
    color: #800;
}