/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---   MMNl..'''''''..'.cKMMMMMNd'..'dNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMW0c'.'..'....''''..',:OWMMKc.''''''''''''lXMM    --- */
/* ---   MWk,.'....'''''.;OWMMMMWx,.''dNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXo,..'..''..',coxOKNWMMMMO;.''''''''''.,kWM    --- */
/* ---   MKc.'.''''''''.'xWMMMMWk,.''oNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNx,.'.';coxOXNMMMMMMWNWMWx,.'.'''..'''.cKM    --- */
/* ---   Wx'..''.''''.'.cXMMMMMK:.'.cXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWklox0XWMMMMMMWX0xocl0MMXl..'''...'''.'xW    --- */
/* ---   Xc.'.''..''''.,kMMMMMNo''.;OMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWMMMMMWWXOxoc;'...'oNMMO,.''..''...'.cX    --- */
/* ---   O,..'..'..'''.lXMMMMMO;.''dWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNKOxoc;'...''.''.;OMMNl.''''''''.'.,k    --- */
/* ---   o'..'..'..''.,kWMMMMNo''.:KMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNd,'..'''''''''.'.'oNMMk,.'''..''''.'o    --- */
/* ---   c.'''''''..'.:KMMMMM0:.''dWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWx,.'.'..........'.:KMMK:.'''..'''''.c    --- */
/* ---   ;.'..''..'''.lNMMMMMk,..,OMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMK:.'''.'.......''.,kMMNo.'''''''..'.;    --- */
/* ---   ,.'''''..''.'dWMMMMWd''.:KMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNo'''''''''''''''.'dWMWx'..''..'..'.,    --- */
/* ---   '.'''.'''...'kMMMMMNl.'.lXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNXXNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMk;;;;;;;;;;;;;;;;;dNMMk,..''..''''.'    --- */
/* ---   '.''.''.'''.,kMMMMMXc.'.oNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNx:;;:xKNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXXXXXXXXXXXXXXXXXNMMMO,.'..''.''..'    --- */
/* ---   .''''''.'''.,kMMMMMXc.'.oNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXc....:ccd0NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMO,.''.''''..''    --- */
/* ---   ''''.''..''.,kMMMMMXl.'.lNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXkdddl,..,cxKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMKxddddddddddddddddOWMMk,.'''.''''..'    --- */
/* ---   '..''..'.''.'xMMMMMNo.'.cXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWX0xl;'.,lxKWMMMMMMMMMMMMMMMMMMMMMMMMWd'................oWMMx'...'..''''.'    --- */
/* ---   ,.'''..''''''oWMMMMWx''.;0MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXOdl;',lkXWMMMMMMMMMMMMMMMMMMMMMXl.'''.''''''''''.'xMMWd''.''.''.''.,    --- */
/* ---   :.'.'''....'.cXMMMMMO,..'xWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXOdc;;oONMMMMMMMMMMMMMMMMMMMO;.''''''''''''''.;OMMXc.''.'..''.'.:    --- */
/* ---   l.'..''''..'.;OMMMMMXc.'.lXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWXOdccdONMMMMMMMMMMMMMMMNo.'''''''''''''''.lXMMO;.''.'..'..'.l    --- */
/* ---   x'.''''''.''.'dWMMMMWx'..,kMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWKkddk0NMMMMMMMMMMMMO;..''''..'''.'''.'xWMWd'.'''''.'...'x    --- */
/* ---   0;.'...''.'''.:KMMMMMKc.'.cXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNKOOKXWMMMMMMMMMN0xoc,'....''.'''.cKMMK:.''''''''.'.;0    --- */
/* ---   No.''.'''''''.'dWMMMMWk,.''dWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNXNWMMMMMMMMMMMMWXOdl:,'.'''.,kWMWd'.'''''''.''.oN    --- */
/* ---   MO;.'''.''...'.;OMMMMMNo''.;OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMKddkKNWMMMMWN0kdc;'.lNMM0;.''''''''''.;OM    --- */
/* ---   MNo'.''.''.''.'.lXMMMMMXc''.:OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMW0:..',:ox0XWMMMMMWXOkXMMXl.''''..''''.'oNM    --- */
/* ---   MM0:.''''''''''.'dNMMMMMK:.'.:0WMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNx;...''...';cdkKNWMMMMMMNd'.''.''.''''.:0MM    --- */
/* ---   MMWx,.''''''''''.,xWMMMMW0:.'.:OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMW0l'.''''..''''...,:lxKWMMWk,.''...'''.'.,xWMM    --- */
/* ---   MMMNo'.''''''''''.,kWMMMMM0c''.;kNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWO:'.'''''.''..''.''.,kWMWk;.'''''''.''''oNMMM    --- */
/* ---   MMMMXc.'''''''.'''.;kWMMMMMKl'..'oXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWWMMMXx:'''.'..'''.'''.;OWMWk;.''''..''.''.cKMMMM    --- */
/* ---   MMMMM0:.''..'..''''.,xNMMMMMNd,''':OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNOocxXMMMMXx:''''.''..'.'c0WMNx,.''''''.'..'.:0MMMMM    --- */
/* ---   MMMMMW0:.'.''.''''..''oXMMMMMWOc''.,lKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN0xc'..':xXWMMMXx:'.'''''.'oXMMXo,.'.'.''''.''.:0MMMMMM    --- */
/* ---   MMMMMMW0:.'''''...'''.'c0WMMMMMXd;.'';dKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXOdc,..'..''';xXMMMMXx:'.'.':kWMWKc'.'''''.''..'':0WMMMMMM    --- */
/* ---   MMMMMMMM0c'''''''..''''.;xNMMMMMWKo,.'';dKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNNMMMWk,.'..''.''.'.';xXMMMMXx:',oXMMNk;.''''..''''''':0WMMMMMMM    --- */
/* ---   MMMMMMMMMKl'.'''''''''''.'l0WMMMMMW0l,..',lONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWKOOkxdol:lKMMMNo'''..'''''.''.';xXMMMMXk0WMW0l'.'.''.''''''.'lKMMMMMMMMM    --- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------|                                    Widget Factory 2018 - 2019 | Mission Communications Inc                                             |------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget .ui-widget-content.SVG_Elements{

  background: #d6d6d6; 
}

.upWidget {
  position: relative;
  float: left;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 100%;
  
}
.widgetContainer{

  position: relative;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;

}

.upWidget .GaugeSVG {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.upWidget .NeedleSVG {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  pointer-events : none;
}
.upWidget .wMarkers {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0px;
  top: 0px;
  pointer-events : none;
}
.upWidget .marker_Min {
  position: absolute;
  width: 100%;
  height: 100%;
  
}
.upWidget .marker_Group {
  position: absolute;
  width: 100%;
  height: 100%;

}
.upWidget .MarkersSVG {
  position: absolute;
  width: 100%;
  height: 100%;
}

.upWidget .wMark {
  fill: #FFF;
  stroke-width: 0px;
}
.upWidget .markerText {
  position: absolute;
  width: 10%;
  left: 45%;
  top: 6%;
  text-align: center;
  color:#FFFFFF;
  text-shadow: 1px 1px #000000;
}

/* HTML Data HTML Backface */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeHTMLBox {
  position: absolute;
  width: 38%;
  height: 10%;
  margin-top: 33%;
  margin-left: 31%;
  margin-right: 31%;
  /*transition: all .35s linear;*/
  transition: none;
  top: 0px;
  left: 0px;
}

