/* Debug styles */

.debug_r
{
    background: #FF0000;
}

.debug_g
{
    background: #00FF00;
}

.debug_b
{
    background: #0000FF;
}

.debug_y
{
    background: #FFFF00;
}

.debug_m
{
    background: #FF00FF;
}

.debug_c
{
    background: #00FFFF;
}

/* GWT-internal styles */

.gwt-DialogBox
{
    border-top: 2px solid #03718D;
    border-left: 2px solid #03718D;
    border-bottom: 2px solid #03718D;
    border-right: 2px solid #03718D;
    background: #03718D;
    box-shadow: 5px 5px 5px #75715e;
    border-radius: 5px;
}

.gwt-DialogBox .Caption
{
    font-family: "Segoe UI", Segoe, sans-serif;
    color: #444039;
    font-size: 12pt;
    text-align: left;
    line-height: 35px;
}

.gwt-DialogBox .dialogContent
{
}

.portal .gwt-TabPanel
{
    background-color: #D9DADA;
    border-top: 2px solid black;
    padding: 5px 5px 2px 5px;
    width: 850px;
}

.webmodule .gwt-TabPanel
{
    background-color: #f5f5f5;
    padding: 5px 5px 2px 5px;
    width: 825px;
}

.gwt-CellTable
{
    width: 850px;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 12pt;
}