.upWidget .backfaceText {
  font-size: 25px;
  font-weight: bold;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HTML Hud Box */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeHTMLBox .gaugeHTMLWrapper {
  text-align: center;
  font-size: 18px;
  width: 100%;
  height: 100%;
}
.upWidget.TachGauge1 .gaugeHTMLBox .gaugeHTMLWrapper a {
  text-decoration: none;
}

.upWidget.Dark .gaugeHTMLBox .gaugeHTMLWrapper a {
  /*background-color: rgba(255, 255, 255, 0.3);*/
    color: rgba(245, 245, 245, 1);
}

.upWidget.Light .gaugeHTMLBox .gaugeHTMLWrapper a {
 color: rgba(0, 0, 0, 1);
}

.upWidget.Glass .gaugeHTMLBox .gaugeHTMLWrapper a {
  color: rgba(255, 255, 255, 1);
}

.upWidget.TachGauge1 .gaugeDataBox {
  position: absolute;
  transition: all .35s linear;
  width: 0%;
  height: 0%;
  margin-top: 0%;
  margin-left: 50%;
  margin-right: 50%;
  left: 0px;
  top: 0px;
  cursor: pointer;
}

.upWidget.TachGauge1.ui-draggable.ui-draggable-handle .gaugeDataBox {
    cursor: inherit;
}


.upWidget .gaugeDataBox .gaugeDataBorder {
  padding: 5px;
  width: 100%;
  height: 100%;
  border-radius: .7em;
  transition: all .35s linear;
}

.upWidget.Dark .gaugeDataBox .gaugeDataBorder {
  /*background-color: rgba(255, 255, 255, 0.3);*/
    background-color: rgba(245, 245, 245, 0.6);
}

.upWidget.Light .gaugeDataBox .gaugeDataBorder {
  background-color: rgba(150, 150, 150, 0.3);
}

.upWidget.Glass .gaugeDataBox .gaugeDataBorder {
  background-color: rgba(255, 255, 255, 0.2);
}

.upWidget.TachGauge1 .gaugeDataBox:hover .gaugeDataBorder {
  border-radius: .7em;
}
    /*MM+*/
    .Dark .mmPlus-More-Border.mmPlus-gauge-data-border {
        fill: rgba(0, 0, 0, .85);
        opacity: 0.3;
        stroke: #e8e8e8;
        stroke-width: 1px;
    }
    .Glass .mmPlus-More-Border.mmPlus-gauge-data-border {
        fill: rgba(0, 0, 0, .85);
        opacity: 0.3;
        stroke: #e8e8e8;
        stroke-width: 4.5px;
    }

    .Light .mmPlus-More-Border.mmPlus-gauge-data-border {
        fill: rgba(0, 0, 0, .85);
        opacity: 0.3;
        stroke: #e8e8e8;
        stroke-width: 4.5px;
    }

    .HUD-elements-A.mmPlus.rtuAlarm {
        fill: #ff0000;
        opacity: .8;
    }

    .HUD-elements-A.mmPlus.rtuAlert {
        fill: #ff6700;
        opacity: .8;
    }

    .HUD-elements-A.mmPlus.rtuService {
        fill: #fff000;
        opacity: .8;
    }

    .HUD-elements-A.mmPlus.rtuDisabled {
        fill: #0000FF;
        opacity: .8;
    }

    .HUD-elements-A.mmPlus.rtuCommFail {
        fill: #333333;
        opacity: .8;
    }

    .HUD-elements-A.mmPlus.rtuCommFail2 {
        fill: #9900FF;
        opacity: .8;
    }
    /*MM+*/ 
/* HTML Hud Box */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlay {
  width: 100%;
  border-radius: .5em;
  border-style: solid;
  border-width: 2px;
  transition: all .35s linear;
  position: relative;
  overflow: hidden;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlay {
  border-color: #ffffff;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlay {
  border-color: rgba(55, 55, 55, 0.6);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlay {
  border-color: rgba(50, 50, 50, 0.5);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HTML Hud - Pane 1 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 {
  width: 100%;
  transition: all .35s linear;
  position: relative;
  overflow: hidden;
}

/* TitleBox */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBoxWrapper {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
  transition: all .35s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBoxWrapper {
  background-color: rgba(11, 11, 11, 0.95);
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBoxWrapper {
  background-color: rgba(240, 240, 240, 0.95);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBoxWrapper {
  background-color: rgba(255, 255, 255, 0.75);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBox {
  color: #FFF;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBox {
  color: #000;
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeHudDataTitleBox {
  color: rgb(50, 50, 50);

}

/* NumberBox */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBoxWrapper {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
  transition: all .35s linear;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBoxWrapper {
  background-color: rgba(31, 31, 31, 0.95);
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBoxWrapper {
  background-color: rgba(230, 230, 230, 0.95);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBoxWrapper {
  background-color: rgba(255, 255, 255, 0.5);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBox {
  width: 100%;
  padding-bottom: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .35s linear;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBox {
  color: #FFF;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBox {
  color: #000;
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberBox {
  color: rgb(50, 50, 50);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataNumberValue {
  width: 100%;
  height: 100%;
  margin-top: 10%;
}

/* UnitBox */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBoxWrapper {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  height: 0px;
  overflow: hidden;
  transition: all .35s linear;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBoxWrapper {
  background-color: rgba(31, 31, 31, 0.95);
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBoxWrapper {
  background-color: rgba(230, 230, 230, 0.95);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBoxWrapper {
  background-color: rgba(255, 255, 255, 0.5);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBox {
  width: 100%;
  height: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .35s linear;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBox {
  color: #FFF;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBox {
  color: #000;
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBox {
  color: rgb(50, 50, 50);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataUnitBox .textFitted {
  margin-top: -3%;
}

/* Aux Box */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBoxWrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  transition: all .35s linear;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBoxWrapper {
  background-color: rgba(211, 211, 211, 0.90);
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBoxWrapper {
  background-color: rgba(40, 40, 40, 0.90);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBoxWrapper {
  background-color: rgba(255, 255, 255, 0.75);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBox {
  width: 100%;
  height: 100%;
  transition: all .35s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBox {
  color: #000;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBox {
  color: #FFF;
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAuxBox {
  color: rgb(50, 50, 50);
}

/* Edit Bttn Box */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataBttnBoxWrapper {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
  transition: all .35s linear;
  height: 0px;
}

.upWidget.Dark .gaugeDataBox .gaugeDataBttnBoxWrapper {
  background-color: rgba(11, 11, 11, 0.90);
}

.upWidget.Light .gaugeDataBox .gaugeDataBttnBoxWrapper {
  background-color: rgba(245, 245, 245, 0.90);
}

.upWidget.Glass .gaugeDataBox .gaugeDataBttnBoxWrapper {
  background-color: rgba(0, 0, 0, 0.95);
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataBttnBox {
  height: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .35s linear;
}

.upWidget.Dark .gaugeDataBox .gaugeDataBttnBox a {
  color: #FFF;
}

.upWidget.Light .gaugeDataBox .gaugeDataBttnBox a {
  color: #000;
}

.upWidget.Glass .gaugeDataBox .gaugeDataBttnBox a {
  color: rgba(245, 245, 245, 0.90);
}

/* Aux2 Box */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2BoxWrapper {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
  transition: all .35s linear;
    align-items: center;
    display: flex;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2BoxWrapper {
  background-color: rgba(55, 55, 55, 0.90);
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2BoxWrapper {
  background-color: rgba(205, 205, 205, 0.90);
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2BoxWrapper {
  background-color: rgba(255, 255, 255, 0.90);
}
/* Aux2 Box */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2Box {
  width: 100%;
  height: 100%;
  transition: all .35s linear;
  display: table;
}
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2Box div {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.upWidget.Dark .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2Box {
  color: #FFFFFF;
}

.upWidget.Light .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2Box {
  color: #000;
}

.upWidget.Glass .gaugeDataBox .gaugeDataOverlayPane1 .gaugeDataAux2Box {
  color: rgb(50, 50, 50);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Pane 3 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane3 {
  height: 100%;
  transition: all .35s linear;
}

/* Pane 3 - Box Deform */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataOverlayPane3 .gaugeDataEditBoxWrapper {
  background-color: rgba(226, 226, 226, 0.90);
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all .35s linear;
}

/* Pane 3 - EditBox */
.upWidget.TachGauge1 .gaugeDataBox .gaugeDataCloseBttnWrapper {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
}

.gaugeDataEditBoxWrapper .row{margin-bottom: 5px;} 
.gaugeDataEditBoxWrapper label{margin-bottom: 0px;} 

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataCloseBttnBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upWidget.TachGauge1 .gaugeDataBox .gaugeDataCloseBttnBox a {
  color: rgb(2255, 255, 255);
}

/* w_Tabs */

.upWidget .w_tabbox {
  width: 100%;
  height: 65px;
  position: relative;
  display: block;
}

.upWidget .w_tabbox a {
  width: 32.8%;
  margin-left: .25%;
  margin-right: .25%;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-size: 120%;
  position: relative;
  display: block;
  background-color: rgba(255, 255, 255, 0.50);

}

.upWidget .w_tabbox a.active  {
    background-color: rgba(226, 226, 226, 0.2); 
}

.upWidget .w_tabslabs {
  margin-top: 10px;
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 95px);
  overflow-y: auto;
}

.upWidget .w_tabSource {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  display: block;
}

.upWidget .w_tabGraphic {
  overflow-x: hidden;
  overflow-y: auto;
  height: 0%;
  width: 100%;
  display: none;
}

.upWidget .w_tabOptions {
  overflow-x: hidden;
  overflow-y: auto;
  height: 0%;
  width: 100%;
  display: none;
}

.upWidget .w_tabColor {
  overflow-x: hidden;
  overflow-y: auto;
  height: 0%;
  width: 100%;
  display: none;
}

.upWidget .w_tabColor .invalid-color {
  border-color: red;
}

/* w_Tabs */

.upWidget.TachGauge1.acfailFalse .iconCircleLeft {
  display: none;
}

.upWidget.TachGauge1.acfailFalse .iconLeft_ACFail {
  display: none;
}

.upWidget.TachGauge1.acfailTrue .iconCircleLeft {
  display: block;
}

.upWidget.TachGauge1.acfailTrue .iconLeft_ACFail {
  display: block;
}

.upWidget.TachGauge1.rtuCommFail .iconRight.CommFail {
  display: block;
  fill: #333333;
}

.upWidget.TachGauge1 .iconCircleLeft {
  stroke: #ff0000;
  fill: #ffffff;
  stroke-width: 5px;
  cursor: pointer;
}

.upWidget.TachGauge1 .iconLeft_ACFail {
  fill: #ff0000;
  pointer-events : none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Orbits */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget.TachGauge1 .orbitBounds {
  fill: none;
  stroke-width: 5px;
}

.upWidget.TachGauge1.rtuAllNormal .orbitBounds {
  stroke: #a8a8a8;
}

.upWidget.TachGauge1.rtuAllNormal.PumpTransparentObj .orbitBounds,
.upWidget.TachGauge1.rtuAllNormal.PumpStationTransparentObj .orbitBounds {
    stroke: transparent;
}

.upWidget.TachGauge1.rtuAlarm .orbitBounds {
    stroke: #ff0000;
}

.upWidget.TachGauge1.rtuAlert .orbitBounds {
  stroke: #ff6700;
}

.upWidget.TachGauge1.rtuService .orbitBounds {
  stroke: #fff000;
}

.upWidget.TachGauge1.rtuDisabled .orbitBounds {
    stroke: #0000FF;
}

.upWidget.TachGauge1.rtuCommFail .orbitBounds {
  stroke: #333333;
}

.upWidget.TachGauge1.rtuCommFail2 .orbitBounds {
    stroke: #9900FF;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Right Icons (RTU) */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget.TachGauge1 .iconRight {
  display: none;
  pointer-events : none;
}

.upWidget.TachGauge1 .iconRight.rtuAllNormal {
  display: none;
}

.upWidget.TachGauge.rtuAllNormal .iconRight.rtuAllNormal {
  fill: #9ea0a4;
  display: block;
}

.upWidget.TachGauge1 .iconRight.rtuAlarm {
  display: none;
}

.upWidget.TachGauge1.rtuAlarm .iconRight.rtuAlarm {
  fill: #ff0000;
  display: block;
}

.upWidget.TachGauge1 .iconRight.rtuAlert {
  display: none;
}

.upWidget.TachGauge1.rtuAlert .iconRight.rtuAlert {
  fill: #ff6700;
  display: block;
}

.upWidget.TachGauge1 .iconRight.rtuService {
  display: none;
}

.upWidget.TachGauge1.rtuService .iconRight.rtuService {
  fill: #fff000;
  display: block;
}

upWidget.TachGauge1 .iconRight.rtuDisabled {
    display: none;
}

.upWidget.TachGauge1.rtuDisabled .iconRight.rtuDisabled {
    fill: #0000FF;
    display: block;
}

.upWidget.TachGauge1 .iconRight.rtuCommFail {
  display: none;
}

.upWidget.TachGauge1.rtuCommFail .iconRight.rtuCommFail {
  fill: #333333;
  display: block;
}

upWidget.TachGauge1 .iconRight.rtuCommFail2 {
    display: none;
}

.upWidget.TachGauge1.rtuCommFail2 .iconRight.rtuCommFail2 {
    fill: #9900FF;
    display: block;
}

.upWidget.TachGauge1 .iconCircleRight {
  fill: #ffffff;
  stroke-width: 5px;
  cursor: pointer;
}

.upWidget.TachGauge1.rtuAllNormal .iconCircleRight {
  stroke: #9ea0a4;
  display: none;
}

.upWidget.TachGauge1.rtuAlarm .iconCircleRight {
  stroke: #ff0000;
}

.upWidget.TachGauge1.rtuAlert .iconCircleRight {
  stroke: #ff6700;
}

.upWidget.TachGauge1.rtuService .iconCircleRight {
  stroke: #fff000;
}

.upWidget.TachGauge1.rtuDisabled .iconCircleRight {
    stroke: #0000FF;
}

.upWidget.TachGauge1.rtuCommFail .iconCircleRight {
  stroke: #333333;
}

.upWidget.TachGauge1.rtuCommFail2 .iconCircleRight {
    stroke: #9900FF;
}

.upWidget.TachGauge1.rtuAlarm .iconRight {
  display: none;
}

.upWidget.TachGauge1.rtuAlarm .iconRight.Alarm {
  fill: #ff0000;
  display: block;
}

.upWidget.TachGauge1.rtuAlert .iconRight.Alert {
  display: block;
  fill: #ff6700;
}

.upWidget.TachGauge1.rtuService .iconRight.Service {
  display: block;
  fill: #fff000;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TachLines */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget .GaugeSVG .path_7 {
    stroke-dashoffset: 0%;
    stroke-width: 59px;
    fill: none;
}

.upWidget .GaugeSVG .path_6 {
    stroke-dashoffset: 0%;
    stroke-width: 59px;
    fill: none;
}

.upWidget .GaugeSVG .path_5 {
  stroke-dashoffset: 0%;
  stroke-width: 59px;
  fill: none;
}

.upWidget .GaugeSVG .path_4 {
  stroke-dashoffset: 0%;
  stroke-width: 59px;
  fill: none;
}

.upWidget .GaugeSVG .path_3 {
  stroke-dashoffset: 0;
  stroke-width: 59px;
  fill: none;
}

.upWidget .GaugeSVG .path_2 {
  stroke-dashoffset: 0;
  stroke-width: 59px;
  fill: none;
}

.upWidget .GaugeSVG .path_1 {
  stroke-dashoffset: 0;
  stroke-width: 59px;
  fill: none;
}

/* TracksPerimiter */
.upWidget.Dark .TracksPerimiter {
  fill: rgba(255, 255, 255, 1);
}
.upWidget.Light .TracksPerimiter {
  fill: rgba(225, 225, 225, .5);
}
.upWidget.Glass .TracksPerimiter {
  fill: rgba(255, 255, 255, 1);
}

/* BackTrack gradient */
.upWidget.Dark .backfaceTrack {
  fill: url(#linear-gradient-Dark);
}

.upWidget.Light .backfaceTrack {
  fill: url(#linear-gradient-Light);
}

.upWidget.Glass .backfaceTrack {
  fill: url(#linear-gradient-Glass);
}

/* TracksBase (boxes over arch) */
.upWidget.Dark .TracksBase {
  fill: rgba(255, 255, 255, .15);
}
.upWidget.Light .TracksBase {
  fill: rgba(0, 0, 0, 0);
}
.upWidget.Glass .TracksBase {
  fill: rgba(255, 255, 255, .05);
}

/* TracksOutlines (lines around boxes) */
.upWidget.Dark .TracksOutlines {
  fill: rgba(255, 255, 255, .25);
}
.upWidget.Light .TracksOutlines {
  fill: rgba(255, 255, 255, .55);
}
.upWidget.Glass .TracksOutlines {
  fill: url(#linear-gradient-Glass);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Backface */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget.TachGauge1 .backfaceFill {
  transition: all 1s ease-in-out;
}

.upWidget.TachGauge1 .backfaceFill:hover {
  fill-opacity: 0.50;
}

.upWidget.Dark .backfaceFill {
  fill: rgba(0, 0, 0, .25);
}

.upWidget.Light .backfaceFill {
  fill: rgba(0, 0, 0, .15);
}

.upWidget.Glass .backfaceFill {
  fill: rgba(0, 0, 0, .1);
}

.upWidget.TachGauge1.rtuAllNormal.PumpTransparentObj .backfaceFill,
.upWidget.TachGauge1.rtuAllNormal.PumpStationTransparentObj .backfaceFill {
    fill-opacity: 0;
}

/* Backface Ring */

.upWidget.Dark .backfaceBlack {
  fill: rgba(0, 0, 0, 0.95);
}

.upWidget.Light .backfaceBlack {
  fill: rgba(10, 10, 10, 0.95);
}

.upWidget.Glass .backfaceBlack {
  fill: rgba(255, 255, 255, 0.20);
}

/* Backface gradient */

.upWidget.Dark .backfaceGrad {
  fill: url(#linear-gradient-Dark);
}

.upWidget.Light .backfaceGrad {
  fill: url(#linear-gradient-Light);
}

.upWidget.Glass .backfaceGrad {
  fill: url(#linear-gradient-Glass);
}

/* Backface Patern (Wedges) */
.upWidget.Dark .backfacePattern1, .upWidget.Dark .backfacePattern2 {
  fill: rgba(255, 255, 255, 0.25);

}
.upWidget.Light .backfacePattern1, .upWidget.Light .backfacePattern2 {
  fill: rgba(224, 224, 224, 0.5);

}
.upWidget.Glass .backfacePattern1, .upWidget.Glass .backfacePattern2 {
  fill: rgba(202, 221, 255, 0.15); 
}

.upWidget.TachGauge1.rtuAllNormal.PumpTransparentObj .backfacePattern1,
.upWidget.TachGauge1.rtuAllNormal.PumpTransparentObj .backfacePattern2 {
    fill-opacity: 0;
} 


/*Color Themes -> Pumps*/
/*Color Themes -> Pumps*/
/*Color Themes -> Pumps*/

.upWidget.TachGauge1.Glass .wPump1.GaugeSVG.BoosterPump .color_Backdrop {
    opacity: .3;
}

.upWidget.TachGauge1.Glass .wPump1.GaugeSVG.BoosterPump .Body-GradMain,
.upWidget.TachGauge1.Glass .wPump1.GaugeSVG.BoosterPump .Arm-GradArm {
    opacity: .9;
    fill: url(#Glass_Grad);
}
.upWidget.TachGauge1.Light .wPump1.GaugeSVG.BoosterPump .Body-GradMain,
.upWidget.TachGauge1.Light .wPump1.GaugeSVG.BoosterPump .Arm-GradArm {
    fill: url(#Light_Grad);
}

/*Color Themes -> Pumps*/
/*Color Themes -> Pumps*/
/*Color Themes -> Pumps*/

/*-----------------Lake Level Widget--------stert---------*/
/*-----------------Lake Level Widget--------stert---------*/
/*-----------------Lake Level Widget--------stert---------*/

.lake-level-water {
    fill: #7ea9d9;
    stroke-width: 0px;
}

.lake-level-measuring-scale line {
    fill: none;
    stroke: #231F20;
    stroke-width: 1.2513;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.lake-level-thresholds line {
    stroke: #f68c26;
    stroke-miterlimit: 10;
    fill: none;
    stroke-width: 4.5px;
}

.lake-level-thresholds g {
    isolation: isolate;
}

.lake-level-thresholds-txt {
    isolation: isolate;
    fill: #000;
    font-family: Roboto-Regular, Roboto;
    font-size: 18.1px;
}

.lake-level-scale {
    stroke-width: 0px;
    fill: white;
}

.lake-level-tree-A {
    stroke-width: 0px;
    fill: #895655;
}

.lake-level-tree-B {
    stroke-width: 0px;
    fill: #738939;
}

.lake-level-tree-C {
    stroke-width: 0px;
    fill: #7f9b3c;
}

.lake-level-tree-D {
    stroke-width: 0px;
    fill: #2a5328;
    opacity: .5;
    isolation: isolate;
}

.lake-level-tree-E {
    stroke-width: 0px;
    fill: #a0ba3c;
}

.lake-level-tree-F {
    stroke-width: 0px;
    fill: #986363;
}

.lake-level-tree-G {
    stroke-width: 0px;
    fill: #467838;
}

.lake-level-house-A {
    stroke-width: 0px;
    fill: #f2e0db;
}
.lake-level-house-B {
    stroke-width: 0px;
}

.lake-level-house-C {
    stroke-width: 0px;
    fill: #e6c5b4;
}

.lake-level-roof {
    stroke-width: 0px;
    fill: #f18e4f;
}

.lake-level-orbit-backface {
    stroke-width: 0px;
    display: none;
    opacity: .2;
    isolation: isolate;
    fill: #000;
}


/*-----------------Lake Level Widget--------end---------*/
/*-----------------Lake Level Widget--------end---------*/
/*-----------------Lake Level Widget--------end---------*/

/*Submersible Pump*/
/*Submersible Pump*/
/*Submersible Pump*/
.Dark .Pump-white_outline, .Light .Pump-white_outline, .Glass .Pump-white_outline
.Dark .Pump-body, .Light .Pump-body {
    opacity: 1;
}
.Glass .Pump-body {
    opacity: .75;
}
.Dark .HUD-elements-A,
.Light .HUD-elements-A { 
    opacity: 1;
}
.Glass .HUD-elements-A {
    opacity: .85;
}
.pump-outline {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.3985;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.pump-inline {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}
.impeller-tube-outline {
    fill:#FFFFFF;
    stroke:#FFFFFF;
    stroke-width:10;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}
.Wht-handle-outline {
    fill:none;
    stroke:#FFFFFF;
    stroke-width:14.6974;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.pump-input-status,
.pump-input-duration {
    font-size: 40px;
}
.Dark .pump-input-status,
.Dark .pump-input-duration {
    fill: #FFF;
}
.Glass .pump-input-status,
.Glass .pump-input-duration {
    fill: rgb(50, 50, 50);
}
.Light .pump-input-status,
.Light .pump-input-duration {
    fill: #000;
}
.Pump-gauge-data-border {
    opacity: 0.7;
}
.Dark .Pump-gauge-data-border {
    fill: #bdbdbd;
    opacity: 0.3;
    stroke: #333;
    stroke-width: 4px;
}

.Glass .Pump-gauge-data-border {
    fill: rgba(255, 255, 255, .6);
}

.Light .Pump-gauge-data-border {
    fill: rgba(55, 55, 55, .15);
}

.Glass .Pump-More-Border.Pump-gauge-data-border {
    fill: rgba(0, 0, 0, .85);
    opacity: 0.3;
    stroke: #e8e8e8;
    stroke-width: 4.5px;
}

.Light .Pump-More-Border.Pump-gauge-data-border {
    fill: rgba(0, 0, 0, .85);
    opacity: 0.3;
    stroke: #e8e8e8;
    stroke-width: 4.5px;
}

.Dark .Pummp-title-box-wrapper {
    fill: rgba(31, 31, 31, 0.95);
    stroke: #ffffff;
    stroke-width: 4.5;
}
.Glass .Pummp-title-box-wrapper {
    fill: #FFFFFF;
}
.Light .Pummp-title-box-wrapper {
    fill: rgba(240, 240, 240, 0.95);
}

.Pump-fill-white {
    fill: #FFFFFF;
}

.Pump-blk_handle {
    fill: none;
    stroke: #231F20;
    stroke-width: 7.1329;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.pump-hud-fill {
    fill: rgba(55, 55, 55, 1);
}

.Dark .Pump-polygon,
.Light .Pump-polygon {
    opacity: 1;
}
.Glass .Pump-polygon {
    opacity: 0.5;
}

.Pump-polygon-A {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.6806;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.Pump-polygon-B {
    fill: #464547;
}

.Impeller-gradient {
    fill: url(#Impeller-gradient);
}
.Tube-gradient {
    fill:url(#Tube-gradient);
}

.Dark .Pump-tube {
    opacity: 1;
}
.Glass .Pump-tube {
    opacity: .7;
}
.Light .Pump-tube {
    opacity: .6;
}

.Tube-shadow-gradient {
    fill: url(#Tube-shadow-gradient);
}
.Tube-cutaway {
    fill:none;
    stroke:#FFFFFF;
    stroke-width:6.397;
    stroke-miterlimit:10;
}
.Tube-line {
    fill:none;
    stroke:#000000;
    stroke-width:2.1099;
    stroke-miterlimit:10;
}

.Submersible-Pump-gradient {
    fill: url(#Submersible-Pump-gradient);
}
.Dark .Submersible-Pump-gradient,
.Light .Submersible-Pump-gradient {
    opacity: 1;
}
.Glass .Submersible-Pump-gradient {
    opacity: .75;
}

.Pump-shadow-gradient-A {
    fill: url(#Pump-shadow-gradient-A);
}

.Pump-shadow-gradient-B {
    fill: url(#Pump-shadow-gradient-B);
}

.submersible-level-min-max text {
    font-size: 17.4px;
    fill: darksalmon;
}

.submersible-level-values text {
    font-size: 17.4px;
    fill: rgb(217, 217, 217);
}

/*Submersible Pump*/
/*Submersible Pump*/
/*Submersible Pump*/

/*Blower Pump*/
/*Blower Pump*/
/*Blower Pump*/

.Blower-Pump-gradient {
    fill: url(#Blower-Pump-gradient);
}

.Dark .Blower-Pump-gradient,
.Glass .Blower-Pump-gradient {
    opacity: 1;
}

.Light .Blower-Pump-gradient {
    opacity: 6;
}
.Pump-tube-left-behind {
    stroke: #FFFFFF;
    stroke-width: 7.9989;
    stroke-miterlimit: 10;
}
.Dark .Pump-tube-left-behind {
    fill: #adadad;
}
.Light .Pump-tube-left-behind {
    fill: #FFFFFF;
}
.Glass .Pump-tube-left-behind {
    fill: none;
}
.Pump-tube-left-fill {
    fill: url(#Pump-tube-left-fill);
}
.Glass .Pump-tube-left-fill {
    opacity: .5;
}
.Pump-tube-right-behind {
    stroke: #FFFFFF;
    stroke-width: 7.9643;
    stroke-miterlimit: 10;
}
.Dark .Pump-tube-right-behind {
    fill: #adadad;
}
.Light .Pump-tube-right-behind {
    fill: #FFFFFF;
}
.Glass .Pump-tube-right-behind {
    fill: none;
}
.Pump-tube-right-fill {
    fill: url(#Pump-tube-right-fill);
}
.Glass .Pump-tube-right-fill {
    opacity: .5;
}
.Dark .Impeller-behind {
    fill: #adadad;
}
.Light .Impeller-behind {
    fill: #FFFFFF;
}
.Glass .Impeller-behind {
    fill: none;
}
.Impeller-behind-fill {
    fill: url(#Impeller-behind-fill);
}
.Glass .Impeller-behind-fill {
    opacity: .5;
}

.Impeller-center {
    fill: none;
    stroke: #939598;
    stroke-width: 4.0013;
    stroke-miterlimit: 10;
}
/*Blower Pump*/
/*Blower Pump*/
/*Blower Pump*/

/*Vane Pump*/
/*Vane Pump*/
/*Vane Pump*/

.Glass .Vane-Pump-Body {
    opacity: .8; 
}

.Glass .vane-pump-outline-path-7 {
    fill: transparent;
}

.Light .Vane-Pump-Body {
    opacity: .9;
}

.Light .vane-pump-blades-ellipse-18 {
    fill: url(#vane-gradient-light-9);
}

.vane-pump-outline-path-7 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.vane-base-path-8 {
    fill: #4B4A4D;
}

.vane-base-path-9 {
    fill: url(#vane-gradient-1);
}

.vane-pump-body-path-10 {
    fill: url(#vane-gradient-2);
}

.vane-pump-body-path-11 {
    fill: url(#vane-gradient-3);
}

.vane-pump-body-path-12 {
    fill: url(#vane-gradient-4);
}

.vane-pump-body-path-13 {
    fill: #02669A;
}

.vane-pump-body-path-14 {
    fill: url(#vane-gradient-5);
}

.vane-pump-body-path-15 {
    fill: url(#vane-gradient-6);
}

.vane-pump-body-path-16 {
    fill: url(#vane-gradient-7);
}

.vane-pump-blades-circle-17 {
    fill: url(#vane-gradient-8);
}

.vane-pump-blades-ellipse-18 {
    fill: url(#vane-gradient-9);
}

.vane-pump-blades-ellipse-19 {
    fill: #004860;
}

.vane-pump-blades-circle-20 {
    fill: url(#vane-gradient-10);
}

.vane-pump-blades-circle-22 {
    fill: #231F20;
}

/*Vane Pump*/
/*Vane Pump*/
/*Vane Pump*/

/*Centrifugal Pump*/
/*Centrifugal Pump*/
/*Centrifugal Pump*/

.Glass .Centrifugal-Pump-Body,
.Glass .centrifugal-pump-blades {
    opacity: .85;
}

.Glass .centrifugal-pump-outline-7,
.Glass .centrifugal-pump-outline-18 {
    fill: transparent;
}

.Light .Centrifugal-Pump-Body {
    opacity: .9;
}

.Light .centrifugal-pump-blades-49 {
    fill: url(#centrifugal-gradient-light-28);
}

.centrifugal-pump-outline-7 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.centrifugal-pump-outline-11 {
    opacity: 0.15;
}

.centrifugal-pump-outline-18 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.8773;
    stroke-miterlimit: 10;
}

.centrifugal-base-19 {
    fill: #4B4A4D;
}

.centrifugal-base-20 {
    fill: url(#centrifugal-gradient-7);
}

.centrifugal-pump-body-21 {
    fill: url(#centrifugal-gradient-8);
}

.centrifugal-pump-body-31 {
    fill: url(#centrifugal-gradient-15);
}

.centrifugal-pump-body-34 {
    fill: url(#centrifugal-gradient-18);
}

.centrifugal-pump-body-38 {
    opacity: 0.5;
}

.centrifugal-pump-body-45 {
    fill: url(#centrifugal-gradient-25);
}

.centrifugal-pump-body-46 {
    fill: none;
}

.centrifugal-pump-body-47 {
    fill: url(#centrifugal-gradient-26);
}

.centrifugal-pump-body-48 {
    fill: url(#centrifugal-gradient-27);
}

.centrifugal-pump-blades-49 {
    fill: url(#centrifugal-gradient-28);
}

.centrifugal-pump-blades-50 {
    fill: url(#centrifugal-gradient-29);
}

.centrifugal-pump-blades-51 {
    fill: none;
    stroke: #004860;
    stroke-width: 3.7809;
    stroke-miterlimit: 10;
}

.centrifugal-pump-blades-60 {
    opacity: 0.35;
}

.centrifugal-pump-blades-61 {
    opacity: 8.571429e-02;
    fill: #3E3D3F;
}

.centrifugal-pump-blades-96 {
    fill: #231F20;
}

.centrifugal-pump-blades-97 {
    fill: url(#centrifugal-gradient-38);
}

.centrifugal-pump-blades-98 {
    fill: url(#centrifugal-gradient-39);
}

.centrifugal-pump-blades-99 {
    opacity: 8.333334e-02;
    fill: #0E0E0E;
}

.centrifugal-pump-blades-123 {
    fill: #FFFFFF;
}

/*Centrifugal Pump*/
/*Centrifugal Pump*/
/*Centrifugal Pump*/

/*In Line Pump*/
/*In Line Pump*/
/*In Line Pump*/

.Glass .In-Line-Pump-Body,
.Glass .in-line-pump-blades {
    opacity: .85;
}

.Glass .in-line-pump-outline-7,
.Glass .in-line-pump-outline-18 {
    fill: transparent;
}

.Light .In-Line-Pump-Body {
    opacity: .9;
}

.Light .in-line-pump-blades-75 {
    fill: url(#in-line-pump-gradient-light-48);
}

.in-line-pump-outline-7 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.in-line-pump-outline-18 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.8773;
    stroke-miterlimit: 10;
}

.in-line-pump-body-19 {
    fill: url(#in-line-pump-gradient-7);
}

.in-line-pump-body-29 {
    opacity: .2;
}

.in-line-pump-base-30 {
    fill: url(#in-line-pump-gradient-15);
}

.in-line-pump-base-31 {
    fill: #4B4A4D;
}

.in-line-pump-body-34 {
    fill: url(#in-line-pump-gradient-18);
}

.in-line-pump-blades-38 {
    opacity: 0.5;
}

.in-line-pump-body-45 {
    opacity: .5;
}

.in-line-pump-body-46 {
    fill: none;
}

.in-line-pump-body-47 {
    fill: url(#in-line-pump-gradient-26);
}

.in-line-pump-body-48 {
    fill: url(#in-line-pump-gradient-27);
}

.in-line-pump-body-49 {
    fill: url(#in-line-pump-gradient-28);
}

.in-line-pump-body-59 {
    opacity: .2;
}

.in-line-pump-body-62 {
    fill: url(#in-line-pump-gradient-38);
}

.in-line-pump-body-72 {
    opacity: .5;
}

.in-line-pump-body-73 {
    fill: url(#in-line-pump-gradient-46);
}

.in-line-pump-body-74 {
    fill: url(#in-line-pump-gradient-47);
}

.in-line-pump-blades-75 {
    fill: url(#in-line-pump-gradient-48);
}

.in-line-pump-blades-76 {
    fill: url(#in-line-pump-gradient-49);
}

.in-line-pump-blades-77 {
    fill: none;
    stroke: #004860;
    stroke-width: 3.7746;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.in-line-pump-blades-78 {
    opacity: 0.35;
}

.in-line-pump-blades-82 {
    opacity: 8.571429e-02;
    fill: #3E3D3F;
}

.in-line-pump-blades-114 {
    fill: #231F20;
}

.in-line-pump-blades-115 {
    fill: url(#in-line-pump-gradient-50);
}

.in-line-pump-blades-116 {
    fill: url(#in-line-pump-gradient-51);
}

.in-line-pump-blades-119 {
    opacity: 8.333334e-02;
    fill: #0E0E0E;
}

.in-line-pump-blades-141 {
    fill: #FFFFFF;
}

/*In Line Pump*/
/*In Line Pump*/
/*In Line Pump*/

/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/

.Dark .ww-submersible-pump-body-14 {
    fill: #96b59a;
}

.Glass .ww-submersible-pump-body-14 {
    opacity: .3;
}

.Glass .ww-submersible-pump-outline-7 {
    fill: transparent;
}

.ww-submersible-pump-outline-7 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.1758;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-outline-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 11.4782;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-outline-9 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-outline-10 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8.1758;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-outline-11 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-12 {
    fill: #4A814B;
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-13 {
    fill: none;
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-14 {
    fill: #FFFFFF;
}

.ww-submersible-pump-body-15 {
    fill: url(#ww-submersible-pump-gradient-1);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-16 {
    fill: url(#ww-submersible-pump-gradient-2);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-17 {
    fill: #4A814B;
    stroke: #20301E;
    stroke-width: 2.3905;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-18 {
    fill: #214B26;
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-19 {
    fill: url(#ww-submersible-pump-gradient-3);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-20 {
    fill: url(#ww-submersible-pump-gradient-4);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-21 {
    fill: #2A572F;
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-22 {
    fill: url(#ww-submersible-pump-gradient-5);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-23 {
    fill: url(#ww-submersible-pump-gradient-6);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-24 {
    fill: url(#ww-submersible-pump-gradient-7);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-body-25 {
    fill: url(#ww-submersible-pump-gradient-10);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-blades-25 {
    opacity: 0.8;
}

.ww-submersible-pump-blades-26 {
    fill: #CDCCCB;
}

.ww-submersible-pump-blades-28 {
    fill: none;
    stroke: #CDCCCB;
    stroke-width: 6.4735;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-blades-29 {
    fill: none;
    stroke: #339846;
    stroke-width: 2.1578;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-blades-30 {
    fill: url(#ww-submersible-pump-gradient-8);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-blades-31 {
    fill: url(#ww-submersible-pump-gradient-9);
    stroke: #231F20;
    stroke-width: 1.7027;
    stroke-miterlimit: 10;
}

.ww-submersible-pump-blades-32 {
    fill: url(#ww-submersible-pump-gradient-10);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/

/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/

.vertical-turbine-pump-outline-9 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 9;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-outline-9-M {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 9;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-10 {
    fill: #B1B3B6;
}

.vertical-turbine-pump-body-11 {
    fill: #FFFFFF;
}

.vertical-turbine-pump-body-12 {
    fill: url(#vertical-turbine-pump-gradient-1);
}

.vertical-turbine-pump-body-13 {
    fill: url(#vertical-turbine-pump-gradient-2);
}

.vertical-turbine-pump-body-14 {
    fill: none;
    stroke: #000000;
    stroke-width: 1.9965;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-15 {
    fill: none;
    stroke: #6D6E71;
    stroke-width: 1.331;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-16 {
    fill: url(#vertical-turbine-pump-gradient-3);
}

.vertical-turbine-pump-body-17 {
    fill: #241F62;
}

.vertical-turbine-pump-body-18 {
    fill: url(#vertical-turbine-pump-gradient-4);
}

.Light .vertical-turbine-pump-body-18 {
    fill: url(#vertical-turbine-pump-gradient-light-4);
}

.Light .vertical-turbine-pump-body-20,
.Light .vertical-turbine-pump-body-22,
.Light .vertical-turbine-pump-body-27,
.Light .vertical-turbine-pump-body-33,
.Light .vertical-turbine-pump-body-35,
.Light .vertical-turbine-pump-body-37 {
    fill: white;
}

.Glass .vertical-turbine-pump-body {
    opacity: .8;
}

.Glass .vertical-turbine-pump-body-18 {
    fill: url(#vertical-turbine-pump-gradient-light-4);
}

.Glass .vertical-turbine-pump-body-20,
.Glass .vertical-turbine-pump-body-22,
.Glass .vertical-turbine-pump-body-27,
.Glass .vertical-turbine-pump-body-33,
.Glass .vertical-turbine-pump-body-35,
.Glass .vertical-turbine-pump-body-37 {
    fill: #ecebeb;
}

.vertical-turbine-pump-body-19 {
    fill: url(#vertical-turbine-pump-gradient-5);
}

.vertical-turbine-pump-body-20 {
    fill: url(#vertical-turbine-pump-gradient-l-pipe-5);
}

.vertical-turbine-pump-body-21 {
    fill: url(#vertical-turbine-pump-gradient-l-pipe-6);
}

.vertical-turbine-pump-body-22 {
    fill: url(#vertical-turbine-pump-gradient-l-pipe-7);
}

.vertical-turbine-pump-body-23 {
    fill: url(#vertical-turbine-pump-gradient-l-pipe-8);
}

.vertical-turbine-pump-body-24 {
    fill: #B1B3B6;
    stroke: #B1B3B6;
    stroke-width: 1.331;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-25 {
    fill: none;
    stroke: #6D6E71;
    stroke-width: 1.0865;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-26 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 5.324;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-27 {
    fill: url(#vertical-turbine-pump-gradient-6);
}

.vertical-turbine-pump-body-28 {
    fill: url(#vertical-turbine-pump-gradient-7);
}

.vertical-turbine-pump-body-29 {
    fill: none;
    stroke: #B1B3B6;
    stroke-width: 10.648;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-30 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2.9278;
    stroke-miterlimit: 10;
}

.vertical-turbine-pump-body-31 {
    fill: url(#vertical-turbine-pump-gradient-8);
}

.vertical-turbine-pump-body-32 {
    fill: url(#vertical-turbine-pump-gradient-9);
}

.vertical-turbine-pump-body-33 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-7);
}

.vertical-turbine-pump-body-34 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-8);
}

.vertical-turbine-pump-body-35 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-9);
}

.vertical-turbine-pump-body-36 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-10);
}

.vertical-turbine-pump-body-37 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-11);
}

.vertical-turbine-pump-body-38 {
    fill: url(#vertical-turbine-pump-gradient-r-pipe-12);
}

.vertical-turbine-pump-body-39 {
    fill: url(#vertical-turbine-pump-gradient-motor-1);
}

.vertical-turbine-pump-body-40 {
    fill: url(#vertical-turbine-pump-gradient-motor-2);
}

/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/

/*Grinder Pump*/
/*Grinder Pump*/
/*Grinder Pump*/

.Grinder-Pump-9 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.Grinder-Pump-10 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.Grinder-Pump-11 {
    fill: url(#Grinder-Pump-Motor-3);
}

.Grinder-Pump-12 {
    fill: url(#Grinder-Pump-Motor-Top-3);
}

.Grinder-Pump-11-L {
    fill: url(#Grinder-Pump-Motor-3-L);
}

.Grinder-Pump-12-L {
    fill: url(#Grinder-Pump-Motor-Top-3-L);
}

.Grinder-Pump-13 {
    fill: #FFFFFF;
}

.Grinder-Pump-14 {
    fill: url(#Grinder-Pump-1);
}

.Grinder-Pump-14-L-1 {
    fill: url(#Grinder-Pump-L-1);
}
.Grinder-Pump-14-L-2 {
    fill: url(#Grinder-Pump-L-2);
}
.Grinder-Pump-14-L-3 {
    fill: url(#Grinder-Pump-L-3);
}
.Grinder-Pump-14-L-4 {
    fill: url(#Grinder-Pump-L-4);
}
.Grinder-Pump-14-L-5 {
    fill: url(#Grinder-Pump-L-5);
}

.Grinder-Pump-15 {
    fill: url(#Grinder-Pump-2);
}

.Grinder-Pump-31 {
    fill: url(#Grinder-Pump-18); 
}

.Grinder-Pump-31-A {
    fill: url(#Grinder-Pump-18-A);
}

.Grinder-Pump-32 {
    fill: #404042;
}

.Grinder-Pump-33 {
    fill: #8F9194;
}

.Grinder-Pump-34 {
    fill: url(#Grinder-Pump-19);
}

.Grinder-Pump-35 {
    fill: url(#Grinder-Pump-20);
}

.Grinder-Pump-36 {
    fill: #939598;
}

.Grinder-Pump-37 {
    fill: url(#Grinder-Pump-21);
}

.Grinder-Pump-38 {
    fill: url(#Grinder-Pump-22);
}

.Grinder-Pump-39 {
    fill: #58595B;
}

.Grinder-Pump-40 {
    fill: url(#Grinder-Pump-23);
}

.Grinder-Pump-41 {
    fill: url(#Grinder-Pump-24);
}

.Grinder-Pump-42 {
    fill: url(#Grinder-Pump-25);
}

.Grinder-Pump-52 {
    fill: url(#Grinder-Pump-35);
}

.Grinder-Pump-65 {
    fill: url(#Grinder-Pump-48);
}

.Grinder-Pump-71 {
    fill: url(#Grinder-Pump-54);
}

.Grinder-Pump-87 {
    opacity: 0.4;
}

.Grinder-Pump-88 {
    fill: url(#Grinder-Pump-70);
}

.Grinder-Pump-89 {
    fill: #414042;
}

.Grinder-Pump-90 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 7.8478;
    stroke-miterlimit: 10;
}

.Grinder-Pump-91 {
    fill: url(#Grinder-Pump-71);
}

/*Grinder Pump*/
/*Grinder Pump*/
/*Grinder Pump*/

/*Standby Generator*/
/*Standby Generator*/
/*Standby Generator*/


.basic-generator-grid-A {
    fill: #58595B;
}

.basic-generator-grid-B {
    fill: none;
    stroke: #F1F2F2;
    stroke-width: 1.8019;
    stroke-miterlimit: 10;
}

.basic-generator-grid-C {
    fill: none;
    stroke: #939598;
    stroke-width: 1.8019;
    stroke-miterlimit: 10;
}

.basic-generator-outline-A {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 14.4149;
    stroke-miterlimit: 10;
} 

.basic-generator-outline-B {
    fill: #FFFFFF;
}

.basic-generator-body-A {
    fill: url(#basic-generator-body-A);
}

.basic-generator-body-B {
    fill: url(#basic-generator-body-B);
}

.basic-generator-body-C {
    fill: url(#basic-generator-body-C);
}

.basic-generator-body-D {
    fill: #5f5f61;
}

.basic-generator-body-E {
    fill: url(#basic-generator-body-E);
}
/*Standby Generator*/
/*Standby Generator*/
/*Standby Generator*/

/*Control Valve*/
/*Control Valve*/
/*Control Valve*/

.control-valve-inner {
    opacity: 0.78;
    fill: url(#control-valve-inner);
}

.control-valve-inside-pipe-background {
    fill: transparent;
}

.control-valve-closed-rated-control-A {
    fill: url(#control-valve-closed-rated-control-A);
}

.control-valve-closed-rated-control-B {
    fill: url(#control-valve-closed-rated-control-B);
}

.control-valve-lever-off-A {
    display: inline;
    fill: #A90F14;
}

.control-valve-lever-off-B {
    display: inline;
    fill: #F15822;
}

.control-valve-plunger-off,
.control-valve-plunger-on {
    fill: #1A1A1A;
}

.control-valve-water-color {
    opacity: 0.49;
    fill: url(#control-valve-water-color);
}

.control-valve-water-motion {
    /*fill: url(#control-valve-water-motion);*/
    opacity: .5;
}
.control-valve-housing {
    fill: #999999;
}

.control-valve-pipe-ends-A {
    fill: url(#control-valve-pipe-ends-A);
}

.control-valve-pipe-ends-B {
    fill: url(#control-valve-pipe-ends-B);
}

.control-valve-pipe-ends-C {
    fill: url(#control-valve-pipe-ends-C);
    opacity: 0.15;
}

.control-valve-open-shaft {
    fill: url(#control-valve-open-shaft);
}

.control-valve-lever {
    fill: url(#control-valve-lever);
    opacity: 0.5;
}
.control-valve-lever-top {
    fill: url(#control-valve-lever-top);
}
.control-valve-lever-top-A {
    fill: url(#control-valve-lever-top-A);
}
.control-valve-water-white-line {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3.645;
    stroke-miterlimit: 10;
}
.control-valve-open-lever-handle {
    fill: #008A43;
}
/*Control Valve*/
/*Control Valve*/
/*Control Valve*/

/*Altitude Valve*/
/*Altitude Valve*/
/*Altitude Valve*/

.altitude-valve-inner {
    opacity: 0.78;
    fill: url(#altitude-valve-inner);
}

.altitude-valve-inside-pipe-background {
    fill: url(#altitude-valve-inside-pipe-background);
    stroke: white;
    stroke-width: 7;
    stroke-miterlimit: 10;
}

.altitude-valve-housing-top,
.altitude-valve-housing-bottom {
    fill: #999999;
}

.altitude-valve-pipe-ends-A {
    fill: url(#altitude-valve-pipe-ends-A);
}
.altitude-valve-pipe-ends-B {
    fill: url(#altitude-valve-pipe-ends-B);
}

.altitude-valve-water-top {
    opacity: 0.49;
    fill: url(#altitude-valve-water-top);
}

.altitude-valve-arrow {
    fill: navy;
}

.altitude-valve-water-motion {
    opacity: .5;
}

.altitude-valve-stem {
    fill: url(#altitude-valve-stem);
}

.altitude-valve-spring {
    fill: none;
    stroke: #000000;
    stroke-width: 2.7448;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.altitude-valve-above-spring-layer {
    fill: #808080;
}

.altitude-valve-switch {
    fill: none;
    stroke: #c5c7c9;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.altitude-valve-switch-fonts {
    fill: #c5c7c9;
    font-size: 18px;
}
.altitude-valve-quad-seal-top-A {
    fill: none;
    stroke: #000000;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.altitude-valve-quad-seal-bottom-A {
    fill: url(#altitude-valve-quad-seal-bottom-A);
}

.altitude-valve-quad-seal-bottom-B {
    fill: url(#altitude-valve-quad-seal-bottom-B);
}

.altitude-valve-closed.valve-state-closed .altitude-valve-quad-seal-bottom-B {
    stroke: #999999;
    stroke-width: 0;
}

.altitude-valve-quad-seal-bottom-C {
    fill: url(#altitude-valve-quad-seal-bottom-C);
}

.altitude-valve-quad-seal-bottom-D {
    fill: url(#altitude-valve-quad-seal-bottom-D);
}

.altitude-valve-closed.valve-state-closed .altitude-valve-quad-seal-bottom-D {
    stroke: #999999;
    stroke-width: 0;
}

.altitude-valve-quad-seal-A {
    fill: none;
    stroke: #000000;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.altitude-valve-quad-seal-B {
    fill: url(#altitude-valve-quad-seal-B);
}

.altitude-valve-cover-bearing-A {
    fill: url(#altitude-valve-cover-bearing-A);
}

.altitude-valve-cover-bearing-B {
    fill: url(#altitude-valve-cover-bearing-B);
}

.altitude-valve-cover-bearing-C {
    opacity: 0.5;
    fill: url(#altitude-valve-cover-bearing-C);
}

.altitude-valve-water-pipe-open-A {
    fill: #74D0ED;
}

.altitude-valve-water-pipe-open-B {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3.5;
    stroke-miterlimit: 10;
}

.altitude-valve-water-pipe-closed-A {
    fill: #A7A9AC;
    stroke: #A7A9AC;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.altitude-valve-water-pipe-closed-B {
    fill: #66B3E3;
}

.altitude-valve-water-pipe-closed-C {
    fill: #A7A9AC;
    stroke: #A7A9AC;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.altitude-valve-water-pipe-closed-D {
    display: inline;
    fill: #66B3E3;
}

.altitude-valve-water-pipe-closed-E {
    display: inline;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3.5;
    stroke-miterlimit: 10;
}    

/*Altitude Valve*/
/*Altitude Valve*/
/*Altitude Valve*/

/*Pump Stations*/
/*Pump Stations*/
/*Pump Stations*/
.pump-station-wall-outline {
    fill: #A7A9AC;
}

.pump-station-wall {
    fill:url(#pump-station-wall);
}

.pump-station-impeller-base {
    fill: #FFFFFF;
    pointer-events: auto;
}

.pump-station-water {
    opacity: 0.45;
}

.pump-station-water-outline {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6.3877;
    stroke-miterlimit: 10;
}

.pump-station-water-outline.dry-well-water-outline {
    stroke-width: 2.7931;
}

.pump-station-water-level,
.dry-well-pump-station-water-level {
    fill: url(#pump-station-water-level);
    pointer-events: none;
}

.pump-station-impeller-cover {
    fill: url(#pump-station-impeller-cover);
    pointer-events: none;
}

.pump-station-impeller-cover-opening {
    fill: transparent;
    stroke: #FFFFFF;
    stroke-width: 0.8771;
    stroke-miterlimit: 10;
    pointer-events: none;
}

.pump-station-float-tipped-black {
    fill: url(#pump-station-float-tipped-black); 
}

.pump-station-float-tipped-yellow,
.pump-station-float-flat-yellow {
    fill: none;
    stroke: #FFF200;
    stroke-width: 2.2432;
    stroke-miterlimit: 10;
}

.pump-station-float-tipped-weight {
    fill: url(#pump-station-float-tipped-weight);
}

.pump-station-float-flat-yellow-top {
    fill: none;
    stroke: #FFF200;
    stroke-width: 2.5602;
    stroke-miterlimit: 10;
}

.pump-station-float-flat-black {
    fill: url(#pump-station-float-flat-black);
}

.pump-station-float-flat-weight {
    fill: url(#pump-station-float-flat-weight);
}

.pump-station-float-flat-yellow-top {
    fill: none;
    stroke: #FFF200;
    stroke-width: 2.5602;
    stroke-miterlimit: 10;
}

.pump-station-float-shared-pipe {
    fill: url(#pump-station-float-shared-pipe);
}

.pump-station-float-shared-box-outline {
    fill: url(#pump-station-float-shared-box-outline);
}

.pump-station-float-shared-box {
    fill: url(#pump-station-float-shared-box);
}

.dry-well-level-markers line {
    stroke: darksalmon;
}

.dry-well-level-markers line {
    stroke: darksalmon;
}
.dry-well-level-min-max text {
    font-size: 16px;
    fill: darksalmon;
}
.dry-well-level-values text {
    font-size: 16px;
    fill: rgb(217, 217, 217);
}
.dry-well-level-analog-label {
    text-decoration: underline;
}

/*pump-station-float with animation*/
/*pump-station-float with animation*/
.pump-station-float-tipped {
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s linear;
}
    .pump-station-float-tipped.water-level-up {
        visibility: visible;
        opacity: 1;
        transition: visibility 2s, opacity 2s linear;
        transition-delay: .2s;
    }

    .pump-station-float-flat {
        visibility: visible;
        opacity: 1;
        transition: visibility 2s, opacity 2s linear;
    }

    .pump-station-float-flat.water-level-up {
        visibility: hidden;
        opacity: 0;
        transition: visibility .5s, opacity .5s linear;
        transition-delay: .2s;
    }

    .pump-station-water.pump-station-water-level {
        -webkit-animation: pswld .5s linear;
        -moz-animation: pswld .5s linear;
        -ms-animation: pswld .5s linear;
        -o-animation: pswld .5s linear;
        animation: pswld .5s linear;
        animation-fill-mode: forwards;
    }

    .pump-station-water.pump-station-water-level.water-level-up {
        -webkit-animation: pswlu .5s linear;
        -moz-animation: pswlu .5s linear;
        -ms-animation: pswlu .5s linear;
        -o-animation: pswlu .5s linear;
        animation: pswlu .5s linear;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes pswlu
    /* Safari and Chrome */
    {
        50% {
            transform: scale(1,1.3) translate(0px, -103px);
        }

        100% {
            transform: scale(1,1.6) translate(0px, -158px);
        }
    }

    @keyframes pswlu {

        50% {
            transform: scale(1,1.3) translate(0px, -103px);
        }

        100% {
            transform: scale(1,1.6) translate(0px, -158px);
        }
    }

    @-webkit-keyframes pswld
    /* Safari and Chrome */
    {
        0% {
            transform: scale(1,1.6) translate(0px, -158px);
        }

        50% {
            transform: scale(1,1.3) translate(0px, -103px);
        }

        100% {
            transform: scale(1,1) translate(0px, 0px);
        }
    }

    @keyframes pswld {

        0% {
            transform: scale(1,1.6) translate(0px, -158px);
        }
        
        50% {
            transform: scale(1,1.3) translate(0px, -103px);
        }

        100% {
            transform: scale(1,1) translate(0px, 0px);
        }
    }

    /*dry-well*/
    .pump-station-water.dry-well-pump-station-water-level {
        -webkit-animation: dwpswld .5s linear;
        -moz-animation: dwpswld .5s linear;
        -ms-animation: dwpswld .5s linear;
        -o-animation: dwpswld .5s linear;
        animation: dwpswld .5s linear;
        animation-fill-mode: forwards;
    }

    .pump-station-water.dry-well-pump-station-water-level.water-level-up {
        -webkit-animation: dwpswlu .5s linear;
        -moz-animation: dwpswlu .5s linear;
        -ms-animation: dwpswlu .5s linear;
        -o-animation: dwpswlu .5s linear;
        animation: dwpswlu .5s linear;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes dwpswlu
    /* Safari and Chrome */
    {
        50% {
            transform: translate(0px, 0px);
        }

        100% {
            transform: scale(1,2.56)  translate(0px, -242px);
        }
    }

    @keyframes dwpswlu {
        50% {
            transform: translate(0px, 0px);
        }

        100% {
            transform: scale(1,2.56) translate(0px, -242px);
        }
    }

    @-webkit-keyframes dwpswld
    /* Safari and Chrome */
    {
        0% {
            transform: scale(1,2.56) translate(0px, -242px);
        }
        50% {
            transform: translate(0px, 0px);
        }
        100% {
            transform: scale(1,1) translate(0px, 0px);
        }
    }

    @keyframes dwpswld {
        0% {
            transform: scale(1,2.56) translate(0px, -242px);
        }
        50% {
            transform: translate(0px, 0px);
        }
        100% {
            transform: scale(1,1) translate(0px, 0px);
        }
    }
    /*dry-well*/   

    /*pump-station-float with animation*/
    /*pump-station-float with animation*/


    /*Wet Well*/
    .upWidget.Dark .pump-station-image,
    .upWidget.Dark .pump-station-float {
        filter: brightness(1.1);
    }

    .upWidget.Glass .pump-station-image,
    .upWidget.Glass .pump-station-float {
        filter: contrast(150%);
    }

    .upWidget.Glass .pump-station-wall-with-outline,
    .upWidget.Glass .wet-well-wall-with-outline-a,
    .upWidget.Glass .wet-well-wall-with-outline-b,
    .upWidget.Glass .wet-well-top-door,
    .upWidget.Glass .dry-well-wall-with-outline,
    .upWidget.Glass .wet-well-wall-with-outline {
        opacity: .7;
    }

    .upWidget.Light .pump-station-image,
    .upWidget.Light .pump-station-float {
        filter: brightness(1.2);
    }

    .upWidget.Light .pump-station-wall-with-outline,
    .upWidget.Light .wet-well-wall-with-outline-a,
    .upWidget.Light .wet-well-wall-with-outline-b,
    .upWidget.Light .wet-well-top-door,
    .upWidget.Light .dry-well-wall-with-outline,
    .upWidget.Light .wet-well-wall-with-outline {
        opacity: .9;
    }

    .wet-well-wall-outline {
        fill: #545456;
    }

    .wet-well-top-door-right-bg {
        fill: #FFFFFF;
    }

    .wet-well-top-door-right {
        fill: url(#wet-well-top-door-right);
        stroke: #6D6E71;
        stroke-width: 1.1911;
        stroke-miterlimit: 10;
    }

    .wet-well-top-door-left-bg {
        fill: #FFFFFF;
        stroke: #6D6E71;
        stroke-width: 1.1911;
        stroke-miterlimit: 10;
    }

    .wet-well-top-door-left {
        fill: url(#wet-well-top-door-left);
        stroke: #6D6E71;
        stroke-width: 1.1911;
        stroke-miterlimit: 10;
    }

    .wet-well-top-door-bottom {
        fill: url(#wet-well-top-door-bottom);
        opacity: 0.5;
    }

    .wet-well-blade-A {
        fill: #7E8082;
    }

    .wet-well-blade-B {
        fill: #414042;
    }

    .pump-info-mouse-over {
        fill: transparent;
            cursor: pointer;
    }

    .wet-well-level-min-max text {
        font-size: 23px;
        fill: darksalmon;
    }

    .wet-well-level-values text {
        font-size: 23px;
        fill: rgb(217, 217, 217);
    }
/*Wet Well*/
/*Pump Stations*/
/*Pump Stations*/
/*Pump Stations*/
/*Temperature*/
/*Temperature*/
/*Temperature*/
.temperature-orbit-0 {
    opacity: 0;
    enable-background: new;
}

.temperature-orbit-1 {
    fill: none;
    stroke: #FF0000;
    stroke-width: 4.9746;
    stroke-miterlimit: 10;
}

.temperature-orbit-2 {
    fill: #FFFFFF;
    stroke: #FF0000;
    stroke-width: 5.2631;
    stroke-miterlimit: 10;
}

.temperature-orbit-3 {
    fill: #FF0000;
}

.temperature-orbit-4 {
    display: none;
    fill: #FFF000;
}

.temperature-orbit-5 {
    display: none;
    fill: #333333;
}

.temperature-orbit-6 {
    display: none;
    fill: #FF6700;
}

.temperature-orbit-7 {
    display: none;
    fill: #0000FF;
}

.temperature-gauge-8 {
    fill: #C9CACC;
    stroke: #D5D7D8;
    stroke-width: 8.7584;
    stroke-miterlimit: 10;
}

.temperature-gauge-9 {
    fill: url(#temperature-gradient-1);
    stroke: #FFFFFF;
    stroke-width: 1.6422;
    stroke-miterlimit: 10;
}

.temperature-gauge-10 {
    fill: url(#temperature-gradient-2);
}

.temperature-gauge-11 {
    fill: url(#temperature-gradient-3);
}

.temperature-gauge-12 {
    fill: url(#temperature-gradient-4);
}

.temperature-gauge-13 {
    fill: url(#temperature-gradient-5);
}

.temperature-text-14 {
    fill: none;
    stroke: #231F20;
    stroke-width: 2.1896;
    stroke-miterlimit: 10;
}

.temperature-text-15 {
    font-family: 'MyriadPro-Regular';
}

.temperature-text-16 {
    font-size: 30.5049px;
}

.temperature-hud-17 {
    opacity: 0.3;
    fill: #FFFFFF;
}

.temperature-hud-18 {
    opacity: 0.95;
    fill: #0B0B0B;
}

.temperature-hud-19 {
    fill: #FFFFFF;
}

.temperature-hud-20 {
    fill: none;
}

.temperature-hud-21 {
    font-family: 'Roboto-Regular';
}

.temperature-hud-22 {
    font-size: 50.391px;
}

.temperature-hud-23 {
    font-size: 50px;
}
/*Temperature*/
/*Temperature*/
/*Temperature*/

/*Cylinder Gauge*/
/*Cylinder Gauge*/
/*Cylinder Gauge*/
.cylinder-water-8 {
    fill: url(#cylinder-gradient-1);
}

.cylinder-water-9 {
    fill: url(#cylinder-gradient-2);
}

.cylinder-water-10 {
    fill: url(#cylinder-gradient-3);
}

.cylinder-water-11 {
    opacity: 0.32;
    fill: #DCDDDE;
    stroke: #DCDDDE;
    stroke-width: 2.7985;
    stroke-miterlimit: 10;
}

.cylinder-gauge-12 {
    opacity: 0.65;
    fill: url(#cylinder-gradient-4);
}

.cylinder-gauge-13 {
    opacity: 0.47;
    fill: url(#cylinder-gradient-5);
}

.cylinder-gauge-14 {
    opacity: 8.000000e-02;
    fill: none;
    stroke: #231F20;
    stroke-width: 2.7985;
    stroke-miterlimit: 10;
}

.cylinder-gauge-15 {
    fill: #E2E3E4;
}

.cylinder-gauge-16 {
    fill: #B8BABC;
}

.cylinder-text-17 {
    fill: none;
    stroke: #231F20;
    stroke-width: 1.8657;
    stroke-miterlimit: 10;
}

.cylinder-text-18 {
    font-family: 'Roboto-Regular';
}

.cylinder-text-19 {
    font-size: 10.2297px;
}
/*Cylinder Gauge*/
/*Cylinder Gauge*/
/*Cylinder Gauge*/

/*Elevated Water Tank*/
/*Elevated Water Tank*/
/*Elevated Water Tank*/
.elevated-water-tank-orbit-0 {
    opacity: 0.1;
    enable-background: new;
}

.elevated-water-tank-orbit-1 {
    fill: #FF0000;
}

.elevated-water-tank-orbit-2 {
    fill: #FFFFFF;
    stroke: #FF0000;
    stroke-width: 5.2631;
    stroke-miterlimit: 10;
}

.elevated-water-tank-orbit-3 {
    display: none;
    fill: #FFF000;
}

.elevated-water-tank-orbit-4 {
    display: none;
    fill: #333333;
}

.elevated-water-tank-orbit-5 {
    display: none;
    fill: #FF6700;
}

.elevated-water-tank-orbit-6 {
    display: none;
    fill: #0000FF;
}

.elevated-water-tank-outline-7 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 7.1292;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.elevated-water-tank-outline-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 7.02;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.elevated-water-tank-outline-9 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.elevated-water-tank-body-10 {
    fill: url(#elevated-water-tank-gradient-1);
}

.elevated-water-tank-body-11 {
    fill: url(#elevated-water-tank-gradient-2);
}

.elevated-water-tank-body-12 {
    opacity: 0.91;
}

.elevated-water-tank-body-13 {
    fill: url(#elevated-water-tank-gradient-3);
}

.elevated-water-tank-body-14 {
    fill: url(#elevated-water-tank-gradient-4);
}

.elevated-water-tank-body-15 {
    fill: #FFFFFF;
}

.elevated-water-tank-body-16 {
    fill: url(#elevated-water-tank-gradient-5);
}

.elevated-water-tank-body-17 {
    fill: url(#elevated-water-tank-gradient-bottom-1);
}

.elevated-water-tank-body-18 {
    fill: url(#elevated-water-tank-gradient-top-1);
}

.elevated-water-tank-body-19 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.elevated-water-tank-body-20 {
    fill: url(#elevated-water-tank-gradient-6);
}

.elevated-water-tank-hud-21 {
    opacity: 0.3;
    fill: #FFFFFF;
}

.elevated-water-tank-hud-22 {
    opacity: 0.9;
}

.elevated-water-tank-hud-23 {
    fill: #B3B3B3;
}

.elevated-water-tank-hud-24 {
    fill: none;
}

.elevated-water-tank-hud-25 {
    font-family: 'Roboto-Regular';
}

.elevated-water-tank-hud-26 {
    font-size: 50.391px;
}

.elevated-water-tank-hud-27 {
    font-size: 50px;
}

.elevated-water-tank-status-panel-28 {
    fill: none;
    stroke: #231F20;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.elevated-water-tank-status-panel-29 {
    fill: #231F20;
}

.elevated-water-tank-status-panel-30 {
    font-family: 'Roboto-Bold';
}

.elevated-water-tank-status-panel-31 {
    font-size: 24px;
}

.elevated-water-tank-status-panel-32 {
    font-size: 18px;
}

/*Elevated Water Tank*/
/*Elevated Water Tank*/
/*Elevated Water Tank*/

/*Standpipe Storage Tank*/
/*Standpipe Storage Tank*/
/*Standpipe Storage Tank*/
.standpipe-storage-tank-orbit-0 {
    opacity: 0.1;
    enable-background: new;
}

.standpipe-storage-tank-orbit-1 {
    fill: #FF0000;
}

.standpipe-storage-tank-orbit-2 {
    fill: #FFFFFF;
    stroke: #FF0000;
    stroke-width: 5.2631;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-orbit-3 {
    display: none;
    fill: #FFF000;
}

.standpipe-storage-tank-orbit-4 {
    display: none;
    fill: #333333;
}

.standpipe-storage-tank-orbit-5 {
    display: none;
    fill: #FF6700;
}

.standpipe-storage-tank-orbit-6 {
    display: none;
    fill: #0000FF;
}

.standpipe-storage-tank-outline-7 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-outline-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 7.3896;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-outline-9 {
    filter: url(#Adobe_OpacityMaskFilter);
}

.standpipe-storage-tank-outline-10 {
    filter: url(#Adobe_OpacityMaskFilter_1_);
}

.standpipe-storage-tank-outline-11 {
    mask: url(#SVGID_1_);
    fill: url(#standpipe-storage-tank-gradient-2);
}

.standpipe-storage-tank-outline-12 {
    opacity: 0.5;
}

.standpipe-storage-tank-outline-13 {
    filter: url(#Adobe_OpacityMaskFilter_2_);
}

.standpipe-storage-tank-outline-14 {
    filter: url(#Adobe_OpacityMaskFilter_3_);
}

.standpipe-storage-tank-outline-15 {
    mask: url(#SVGID_3_);
    fill: url(#standpipe-storage-tank-gradient-4);
}

.standpipe-storage-tank-outline-16 {
    filter: url(#Adobe_OpacityMaskFilter_4_);
}

.standpipe-storage-tank-outline-17 {
    filter: url(#Adobe_OpacityMaskFilter_5_);
}

.standpipe-storage-tank-outline-18 {
    mask: url(#SVGID_5_);
    fill: url(#standpipe-storage-tank-gradient-6);
}

.standpipe-storage-tank-body-19 {
    fill: url(#standpipe-storage-tank-gradient-white-outline-2);
}

.standpipe-storage-tank-body-20 {
    opacity: 0.9;
}

.standpipe-storage-tank-body-21 {
    fill: url(#standpipe-storage-tank-gradient-7);
    stroke: #20301E;
    stroke-width: 1.6596;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-body-22 {
    fill: #8E3701;
}

.standpipe-storage-tank-body-23 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2.623;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-body-24 {
    fill: url(#standpipe-storage-tank-gradient-8);
}

.standpipe-storage-tank-body-25 {
    filter: url(#Adobe_OpacityMaskFilter_6_);
}

.standpipe-storage-tank-body-26 {
    filter: url(#Adobe_OpacityMaskFilter_7_);
}

.standpipe-storage-tank-body-27 {
    mask: url(#SVGID_9_);
    fill: url(#standpipe-storage-tank-gradient-10);
}

.standpipe-storage-tank-body-28 {
    filter: url(#Adobe_OpacityMaskFilter_8_);
}

.standpipe-storage-tank-body-29 {
    filter: url(#Adobe_OpacityMaskFilter_9_);
}

.standpipe-storage-tank-body-30 {
    mask: url(#SVGID_11_);
    fill: url(#standpipe-storage-tank-gradient-12);
}

.standpipe-storage-tank-body-31 {
    filter: url(#Adobe_OpacityMaskFilter_10_);
}

.standpipe-storage-tank-body-32 {
    filter: url(#Adobe_OpacityMaskFilter_11_);
}

.standpipe-storage-tank-body-33 {
    mask: url(#SVGID_13_);
    fill: url(#standpipe-storage-tank-gradient-14);
}

.standpipe-storage-tank-body-34 {
    fill: url(#standpipe-storage-tank-gradient-15);
}

.standpipe-storage-tank-body-35 {
    fill: url(#standpipe-storage-tank-gradient-bottom-intake-6);
}

.standpipe-storage-tank-body-36 {
    fill: url(#standpipe-storage-tank-gradient-bottom-intake-7);
}

.standpipe-storage-tank-body-37 {
    fill: url(#standpipe-storage-tank-gradient-16);
}

.standpipe-storage-tank-body-38 {
    fill: url(#standpipe-storage-tank-gradient-17);
}

.standpipe-storage-tank-hud-39 {
    opacity: 0.3;
    fill: #FFFFFF;
}

.standpipe-storage-tank-hud-40 {
    opacity: 0.9;
    fill: #FFFFFF;
}

.standpipe-storage-tank-hud-41 {
    opacity: 0.65;
}

.standpipe-storage-tank-hud-42 {
    fill: none;
}

.standpipe-storage-tank-hud-43 {
    font-family: 'Roboto-Regular';
}

.standpipe-storage-tank-hud-44 {
    font-size: 50.391px;
}

.standpipe-storage-tank-hud-45 {
    font-size: 50px;
}

.standpipe-storage-tank-status-panel-46 {
    fill: none;
    stroke: #231F20;
    stroke-width: 1.9518;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.standpipe-storage-tank-status-panel-47 {
    fill: #231F20;
}

.standpipe-storage-tank-status-panel-48 {
    font-family: 'Roboto-Bold';
}

.standpipe-storage-tank-status-panel-49 {
    font-size: 24px;
}

.standpipe-storage-tank-status-panel-50 {
    font-size: 18px;
}

.standpipe-storage-tank-status-panel-51 {
    font-size: 24.26px;
}
/*Standpipe Storage Tank*/
/*Standpipe Storage Tank*/
/*Standpipe Storage Tank*/

/*Hydro Pneumatic Tank*/
/*Hydro Pneumatic Tank*/
/*Hydro Pneumatic Tank*/
.hydro-pneumatic-tank-orbit-0 {
    opacity: 0.1;
    enable-background: new;
}

.hydro-pneumatic-tank-orbit-1 {
    fill: #FF0000;
}

.hydro-pneumatic-tank-orbit-2 {
    fill: #FFFFFF;
    stroke: #FF0000;
    stroke-width: 5.2631;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-orbit-3 {
    display: none;
    fill: #FFF000;
}

.hydro-pneumatic-tank-orbit-4 {
    display: none;
    fill: #333333;
}

.hydro-pneumatic-tank-orbit-5 {
    display: none;
    fill: #FF6700;
}

.hydro-pneumatic-tank-orbit-6 {
    display: none;
    fill: #0000FF;
}

.hydro-pneumatic-tank-outline-7 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 9.6589;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-outline-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 10.624;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-outline-9 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 9.6589;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-outline-10 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 8;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-body-11 {
    fill: url(#hydro-pneumatic-tank-gradient-1);
}

.hydro-pneumatic-tank-body-12 {
    fill: url(#hydro-pneumatic-tank-gradient-2);
}

.hydro-pneumatic-tank-body-13 {
    fill: url(#hydro-pneumatic-tank-gradient-3);
}

.hydro-pneumatic-tank-body-14 {
    opacity: 0.64;
}

.hydro-pneumatic-tank-body-15 {
    fill: url(#hydro-pneumatic-tank-gradient-4);
    stroke: #20301E;
    stroke-width: 1.7027;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-body-16 {
    opacity: 0.9;
}

.hydro-pneumatic-tank-body-17 {
    fill: #8E3701;
}

.hydro-pneumatic-tank-body-18 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-body-19 {
    fill: url(#hydro-pneumatic-tank-gradient-5);
}

.hydro-pneumatic-tank-body-20 {
    fill: url(#hydro-pneumatic-tank-gradient-6);
}

.hydro-pneumatic-tank-body-21 {
    fill: url(#hydro-pneumatic-tank-gradient-7);
}

.hydro-pneumatic-tank-body-22 {
    filter: url(#Adobe_OpacityMaskFilter);
}

.hydro-pneumatic-tank-body-23 {
    filter: url(#Adobe_OpacityMaskFilter_1_);
}

.hydro-pneumatic-tank-body-24 {
    mask: url(#SVGID_8_);
    fill: url(#hydro-pneumatic-tank-gradient-9);
}

.hydro-pneumatic-tank-body-25 {
    filter: url(#Adobe_OpacityMaskFilter_2_);
}

.hydro-pneumatic-tank-body-26 {
    filter: url(#Adobe_OpacityMaskFilter_3_);
}

.hydro-pneumatic-tank-body-27 {
    mask: url(#SVGID_10_);
    fill: url(#hydro-pneumatic-tank-gradient-11);
}

.hydro-pneumatic-tank-body-28 {
    fill: url(#hydro-pneumatic-tank-gradient-12);
}

.hydro-pneumatic-tank-body-29 {
    fill: url(#hydro-pneumatic-tank-gradient-13);
}

.hydro-pneumatic-tank-body-30 {
    fill: url(#hydro-pneumatic-tank-gradient-14);
}

.hydro-pneumatic-tank-body-31 {
    fill: none;
    stroke: #383638;
    stroke-width: 2.4147;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-hud-32 {
    opacity: 0.3;
    fill: #FFFFFF;
}

.hydro-pneumatic-tank-hud-33 {
    opacity: 0.65;
    fill: #FFFFFF;
}

.hydro-pneumatic-tank-hud-34 {
    fill: none;
}

.hydro-pneumatic-tank-hud-35 {
    font-family: 'Roboto-Regular';
}

.hydro-pneumatic-tank-hud-36 {
    font-size: 50.391px;
}

.hydro-pneumatic-tank-hud-37 {
    font-size: 50px;
}

.hydro-pneumatic-tank-status-panel-38 {
    fill: none;
    stroke: #231F20;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.hydro-pneumatic-tank-status-panel-39 {
    fill: #231F20;
}

.hydro-pneumatic-tank-status-panel-40 {
    font-family: 'Roboto-Bold';
}

.hydro-pneumatic-tank-status-panel-41 {
    font-size: 24px;
}
/*Hydro Pneumatic Tank*/
/*Hydro Pneumatic Tank*/
/*Hydro Pneumatic Tank*/


/*MM+ Widget*/
/*MM+ Widget*/
/*MM+ Widget*/
.mmPlus-measuring-scale {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 1.2513;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.mmPlus-measuring-scale-values {
    font-family: 'Roboto-Bold';
    fill: #FFFFFF;
    text-shadow: 1px 1px #000000;
    font-size: 13px;
}

.light-background .mmPlus-measuring-scale {
    stroke: #231F20 !important;
}

.light-background .mmPlus-measuring-scale-values {
    fill: #231F20 !important;
    text-shadow: none !important;
}

.mmPlus-float-flat-yellow {
    fill: none;
    stroke: #FFF200;
    stroke-width: 2.2536;
    stroke-miterlimit: 10;
}

.mmPlus-level-sensor-cable {
    fill: none;
    stroke: #231F20;
    stroke-width: 1.98;
    stroke-miterlimit: 10;
}

.mmPlus-bottom-pipe {
    fill: #A7A9AC;
}

.mmPlus-bottom-pipe-gradient {
    fill: url(#mmPlus-gradient-bottom-pipe);
}

.mmPlus-water-outline {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2.7936;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.mmPlus-water-level {
    opacity: 0.55;
}
.upWidget.TachGauge1.Glass .mmPlus-background {
    opacity: .6;
}

.mmPlus-thresholds-values text {
    font-size: 16px;
    fill: rgb(217, 217, 217);
    text-shadow: 1px 1px #000000;
}

.svg-font-awesome {
    font-family: FontAwesome !important;
    font-size: 14px !important;
}

/*MM+ Widget*/
/*MM+ Widget*/
/*MM+ Widget*/

/*Wind Speed*/
/*Wind Speed*/
/*Wind Speed*/
.wind-speed-orbit-0 {
    opacity: 0.2;
    enable-background: new;
}

.wind-speed-orbit-1 {
    fill: #FF0000;
}

.wind-speed-orbit-2 {
    fill: #FFFFFF;
    stroke: #FF0000;
    stroke-width: 5.2631;
    stroke-miterlimit: 10;
}

.wind-speed-orbit-3 {
    display: none;
    fill: #FFF000;
}

.wind-speed-orbit-4 {
    display: none;
    fill: #333333;
}

.wind-speed-orbit-5 {
    display: none;
    fill: #FF6700;
}

.wind-speed-orbit-6 {
    display: none;
    fill: #0000FF;
}

.wind-speed-white-outline-7 {
    fill: none;
    stroke: #000000;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.wind-speed-white-outline-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-miterlimit: 10;
}

.wind-speed-red-band-8 {    
    fill: none;
    stroke-width: 30;
    stroke-dashoffset: 0%;
}

.wind-speed-green-half-circles-9 {
    fill: #5BBA47;
    stroke: #5BBA47;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.wind-speed-white-center-circle-10 {
    fill: #ededed;
    enable-background: new;
}
/*Wind Speed*/
/*Wind Speed*/
/*Wind Speed*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Needle */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.upWidget .NeedleSVG .Needle {
    transform-origin: 50% 50%;
    transition: all .001s ease-in-out;
    transform: rotate(0deg);
}

.upWidget.Dark .NeedleSVG .Needle {
  fill: rgb(0, 0, 0);
}

.upWidget.Light .NeedleSVG .Needle {
  fill: rgb(22, 22, 22);
}

.upWidget.Glass .NeedleSVG .Needle {
  fill: rgb(50, 50, 50);
}

.upWidget.Dark .outer_Wheel {
  fill: #000000;
}
.upWidget.Light .outer_Wheel {
  fill: rgb(22, 22, 22);
}
.upWidget.Glass .outer_Wheel {
  
  fill: rgb(22, 22, 22);
}

.upWidget.Dark .mid_Wheel {
  fill: #ffffff;
}
.upWidget.Light .mid_Wheel {
  fill: #ffffff;
}
.upWidget.Glass .mid_Wheel {
  fill: rgb(255, 255, 255);
}

.upWidget.Dark .center_Wheel {
  fill: #000000;
}
.upWidget.Light .center_Wheel {
  fill: #dfdfdf;
}
.upWidget.Glass .center_Wheel {
  fill: #dfdfdf;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Helpers */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.upWidget.TachGauge1 .CommFail .GaugeArc {
  stroke: rgb(116, 116, 116);
}

.upWidget .tooltip {
  padding: 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px;
}

.upWidget .highcharts-container {
  overflow: visible !important;
}

.upWidget #divContainerId .highcharts-container {
  z-index: 10 !important;
  /*If you have problems with the label hiding behind some other div or chart play with z-index*/
}

.upWidget .tab-content {
  padding: 0px;
  padding-top: 20px;
}

.upWidget .nav-tabs>li>a {
  margin-right: 0px;
  line-height: 1.42857143;
  border: 0px;
  border-radius: 0 0 0 0;
  text-align: center;
}

.upWidget .nav-tabs>li {
  float: left;
  margin-bottom: -1px;
  width: 25%;
}

.upWidget .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 5px;
}

.upWidget .padding5 {
  padding: 5px !important;
  margin: 0 !important;
}

.upWidget .shaded {
  padding-top: 2px;
  background-color: rgba(0, 0, 0, 0.05);
}

.upWidget .color-brush {
    color: #e1e3e8;
    text-shadow: 1px 1px 4px #000000;
    font-size: smaller;
    cursor: pointer;
}
.mc-analog-gauge-view-html .upWidget {
    cursor: move;
}

.wLed {
    cursor: pointer;
}

.wLed .bubbleEffect {
    pointer-events : none;
}


/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media not all and (min-resolution:.001dpcm) { @media {

    /* BackTrack gradient */
    .upWidget.Dark .backfaceTrack {
        fill: #9b9b9d!important;
        fill: rgba(155, 155, 157, 0.8)!important;
    }
    .upWidget.Light .backfaceTrack {
        fill: #c8c8c8!important;
        fill: rgba(200, 200, 200, .9)!important;
    }

    .upWidget.Glass .backfaceTrack {
        fill: #c8c8c8!important;
        fill: rgba(200, 200, 200, .6)!important;
    }

    /* Backface gradient */

    .upWidget.Dark .backfaceGrad {
        fill: #9b9b9d!important;
        fill: rgba(155, 155, 157, 0.8)!important;
    }
    .upWidget.Light .backfaceGrad {
        fill: #c8c8c8!important;
        fill: rgba(200, 200, 200, .9)!important;
    }

    .upWidget.Glass .backfaceGrad {
        fill: #c8c8c8!important;
        fill: rgba(200, 200, 200, .6)!important;
    }


    /* TracksOutlines (lines around boxes) */
    .upWidget.Dark .TracksOutlines {
        fill: rgba(255, 255, 255, .55)!important;
    }
    .upWidget.Light .TracksOutlines {
        fill: rgba(255, 255, 255, .55)!important;
    }
    .upWidget.Glass .TracksOutlines {
        fill: rgba(255, 255, 255, .55)!important;
    }
}}


/*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*/
/*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*/
/*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*//*Status Widgets*/

   .wLED .backgroundBlack {
        fill: #0b0b0b;
    }

    .wLED .backgroundGrad1 {
        fill: url(#linear-gradient);
    }

    .wLED .backgroundGrad2 {
        fill: url(#linear-gradient-2);
    }

    .wLED .colorLayer {
        fill: #00ff33;
        opacity: 0.95;
    }

    .wLED .bubbleEffect {
        opacity: 0.9;
        fill: url(#linear-gradient-3);
    }

    .wLED .actionEffect {
        fill: transparent;
    }

    .wLED.commFail .actionEffect {
        opacity: 0.85;
        fill: #333333;
    }

    .wLED:not(.blink) .stateEffect {
        fill: transparent;
    }

    .wLED.blink .stateEffect {
        -webkit-animation: blinkinglight 0.90s infinite;
        -moz-animation: blinkinglight 0.90s infinite;
        -o-animation: blinkinglight 0.90s infinite;
        animation: blinkinglight 0.90s infinite;
    }

    @-webkit-keyframes blinkinglight {
        67% { opacity: 0 }
    }

    @-moz-keyframes blinkinglight {
        67% { opacity: 0 }
    }

    @-o-keyframes blinkinglight {
        67% { opacity: 0 }
    }

    @keyframes blinkinglight {
        67% { opacity: 0 }
    }

    .wLED.logicalOpen g .colorLayer {
        fill: #969696;
    }

    .wLED.logicalClosed g .colorLayer {
        fill: #00ff33;
    }

    .wLED.logicalInputFault g .colorLayer {
        fill: #00ff33;
    }

    .wLED.physicalNormal g .colorLayer {
        fill: #00ff33;
    }

    .wLED.physicalNotifying g .colorLayer {
        fill: #ff0000;
    }

    .wLED.physicalAcknowledged g .colorLayer {
        fill: #ff0000;
    }

    .wLED.physicalExpired g .colorLayer {
        fill: #ff00cc;
    }

    .wLED.physicalInputFault g .colorLayer {
        fill: #fff000;
    }

    .wLED.physicalDisabled g .colorLayer {
        fill: #006699;
    }

    .mc-status-widget-view-html .animate-show-hide.ng-hide {
        opacity: 0;
    }

    .mc-status-widget-view-html .animate-show-hide.ng-show {
        opacity: 1;
    }

    .mc-status-widget-view-html .animate-show-hide .ng-hide-add,
    .mc-status-widget-view-html .animate-show-hide .ng-hide-remove {
        transition: all linear 0.5s;
    }

@media not all and (min-resolution:.001dpcm) { @media {

    .wLED .backgroundGrad1 {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }

    .wLED .backgroundGrad2 {
        fill: #5e5e61!important;
        fill: rgba(94,94,97, 0.9)!important;
    }

    .wLED .bubbleEffect {
        fill: #FFFFFF!important;
        fill: rgba(255,255,255, 0.3)!important;
    }
}}

/*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*/
/*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*/
/*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*//*Runtime Widgets*/

.widgetContainer .htmloverlay {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    pointer-events : none;
}
.widgetContainer .htmloverlay .PumpTextOverlay {
    text-shadow: 0px 0px #000000;
}
.widgetContainer .wPump1 .color_Backdrop,
.widgetContainer .wPump1 .shader_Backdrop,
.widgetContainer .wPump1 .Blade {
    pointer-events : none;
}
.wPump1 {
    position: absolute;
}
    .wPump1 .backfaceFill_xs {
        fill: rgba(0, 0, 0, 1)!important; 
        opacity: 0.1;
    }

    /*.wPump1 .backfacePattern2 {
        opacity: 0.1;
    }*/

    .wPump1 .backfacePattern1 {
        fill: #fff;
    }

    .wPump1 .backfacePattern2 {
        fill: #fff;
    }

    .wPump1 .Body-Outline {
        fill: #fff;
    }

    .wPump1 .Arm-Outline {
        fill: #fff;
    }

    /*.wPump1 .backfacePattern1 {
        opacity: 0.25;
    }*/

    .wPump1 .shader_Backdrop {
        fill: #FFF;
        opacity: .5;
    }

    .wPump1 .shader_Backdrop.small {
        opacity: 1!important;
    }

    .wPump1 .Blade {
        fill: #FFF;
    }

    .wPump1 .Wash {
        fill: none;
        stroke: #969696;
        stroke-miterlimit: 10;
        stroke-width: 2px;
    }

    .wPump1 .Body-GradMain {
        fill: url(#Dark_Grad);
    }

    .wPump1 .Body-GradPipe {
        fill: url(#Dark_Grad-2);
    }

    .wPump1 .Arm-GradArm {
        fill: url(#Dark_Grad-3);
    }

    .wPump1 .Arm-GradPipe {
        fill: url(#Dark_Grad-4);
    }

    .wPump1 .Body-BackOutline {
        stroke: #FFFFFF; 
        stroke-width: 1px; 
        fill: none; 
    }

    .wPump1 .Arm-Backdrop {
        fill: #FFFFFF;
    }

    .wPump1 .Arm-BackOutline {
        fill: #FFFFFF;
    }

    .wPump1 .Body-Backdrop {
        fill: #FFFFFF;
    }

    .wPump1 .fadeOp {
        -webkit-animation: wPump1-fadeOp 0.90s infinite;
        -moz-animation: wPump1-fadeOp 0.90s infinite;
        -o-animation: wPump1-fadeOp 0.90s infinite;
        animation: wPump1-fadeOp 0.90s infinite;
    }

    @-webkit-keyframes wPump1-fadeOp {
        67% { opacity: 0.35 }
    }

    @-moz-keyframes wPump1-fadeOp {
        67% { opacity: 0.35 }
    }

    @-o-keyframes wPump1-fadeOp {
        67% { opacity: 0.35 }
    }

    @keyframes wPump1-fadeOp {
        67% { opacity: 0.35 }
    }

    .wPump1 .spin {
        transform-origin: 50% 50%;
        -webkit-animation: wPump1-rotating 5s linear infinite;
        -moz-animation: wPump1-rotating 5s linear infinite;
        -ms-animation: wPump1-rotating 5s linear infinite;
        -o-animation: wPump1-rotating 5s linear infinite;
        animation: wPump1-rotating 5s linear infinite;
    }

 @-webkit-keyframes wPump1-rotating
    /* Safari and Chrome */
    {
        from {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes wPump1-rotating {
        from {
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

/*Blower Pump*/
/*Blower Pump*/
/*Blower Pump*/

.wPump1 .two-spin {
    transform-origin: 50.5% 35%;
    -webkit-animation: wPump1-two-rotating 5s linear infinite;
    -moz-animation: wPump1-two-rotating 5s linear infinite;
    -ms-animation: wPump1-two-rotating 5s linear infinite;
    -o-animation: wPump1-two-rotating 5s linear infinite;
    animation: wPump1-two-rotating 5s linear infinite;
}

@-webkit-keyframes wPump1-two-rotating
    /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes wPump1-two-rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.wPump1 .impeller-opposite.two-spin {
    transform-origin: 50.5% 65%;
    -webkit-animation: wPump1-two-rotating-back 5s linear infinite;
    -moz-animation: wPump1-two-rotating-back 5s linear infinite;
    -ms-animation: wPump1-two-rotating-back 5s linear infinite;
    -o-animation: wPump1-two-rotating-back 5s linear infinite;
    animation: wPump1-two-rotating-back 5s linear infinite;
}

@-webkit-keyframes wPump1-two-rotating-back
/* Safari and Chrome */
{
    to {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes wPump1-two-rotating-back {
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Submersible Pump*/
/*Submersible Pump*/
/*Submersible Pump*/
.wPump1 .run {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-running 1s linear infinite;
    -moz-animation: wPump1-running 1s linear infinite;
    -ms-animation: wPump1-running 1s linear infinite;
    -o-animation: wPump1-running 1s linear infinite;
    animation: wPump1-running 1s linear infinite;
}

@-webkit-keyframes wPump1-running
/* Safari and Chrome */
{
    0%   {transform: translate(-5px, 0);}
    100%  {transform: translate(69px, 0);}
}

@keyframes wPump1-running {
    0%   {transform: translate(-5px, 0);}
    100%  {transform: translate(69px, 0);}
}
/*Submersible Pump*/
/*Submersible Pump*/
/*Submersible Pump*/

/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/
.wPump1 .run-short {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-running-short 1s linear infinite;
    -moz-animation: wPump1-running-short 1s linear infinite;
    -ms-animation: wPump1-running-short 1s linear infinite;
    -o-animation: wPump1-running-short 1s linear infinite;
    animation: wPump1-running-short 1s linear infinite;
}

@-webkit-keyframes wPump1-running-short
/* Safari and Chrome */
{
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(52px, 0);
    }
}

@keyframes wPump1-running-short {
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(52px, 0);
    }
}
/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/
/*Waste Water Submersible Pump*/

/*Control Valve*/
/*Control Valve*/
/*Control Valve*/
.wPump1 .water-flow {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-water-flowing .25s linear infinite;
    -moz-animation: wPump1-water-flowing .25s linear infinite;
    -ms-animation: wPump1-water-flowing .25s linear infinite;
    -o-animation: wPump1-water-flowing .25s linear infinite;
    animation: wPump1-water-flowing .25s linear infinite;
}

@-webkit-keyframes wPump1-water-flowing
/* Safari and Chrome */
{
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(69px, 0);
    }
}

@keyframes wPump1-water-flowing {
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(69px, 0);
    }
}

.control-valve-open.valve-state-closed {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s linear;
}
.control-valve-open.valve-state-open {
    visibility: visible;
    opacity: 1;
    transition: visibility 1s, opacity 1s linear;
}
.control-valve-closed.valve-state-open {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s linear;
}
.control-valve-closed.valve-state-closed {
    visibility: visible;
    opacity: 1;
    transition: visibility 1s, opacity 1s linear;
}

        /*Altitude Valve*/
        .altitude-valve-open.valve-state-closed {
            visibility: hidden;
            opacity: 0;
            transition: visibility 1s, opacity 1s linear;
        }
        .altitude-valve-open.valve-state-open {
            visibility: visible;
            opacity: 1;
            transition: visibility 1s, opacity 1s linear;
        }
        .altitude-valve-closed.valve-state-open {
            visibility: hidden;
            opacity: 0;
            transition: visibility 1s, opacity 1s linear;
        }
        .altitude-valve-closed.valve-state-closed {
            visibility: visible;
            opacity: 1;
            transition: visibility 1s, opacity 1s linear;
        }
        /*Altitude Valve*/

/*Control Valve*/
/*Control Valve*/
/*Control Valve*/
/*Standby Generator*/
/*Standby Generator*/
/*Standby Generator*/
.wPump1 .shake {
    -webkit-animation: generator-shake 0.5s linear infinite;
    -moz-animation: generator-shake 0.5s linear infinite;
    -ms-animation: generator-shake 0.5s linear infinite;
    -o-animation: generator-shake 0.5s linear infinite;
    animation: generator-shake 0.5s linear infinite;
}

@-webkit-keyframes generator-shake
/* Safari and Chrome */
{
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes generator-shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/*Standby Generator*/
/*Standby Generator*/
/*Standby Generator*/

/*Pump Station*/
/*Pump Station*/
/*Pump Station*/
.wPump1 .run-ps {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-running-ps .5s linear infinite;
    -moz-animation: wPump1-running-ps .5s linear infinite;
    -ms-animation: wPump1-running-ps .5s linear infinite;
    -o-animation: wPump1-running-ps .5s linear infinite;
    animation: wPump1-running-ps .5s linear infinite;
}

@-webkit-keyframes wPump1-running-ps
/* Safari and Chrome */
{
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(14px, 0);
    }
}

@keyframes wPump1-running-ps {
    0% {
        transform: translate(-5px, 0);
    }

    100% {
        transform: translate(14px, 0);
    }
}

.wPump1 .run-shaft {
    -webkit-animation: wPump1-running-shaft-main .2s ease-in-out infinite;
    -moz-animation: wPump1-running-shaft-main .2s ease-in-out infinite;
    -ms-animation: wPump1-running-shaft-main .2s ease-in-out infinite;
    -o-animation: wPump1-running-shaft-main .2s ease-in-out infinite;
    animation: wPump1-running-shaft-main .2s ease-in-out infinite;
}

@-webkit-keyframes wPump1-running-shaft-main
/* Safari and Chrome */
{
    0% {
        transform: rotateY( 180deg );
    }

    100% {
        transform: rotateY( 0deg );
    }
}

@keyframes wPump1-running-shaft-main {
    0% {
        transform: rotateY( 180deg );
    }

    100% {
        transform: rotateY( 0deg );
    }
}
/*Pump Station*/
/*Pump Station*/
/*Pump Station*/

/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/
.wPump1 .vtp-run {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-vtp-running 1s linear infinite;
    -moz-animation: wPump1-vtp-running 1s linear infinite;
    -ms-animation: wPump1-vtp-running 1s linear infinite;
    -o-animation: wPump1-vtp-running 1s linear infinite;
    animation: wPump1-vtp-running 1s linear infinite;
}

@-webkit-keyframes wPump1-vtp-running
/* Safari and Chrome */
{
    0%   {transform: translate(-35px, 0);}
    100%  {transform: translate(3px, 0);}
}

@keyframes wPump1-vtp-running {
    0%   {transform: translate(-35px, 0);}
    100%  {transform: translate(3px, 0);}
}
/*Vertical Turbine Pump*/ 
/*Vertical Turbine Pump*/
/*Vertical Turbine Pump*/


/*Grinder Pump*/
/*Grinder Pump*/
/*Grinder Pump*/
.wPump1 .grind .Grinder-RT-Blades-1_1 {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-grinding-R .2s linear infinite;
    -moz-animation: wPump1-grinding-R .2s linear infinite;
    -ms-animation: wPump1-grinding-R .2s linear infinite;
    -o-animation: wPump1-grinding-R .2s linear infinite;
    animation: wPump1-grinding-R .2s linear infinite;
}

@-webkit-keyframes wPump1-grinding-R
/* Safari and Chrome */
{
    0% {
        transform: translate(20px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes wPump1-grinding-R {
    0% {
        transform: translate(20px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.wPump1 .grind .Grinder-LT-Blades-2_1 {
    transform-origin: 50% 50%;
    -webkit-animation: wPump1-grinding-L .2s linear infinite;
    -moz-animation: wPump1-grinding-L .2s linear infinite;
    -ms-animation: wPump1-grinding-L .2s linear infinite;
    -o-animation: wPump1-grinding-L .2s linear infinite;
    animation: wPump1-grinding-L .2s linear infinite;
}

@-webkit-keyframes wPump1-grinding-L
/* Safari and Chrome */
{
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(20px, 0);
    }
}

@keyframes wPump1-grinding-L {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(20px, 0);
    }
}
/*Grinder Pump*/
/*Grinder Pump*/
/*Grinder Pump*/

@media not all and (min-resolution:.001dpcm) { @media {
    .wPump1 .Body-GradMain {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }

    .wPump1 .Body-GradPipe {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }

    .wPump1 .Arm-GradArm {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }

    .wPump1 .Arm-GradPipe {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }
}}

/*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*/
/*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*/
/*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*//*Switch Widgets*/

    .wSwitch1 {
        position: absolute;
    }

    .wSwitch1 .backface_Fault,
    .wSwitch1 .bridge_Left,
    .wSwitch1 .bridge_Right {
         pointer-events : none;
     }

    .wSwitch1 .backface_Grad {
        fill: url(#Dark_Grad);
    }

    .wSwitch1 .backface_Black {
        fill: #000;
        stroke: #FFF;
        stroke-width: 1px;
    }

    .wSwitch1 .shader_Backdrop {
        fill: #FFF;
        opacity: 0;
    }

    .wSwitch1 .color_Backdrop {
        fill: #CCC;
        stroke: #FFF;
        stroke-width: 1px;
    }

    .wSwitch1 .Body-GradMain {
        fill: url(#Dark_Grad);
    }

    .wSwitch1 .fadeOp {
        -webkit-animation: wSwitch1-fadeOp 0.90s infinite;
        -moz-animation: wSwitch1-fadeOp 0.90s infinite;
        -o-animation: wSwitch1-fadeOp 0.90s infinite;
        animation: wSwitch1-fadeOp 0.90s infinite;
    }

    @-webkit-keyframes wSwitch1-fadeOp {
        0% {
            opacity: 1;
        }

        35% {
            opacity: 1;
        }

        50% {
            opacity: .75;
        }

        85% {
            opacity: .75;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes wSwitch1-fadeOp {
        0% {
            opacity: 1;
        }

        35% {
            opacity: 1;
        }

        50% {
            opacity: .75;
        }

        85% {
            opacity: .75;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes wSwitch1-fadeOp {
        0% {
            opacity: 1;
        }

        35% {
            opacity: 1;
        }

        50% {
            opacity: .75;
        }

        85% {
            opacity: .75;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes wSwitch1-fadeOp {
        0% {
            opacity: 1;
        }

        35% {
            opacity: 1;
        }

        50% {
            opacity: .75;
        }

        85% {
            opacity: .75;
        }

        100% {
            opacity: 1;
        }
    }


    .wSwitch1 .bridge_Switch.Bridge .bridge_Group1 {
        display: block;
    }

    .wSwitch1 .bridge_Switch.Bridge .bridge_Group2 {
        display: none;
    }

    .wSwitch1 .bridge_Switch.Switch .bridge_Group1 {
        display: none;
    }

    .wSwitch1 .bridge_Switch.Switch .bridge_Group2 {
        display: block;
    }

    .wSwitch.Normal.BridgeUp .bridge_Left {
        transform: rotate(0deg);
        transform-origin: 110px 50%;
        transition: transform 1s;
    }

    .wSwitch.Normal.BridgeUp .bridge_Right {
        transform: rotate(0deg);
        transform-origin: 490px 50%;
        transition: transform 1s;
    }

    .wSwitch.OffNormal.BridgeUp .bridge_Left {
        transform: rotate(-35deg);
        transform-origin: 110px 50%;
        transition: transform 1s;
    }

    .wSwitch.OffNormal.BridgeUp .bridge_Right {
        transform: rotate(35deg);
        transform-origin: 490px 50%;
        transition: transform 1s;
    }

    .wSwitch1 .BlackCover {
        stroke: none;
        fill: #000000;
    }

    .wSwitch1 .WhiteOutline {
        fill: none;
        stroke: #FFF;
        stroke-width: 1px;
    }


    .wSwitch .htmloverlay {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .wSwitch .PumpTextOverlay {
        margin-top: 57%;
        margin-left: 20%;
        margin-right: 20%;
        height: 15%;
        color: #000000;
        text-align: center;
    }

    .wSwitch .BridgeUp .PumpTextOverlay {
        margin-top: 57%;
        margin-left: 20%;
        margin-right: 20%;
        height: 15%;
        color: #000000;
        text-align: center;
    }

    .wSwitch .BridgeDown .PumpTextOverlay {
        margin-top: 33%;
        margin-left: 20%;
        margin-right: 20%;
        height: 15%;
        color: #000000;
        text-align: center;
    }

@media not all and (min-resolution:.001dpcm) { @media {
    .wSwitch1 .backface_Grad,
    .wSwitch1 .Body-GradMain {
        fill: #9c9ea2!important;
        fill: rgba(156,158,162, 0.9)!important;
    }
}}