.gwt-StackLayoutPanel_,
.gwt-StackLayoutPanelHeader_,
.gwt-StackLayoutPanelContent_,
.gwt-StackLayoutPanelItem_
{
    background-color: red;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs
{
    background-color: yellow;
}

/* Styles shared between Portal and Webmodule */

.textBoxPortal-FormatError
{
    background: red;
    color: white;
}

.infoDisplay_on_portalStartScreen .infoDisplay_imageWrapper
{
    width: 40px;
    height: 47px;
    margin-left: 25px;
}

.infoDisplay_on_portalStartScreen .infoDisplay_image
{
    width: 40px;
    height: 47px;
}

.infoDisplay_on_portalStartScreen .infoDisplay_textWrapper
{
    width: 800px;
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
}

.infoDisplay_on_portalStatusScreen .infoDisplay_imageWrapper
{
    width: 40px;
    height: 47px;
    margin-left: 25px;
}

.infoDisplay_on_portalStatusScreen .infoDisplay_image
{
    width: 40px;
    height: 47px;
}

.infoDisplay_on_portalStatusScreen .infoDisplay_textWrapper
{
    width: 581px;
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
}

.infoDisplay_on_webmoduleHeaderScreen .infoDisplay_imageWrapper
{
    width: 40px;
    height: 47px;
    margin-left: 25px;
}

.infoDisplay_on_webmoduleHeaderScreen .infoDisplay_image
{
    width: 40px;
    height: 47px;
}

.infoDisplay_on_webmoduleHeaderScreen .infoDisplay_textWrapper
{
    width: 770px;
    height: 47px;
    padding-left: 25px;
    padding-right: 25px;
}

.infoDisplay_on_webmodule .infoDisplay_imageWrapper
{
    width: 40px;
    height: 47px;
    margin-left: 25px;
}

.infoDisplay_on_webmodule .infoDisplay_image
{
    width: 40px;
    height: 47px;
}

.infoDisplay_on_webmodule .infoDisplay_textWrapper
{
    width: 760px;
    height: 47px;
    padding-left: 25px;
    padding-right: 25px;
}

/* From Portal */

.bgBlue4
{
    background: #D9DADA;
}

.bgTest1
{
    background: #a5f5f5;
}

.bgTest2
{
    background: #f5a5f5;
}

.textBold
{
    font-weight: bold;
}

.paddingTop10
{
    padding-top: 10px;
}

.paddingBottom10
{
    padding-bottom: 10px;
}

.marginRight20
{
    margin-right: 20px;
}

.marginLeft25
{
    margin-left: 25px;
}

.marginTop5
{
    margin-top: 5px;
}

.text12,
.text14,
.text20,
.text,
.value,
.monitoringText1,
.monitoringText2,
.monitoringText3,
.monitoringValue
{
    font-family: "Segoe UI", Segoe, sans-serif;
    color: #444039;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.textRed
{
    color: #e31e24 !important;
}

.text12
{
    font-size: 12pt;
}

.text14
{
    font-size: 14pt;
}

.text20
{
    font-size: 20pt;
}

.textCenter
{
    text-align: center;
}

.textRight
{
    text-align: right;
}

.portal .hpDeviceData1
{
    width: 460px;
    margin-left: 25px;
}

.lbDeviceData1a
{
    width: 140px;
    text-align: left;
}

.lbDeviceData1b
{
    width: 295px;
    text-align: left;
}

.hpDeviceData2
{
    width: 290px;
    margin-right: 25px;
}

.lbDeviceData2a
{
    width: 205px;
    text-align: right;
}

.lbDeviceData2b
{
    width: 65px;
    text-align: left;
}

.systemOperationLedOnOff
{
    width: 25px;
    height: 25px;
}

.text
{
    width: 540px;
}

.value
{
    width: 210px;
    text-align: right;
}

.horizontalLine
{
    border-bottom: 1px solid black;
    width: 760px;
    margin-top: 3px;
    margin-bottom: 7px;
}

.monitoringText1
{
    margin-left: 5px;
    width: 200px;
    text-align: left;
}

.monitoringText2
{
    margin-left: 95px;
    width: 60px;
    text-align: left;
}

.monitoringText3
{
    margin-left: 95px;
    width: 70px;
    text-align: left;
}

.monitoringValue
{
    width: 75px;
    text-align: right;
}

.hpWarningsErrors
{
    width: 755px;
    margin-right: 10px;
}

.vpTab
{
    padding-top: 10px;
    padding-left: 10px;
}

.textLevelOn
{
    line-height: 13px;
    margin-left: 10px;
}

.textLevelOff
{
    line-height: 13px;
    padding-right: 10px;
}

.imgLevelOn
{
    padding-left: 19px;
    height: 10px;
}

.imgLevelOff
{
    margin-bottom: -3px;
    margin-left: 1px;
    height: 10px;
}

.vpLevelBackground
{
    background-image: url('images/overview/level/Level.png');
    background-size: 50px;
    width: 50px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
}

.imgLevelFilling
{
    width: 50px;
    height: 160px;
}

.hpOverview
{
    padding: 00px 00px 10px 05px;
}

.hpOverview1
{
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.vpOverview
{
    _background: red;
    width: 170px;
    _margin: 25px;
    border: 2px solid #ffffff;
    border-radius: 2px;
}

.overviewHeadline1
{
    background: #2B2A29;
    padding: 5px 0px 5px 0px;
    width: 170px;
    height: 20px;
    line-height: 20px;
    color: white !important;
}

.overviewHeadline2
{
    background: #f5f5f5;
    padding: 10px 0px 0px 0px;
    width: 170px;
    height: 20px;
    line-height: 20px;
}

.vpOverview1
{
    _background: cyan;
    width: 60px;
    height: 175px;
}

.vpOverview1a
{
    _background: green;
    width: 50px;
}

.vpOverview1b
{
    _background: yellow;
    margin-left: 5px;
    width: 50px;
}

.vpOverview2
{
    _background: magenta;
    width: 50px;
    height: 177px;
}

.portal .hpOverviewLevel
{
    background: #2B2A29;
    width: 170px;
    height: 68px;
    white-space: pre-wrap;
    word-wrap: break-word;
    _border: 5px solid #ffffff;
}

.overviewLevel
{
    background: yellow;
    width: 94px;
    height: 34px;
    margin: 10px 35px 10px 35px;
    padding: 5px 0px 5px 0px;
    border: 2px solid #ffffff;
    border-radius: 2px;
}

.vpPressureBackground
{
    background-image: url('images/overview/pressure/Pressure.png');
    background-size: 50px;
    width: 50px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vpPressure1
{
    height: 175px;
    width: 60px;
}

.imgCurrentPressure
{
    height: 10px;
}

.textPressure
{
    width: 60px;
    line-height: 13px;
}

.vpUpperPressure
{
    margin-top: 4px;
}

.vpLowerPressure
{
    margin-top: 95px;
}

.vpTemperature1
{
    height: 175px;
    width: 60px;
}

.imgCurrentTemperature
{
    height: 10px;
}

.textTemperature
{
    width: 60px;
    line-height: 13px;
}

.vpTemperatureBackground
{
    background-image: url('images/overview/temperature/Temperature.png');
    background-size: 50px;
    width: 50px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vpUpperTemperature
{
    margin-top: 3px;
}

.vpLowerTemperature
{
    margin-top: 32px;
}

.vpImageLeftBackground
{
    background-image: url('images/overview/imageLeft.png');
    width: 205px;
    height: 329px;
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #ffffff;
    border-radius: 2px;
}

.vpImageRightBackground
{
    background-image: url('images/overview/imageRight.png');
    width: 60px;
    height: 329px;
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #ffffff;
    border-radius: 2px;
}

/* From Webmodule */

.text10,
.text12,
.text14,
.text16,
.text18,
.text20,
.text24,
.text32,
.link,
.languageListBox,
.deviceDataText,
.deviceDataValue,
.textArea,
.textLong,
.text,
.value,
.unit,
.textSmall,
.multicontrolValue,
.operatingModeValue,
.hourValue,
.minValue,
.secValue,
.timeUnit,
.textConfirmLeft,
.textConfirmRight,
.textNoActionArea,
.dataTabConfigText,
.dataTabConfigText1,
.dataTabConfigValue,
.dataTabConfigValue1,
.monitoringText1,
.monitoringText2,
.monitoringText3,
.monitoringValuem .pressureText1a,
.pressureText1b,
.pressureText2,
.textUpperLevel,
.textLowerLevel
{
    font-family: "Segoe UI", Segoe, sans-serif;
    color: #444039;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.text10
{
    font-size: 10pt;
}

.webmodule .hpDeviceData1
{
    width: 370px;
    margin-left: 25px;
}

.webmodule .hpOverviewLevel
{
    background: #2B2A29;
    width: 170px;
    height: 68px;
    _border: 5px solid #ffffff;
}