div#container
{
   width: 1500px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #F5F5F5;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#gas-main-layer
{
   background-color: transparent;
   background-image: none;
}

#bar-tank-1 .progress.vertical {
	background: #F5F5F5 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#bar-tank-1 .progressbar-value {
    font-weight: normal !important;
}

#bar-tank-1 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#bar-tank-1 .wf-axis svg {
	width: 0px !important;
}

#bar-tank-1 .wf-axis text{
    	fill:#C5C5C5;
}

#bar-tank-1 .axis line,
#bar-tank-1 .axis path {
    stroke:#C5C5C5
}

#bar-tank-1 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#bar-tank-1 .wf-progress-state {
	background-image: none;
}

#bar-tank-2 .progress.vertical {
	background: #F5F5F5 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#bar-tank-2 .progressbar-value {
    font-weight: normal !important;
}

#bar-tank-2 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#bar-tank-2 .wf-axis svg {
	width: 0px !important;
}

#bar-tank-2 .wf-axis text{
    	fill:#F5F5F5;
}

#bar-tank-2 .axis line,
#bar-tank-2 .axis path {
    stroke:#F5F5F5
}

#bar-tank-2 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#bar-tank-2 .wf-progress-state {
	background-image: none;
}
    #Pipe8 svg:not(:root) {
        overflow: visible;
    }

    #Pipe8 .wf-lines-wrapper {
        width: 215px;
        height: 394px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe8 .line .h-line,
    #Pipe8 .c-line .top-line,
    #Pipe8 .c-line .left-line,
    #Pipe8 .c-line .bottom-line,
    #Pipe8 .corner-line .top-line,
    #Pipe8 .corner-line .left-line,
    #Pipe8 .cross-line .v-line,
    #Pipe8 .cross-line .h-line,
    #Pipe8 .square-line .top-line,
    #Pipe8 .square-line .right-line,
    #Pipe8 .square-line .bottom-line,
    #Pipe8 .square-line .left-line,
    #Pipe8 .t-line .top-line,
    #Pipe8 .t-line .v-line,
    #Pipe8 .u-line .left-line,
    #Pipe8 .u-line .bottom-line,
    #Pipe8 .u-line .right-line,
    #Pipe8 .horizontal-t-line .left-line,
    #Pipe8 .horizontal-t-line .h-line,
    #Pipe8 .ellipse-line .ellipse,
    #Pipe8 .half-ellipse-line .half-ellipse,
    #Pipe8 .diagonal-line .left-diagonal,
    #Pipe8 .x-line .left-diagonal,
    #Pipe8 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe8 .hide-line line,
    #Pipe8 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe8 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe3 svg:not(:root) {
        overflow: visible;
    }

    #Pipe3 .wf-lines-wrapper {
        width: 630px;
        height: 69px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe3 .line .h-line,
    #Pipe3 .c-line .top-line,
    #Pipe3 .c-line .left-line,
    #Pipe3 .c-line .bottom-line,
    #Pipe3 .corner-line .top-line,
    #Pipe3 .corner-line .left-line,
    #Pipe3 .cross-line .v-line,
    #Pipe3 .cross-line .h-line,
    #Pipe3 .square-line .top-line,
    #Pipe3 .square-line .right-line,
    #Pipe3 .square-line .bottom-line,
    #Pipe3 .square-line .left-line,
    #Pipe3 .t-line .top-line,
    #Pipe3 .t-line .v-line,
    #Pipe3 .u-line .left-line,
    #Pipe3 .u-line .bottom-line,
    #Pipe3 .u-line .right-line,
    #Pipe3 .horizontal-t-line .left-line,
    #Pipe3 .horizontal-t-line .h-line,
    #Pipe3 .ellipse-line .ellipse,
    #Pipe3 .half-ellipse-line .half-ellipse,
    #Pipe3 .diagonal-line .left-diagonal,
    #Pipe3 .x-line .left-diagonal,
    #Pipe3 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe3 .hide-line line,
    #Pipe3 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe3 .disabled *{
    pointer-events: none !important;
}

    

.wf-value .al-running {
background:#9EBB30 !important;
color:#243B5F !important;
}


.wf-output-box.al-running {
background:#9EBB30 !important;
color:#243B5F !important;
}


.wf-input-box.al-running {
background:#9EBB30 !important;
color:#243B5F !important;
}


.wf-text-container .al-running {
background:#9EBB30 !important;
color:#243B5F !important;
width: 100%;
height: 100%;
display: inline-block;
}


.wf-state-layer .al-running {
background:#9EBB30 !important;
border-color:#243B5F !important;
}


.wf-text-container.al-running {
background:#9EBB30 !important;
color:#243B5F !important;
width: 100%;
height: 100%;
display: inline-block;
}


.al-running:before {
color:#243B5F !important;				
}



.wf-primitives.al-running:before {
color:#9EBB30 !important;				
}

.wf-primitives.al-running:after {
color:#243B5F !important;				
}


.wf-electric.al-running:before,
.wf-pid.al-running:before,
.wf-valves.al-running:before,
.wf-hvac.al-running:before {
color:#9EBB30 !important;				
}
.wf-electric.al-running:after,
.wf-pid.al-running:after,
.wf-valves.al-running:after,
.wf-hvac.al-running:after {
color:#243B5F !important;				
}


.al-running .wf-sensor-label,
.al-running .wf-sensor-value {
background:#9EBB30 !important;
color:#243B5F !important;			
}


.wf-shape .wf-state-container.al-running {
background:#243B5F !important;
}


.btn.al-running {
background:#9EBB30 !important;
color:#243B5F !important;				
}


.al-running path{
stroke:#243B5F !important;				
}

.al-running .wf-switch-gear-box,
.al-running .wf-switch-transformer-box,
.al-running .wf-switch-symbol-box{
fill:#9EBB30 !important;				
}


.al-running .wf-svg-path,
.al-running .wf-state-element {
fill:#9EBB30 !important;				
}

.al-running .wf-svg-path {
stroke:#243B5F !important;	
}
.al-running .wf-state-element + path {
stroke:#243B5F !important;
}

.al-running .wf-svg-line {
stroke:#243B5F !important;				
}


.wf-value .al-error {
background:#DC4141 !important;
color:#696969 !important;
}


.wf-output-box.al-error {
background:#DC4141 !important;
color:#696969 !important;
}


.wf-input-box.al-error {
background:#DC4141 !important;
color:#696969 !important;
}


.wf-text-container .al-error {
background:#DC4141 !important;
color:#696969 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.wf-state-layer .al-error {
background:#DC4141 !important;
border-color:#696969 !important;
}


.wf-text-container.al-error {
background:#DC4141 !important;
color:#696969 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.al-error:before {
color:#696969 !important;				
}



.wf-primitives.al-error:before {
color:#DC4141 !important;				
}

.wf-primitives.al-error:after {
color:#696969 !important;				
}


.wf-electric.al-error:before,
.wf-pid.al-error:before,
.wf-valves.al-error:before,
.wf-hvac.al-error:before {
color:#DC4141 !important;				
}
.wf-electric.al-error:after,
.wf-pid.al-error:after,
.wf-valves.al-error:after,
.wf-hvac.al-error:after {
color:#696969 !important;				
}


.al-error .wf-sensor-label,
.al-error .wf-sensor-value {
background:#DC4141 !important;
color:#696969 !important;			
}


.wf-shape .wf-state-container.al-error {
background:#696969 !important;
}


.btn.al-error {
background:#DC4141 !important;
color:#696969 !important;				
}


.al-error path{
stroke:#696969 !important;				
}

.al-error .wf-switch-gear-box,
.al-error .wf-switch-transformer-box,
.al-error .wf-switch-symbol-box{
fill:#DC4141 !important;				
}


.al-error .wf-svg-path,
.al-error .wf-state-element {
fill:#DC4141 !important;				
}

.al-error .wf-svg-path {
stroke:#696969 !important;	
}
.al-error .wf-state-element + path {
stroke:#696969 !important;
}

.al-error .wf-svg-line {
stroke:#696969 !important;				
}


.wf-value .al-warning {
background:#E08F00 !important;
color:#B22222 !important;
}


.wf-output-box.al-warning {
background:#E08F00 !important;
color:#B22222 !important;
}


.wf-input-box.al-warning {
background:#E08F00 !important;
color:#B22222 !important;
}


.wf-text-container .al-warning {
background:#E08F00 !important;
color:#B22222 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.wf-state-layer .al-warning {
background:#E08F00 !important;
border-color:#B22222 !important;
}


.wf-text-container.al-warning {
background:#E08F00 !important;
color:#B22222 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.al-warning:before {
color:#B22222 !important;				
}



.wf-primitives.al-warning:before {
color:#E08F00 !important;				
}

.wf-primitives.al-warning:after {
color:#B22222 !important;				
}


.wf-electric.al-warning:before,
.wf-pid.al-warning:before,
.wf-valves.al-warning:before,
.wf-hvac.al-warning:before {
color:#E08F00 !important;				
}
.wf-electric.al-warning:after,
.wf-pid.al-warning:after,
.wf-valves.al-warning:after,
.wf-hvac.al-warning:after {
color:#B22222 !important;				
}


.al-warning .wf-sensor-label,
.al-warning .wf-sensor-value {
background:#E08F00 !important;
color:#B22222 !important;			
}


.wf-shape .wf-state-container.al-warning {
background:#B22222 !important;
}


.btn.al-warning {
background:#E08F00 !important;
color:#B22222 !important;				
}


.al-warning path{
stroke:#B22222 !important;				
}

.al-warning .wf-switch-gear-box,
.al-warning .wf-switch-transformer-box,
.al-warning .wf-switch-symbol-box{
fill:#E08F00 !important;				
}


.al-warning .wf-svg-path,
.al-warning .wf-state-element {
fill:#E08F00 !important;				
}

.al-warning .wf-svg-path {
stroke:#B22222 !important;	
}
.al-warning .wf-state-element + path {
stroke:#B22222 !important;
}

.al-warning .wf-svg-line {
stroke:#B22222 !important;				
}


.wf-value .al-hand {
background:#1160B8 !important;
color:#6394E0 !important;
}


.wf-output-box.al-hand {
background:#1160B8 !important;
color:#6394E0 !important;
}


.wf-input-box.al-hand {
background:#1160B8 !important;
color:#6394E0 !important;
}


.wf-text-container .al-hand {
background:#1160B8 !important;
color:#6394E0 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.wf-state-layer .al-hand {
background:#1160B8 !important;
border-color:#6394E0 !important;
}


.wf-text-container.al-hand {
background:#1160B8 !important;
color:#6394E0 !important;
width: 100%;
height: 100%;
display: inline-block;
}


.al-hand:before {
color:#6394E0 !important;				
}



.wf-primitives.al-hand:before {
color:#1160B8 !important;				
}

.wf-primitives.al-hand:after {
color:#6394E0 !important;				
}


.wf-electric.al-hand:before,
.wf-pid.al-hand:before,
.wf-valves.al-hand:before,
.wf-hvac.al-hand:before {
color:#1160B8 !important;				
}
.wf-electric.al-hand:after,
.wf-pid.al-hand:after,
.wf-valves.al-hand:after,
.wf-hvac.al-hand:after {
color:#6394E0 !important;				
}


.al-hand .wf-sensor-label,
.al-hand .wf-sensor-value {
background:#1160B8 !important;
color:#6394E0 !important;			
}


.wf-shape .wf-state-container.al-hand {
background:#6394E0 !important;
}


.btn.al-hand {
background:#1160B8 !important;
color:#6394E0 !important;				
}


.al-hand path{
stroke:#6394E0 !important;				
}

.al-hand .wf-switch-gear-box,
.al-hand .wf-switch-transformer-box,
.al-hand .wf-switch-symbol-box{
fill:#1160B8 !important;				
}


.al-hand .wf-svg-path,
.al-hand .wf-state-element {
fill:#1160B8 !important;				
}

.al-hand .wf-svg-path {
stroke:#6394E0 !important;	
}
.al-hand .wf-state-element + path {
stroke:#6394E0 !important;
}

.al-hand .wf-svg-line {
stroke:#6394E0 !important;				
}



[id*='wf-col-'] [id*='wf-col-'], [id*='wf-column-'] [id*='wf-colum-'] {
    width: 100% !important;
}
    #wb_Extension16 {
        overflow: hidden
    } 

#Extension16 .bg-changed .wf-setpoint-label,
    #Extension16 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension16 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension16 .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension16 .wf-sensor {
        width: 100%
    }

    #Extension16 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension16 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension16 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension16 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension16 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension16 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension16 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension16 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension16 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension16 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension16 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension16 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension16 .normal .wf-sensor-label,
    #Extension16 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension16 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension16 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension16 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension16 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension16 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension16 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension16 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension16 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension16 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension16 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension16 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

#Extension39 .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension39 .progressbar-value {
    font-weight: normal !important;
}

#Extension39 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension39 .wf-axis svg {
	width: 0px !important;
}

#Extension39 .wf-axis text{
    	fill:#C5C5C5;
}

#Extension39 .axis line,
#Extension39 .axis path {
    stroke:#C5C5C5
}

#Extension39 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension39 .wf-progress-state {
	background-image: none;
}

#Extension38 .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension38 .progressbar-value {
    font-weight: normal !important;
}

#Extension38 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension38 .wf-axis svg {
	width: 0px !important;
}

#Extension38 .wf-axis text{
    	fill:#C5C5C5;
}

#Extension38 .axis line,
#Extension38 .axis path {
    stroke:#C5C5C5
}

#Extension38 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension38 .wf-progress-state {
	background-image: none;
}

#Extension36 .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension36 .progressbar-value {
    font-weight: normal !important;
}

#Extension36 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension36 .wf-axis svg {
	width: 0px !important;
}

#Extension36 .wf-axis text{
    	fill:#C5C5C5;
}

#Extension36 .axis line,
#Extension36 .axis path {
    stroke:#C5C5C5
}

#Extension36 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension36 .wf-progress-state {
	background-image: none;
}

#Extension37 .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension37 .progressbar-value {
    font-weight: normal !important;
}

#Extension37 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension37 .wf-axis svg {
	width: 0px !important;
}

#Extension37 .wf-axis text{
    	fill:#C5C5C5;
}

#Extension37 .axis line,
#Extension37 .axis path {
    stroke:#C5C5C5
}

#Extension37 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension37 .wf-progress-state {
	background-image: none;
}
    #Pipe10 svg:not(:root) {
        overflow: visible;
    }

    #Pipe10 .wf-lines-wrapper {
        width: 36px;
        height: 220px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe10 .line .h-line,
    #Pipe10 .c-line .top-line,
    #Pipe10 .c-line .left-line,
    #Pipe10 .c-line .bottom-line,
    #Pipe10 .corner-line .top-line,
    #Pipe10 .corner-line .left-line,
    #Pipe10 .cross-line .v-line,
    #Pipe10 .cross-line .h-line,
    #Pipe10 .square-line .top-line,
    #Pipe10 .square-line .right-line,
    #Pipe10 .square-line .bottom-line,
    #Pipe10 .square-line .left-line,
    #Pipe10 .t-line .top-line,
    #Pipe10 .t-line .v-line,
    #Pipe10 .u-line .left-line,
    #Pipe10 .u-line .bottom-line,
    #Pipe10 .u-line .right-line,
    #Pipe10 .horizontal-t-line .left-line,
    #Pipe10 .horizontal-t-line .h-line,
    #Pipe10 .ellipse-line .ellipse,
    #Pipe10 .half-ellipse-line .half-ellipse,
    #Pipe10 .diagonal-line .left-diagonal,
    #Pipe10 .x-line .left-diagonal,
    #Pipe10 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe10 .hide-line line,
    #Pipe10 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe10 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe11 svg:not(:root) {
        overflow: visible;
    }

    #Pipe11 .wf-lines-wrapper {
        width: 36px;
        height: 43px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe11 .line .h-line,
    #Pipe11 .c-line .top-line,
    #Pipe11 .c-line .left-line,
    #Pipe11 .c-line .bottom-line,
    #Pipe11 .corner-line .top-line,
    #Pipe11 .corner-line .left-line,
    #Pipe11 .cross-line .v-line,
    #Pipe11 .cross-line .h-line,
    #Pipe11 .square-line .top-line,
    #Pipe11 .square-line .right-line,
    #Pipe11 .square-line .bottom-line,
    #Pipe11 .square-line .left-line,
    #Pipe11 .t-line .top-line,
    #Pipe11 .t-line .v-line,
    #Pipe11 .u-line .left-line,
    #Pipe11 .u-line .bottom-line,
    #Pipe11 .u-line .right-line,
    #Pipe11 .horizontal-t-line .left-line,
    #Pipe11 .horizontal-t-line .h-line,
    #Pipe11 .ellipse-line .ellipse,
    #Pipe11 .half-ellipse-line .half-ellipse,
    #Pipe11 .diagonal-line .left-diagonal,
    #Pipe11 .x-line .left-diagonal,
    #Pipe11 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe11 .hide-line line,
    #Pipe11 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe11 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe1 svg:not(:root) {
        overflow: visible;
    }

    #Pipe1 .wf-lines-wrapper {
        width: 388px;
        height: 53px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe1 .line .h-line,
    #Pipe1 .c-line .top-line,
    #Pipe1 .c-line .left-line,
    #Pipe1 .c-line .bottom-line,
    #Pipe1 .corner-line .top-line,
    #Pipe1 .corner-line .left-line,
    #Pipe1 .cross-line .v-line,
    #Pipe1 .cross-line .h-line,
    #Pipe1 .square-line .top-line,
    #Pipe1 .square-line .right-line,
    #Pipe1 .square-line .bottom-line,
    #Pipe1 .square-line .left-line,
    #Pipe1 .t-line .top-line,
    #Pipe1 .t-line .v-line,
    #Pipe1 .u-line .left-line,
    #Pipe1 .u-line .bottom-line,
    #Pipe1 .u-line .right-line,
    #Pipe1 .horizontal-t-line .left-line,
    #Pipe1 .horizontal-t-line .h-line,
    #Pipe1 .ellipse-line .ellipse,
    #Pipe1 .half-ellipse-line .half-ellipse,
    #Pipe1 .diagonal-line .left-diagonal,
    #Pipe1 .x-line .left-diagonal,
    #Pipe1 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe1 .hide-line line,
    #Pipe1 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe1 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe2 svg:not(:root) {
        overflow: visible;
    }

    #Pipe2 .wf-lines-wrapper {
        width: 71px;
        height: 43px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe2 .line .h-line,
    #Pipe2 .c-line .top-line,
    #Pipe2 .c-line .left-line,
    #Pipe2 .c-line .bottom-line,
    #Pipe2 .corner-line .top-line,
    #Pipe2 .corner-line .left-line,
    #Pipe2 .cross-line .v-line,
    #Pipe2 .cross-line .h-line,
    #Pipe2 .square-line .top-line,
    #Pipe2 .square-line .right-line,
    #Pipe2 .square-line .bottom-line,
    #Pipe2 .square-line .left-line,
    #Pipe2 .t-line .top-line,
    #Pipe2 .t-line .v-line,
    #Pipe2 .u-line .left-line,
    #Pipe2 .u-line .bottom-line,
    #Pipe2 .u-line .right-line,
    #Pipe2 .horizontal-t-line .left-line,
    #Pipe2 .horizontal-t-line .h-line,
    #Pipe2 .ellipse-line .ellipse,
    #Pipe2 .half-ellipse-line .half-ellipse,
    #Pipe2 .diagonal-line .left-diagonal,
    #Pipe2 .x-line .left-diagonal,
    #Pipe2 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe2 .hide-line line,
    #Pipe2 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe2 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe4 svg:not(:root) {
        overflow: visible;
    }

    #Pipe4 .wf-lines-wrapper {
        width: 541px;
        height: 104px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe4 .line .h-line,
    #Pipe4 .c-line .top-line,
    #Pipe4 .c-line .left-line,
    #Pipe4 .c-line .bottom-line,
    #Pipe4 .corner-line .top-line,
    #Pipe4 .corner-line .left-line,
    #Pipe4 .cross-line .v-line,
    #Pipe4 .cross-line .h-line,
    #Pipe4 .square-line .top-line,
    #Pipe4 .square-line .right-line,
    #Pipe4 .square-line .bottom-line,
    #Pipe4 .square-line .left-line,
    #Pipe4 .t-line .top-line,
    #Pipe4 .t-line .v-line,
    #Pipe4 .u-line .left-line,
    #Pipe4 .u-line .bottom-line,
    #Pipe4 .u-line .right-line,
    #Pipe4 .horizontal-t-line .left-line,
    #Pipe4 .horizontal-t-line .h-line,
    #Pipe4 .ellipse-line .ellipse,
    #Pipe4 .half-ellipse-line .half-ellipse,
    #Pipe4 .diagonal-line .left-diagonal,
    #Pipe4 .x-line .left-diagonal,
    #Pipe4 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe4 .hide-line line,
    #Pipe4 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe4 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe5 svg:not(:root) {
        overflow: visible;
    }

    #Pipe5 .wf-lines-wrapper {
        width: 294px;
        height: 104px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe5 .line .h-line,
    #Pipe5 .c-line .top-line,
    #Pipe5 .c-line .left-line,
    #Pipe5 .c-line .bottom-line,
    #Pipe5 .corner-line .top-line,
    #Pipe5 .corner-line .left-line,
    #Pipe5 .cross-line .v-line,
    #Pipe5 .cross-line .h-line,
    #Pipe5 .square-line .top-line,
    #Pipe5 .square-line .right-line,
    #Pipe5 .square-line .bottom-line,
    #Pipe5 .square-line .left-line,
    #Pipe5 .t-line .top-line,
    #Pipe5 .t-line .v-line,
    #Pipe5 .u-line .left-line,
    #Pipe5 .u-line .bottom-line,
    #Pipe5 .u-line .right-line,
    #Pipe5 .horizontal-t-line .left-line,
    #Pipe5 .horizontal-t-line .h-line,
    #Pipe5 .ellipse-line .ellipse,
    #Pipe5 .half-ellipse-line .half-ellipse,
    #Pipe5 .diagonal-line .left-diagonal,
    #Pipe5 .x-line .left-diagonal,
    #Pipe5 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe5 .hide-line line,
    #Pipe5 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe5 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe6 svg:not(:root) {
        overflow: visible;
    }

    #Pipe6 .wf-lines-wrapper {
        width: 36px;
        height: 84px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe6 .line .h-line,
    #Pipe6 .c-line .top-line,
    #Pipe6 .c-line .left-line,
    #Pipe6 .c-line .bottom-line,
    #Pipe6 .corner-line .top-line,
    #Pipe6 .corner-line .left-line,
    #Pipe6 .cross-line .v-line,
    #Pipe6 .cross-line .h-line,
    #Pipe6 .square-line .top-line,
    #Pipe6 .square-line .right-line,
    #Pipe6 .square-line .bottom-line,
    #Pipe6 .square-line .left-line,
    #Pipe6 .t-line .top-line,
    #Pipe6 .t-line .v-line,
    #Pipe6 .u-line .left-line,
    #Pipe6 .u-line .bottom-line,
    #Pipe6 .u-line .right-line,
    #Pipe6 .horizontal-t-line .left-line,
    #Pipe6 .horizontal-t-line .h-line,
    #Pipe6 .ellipse-line .ellipse,
    #Pipe6 .half-ellipse-line .half-ellipse,
    #Pipe6 .diagonal-line .left-diagonal,
    #Pipe6 .x-line .left-diagonal,
    #Pipe6 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe6 .hide-line line,
    #Pipe6 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe6 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe7 svg:not(:root) {
        overflow: visible;
    }

    #Pipe7 .wf-lines-wrapper {
        width: 59px;
        height: 113px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe7 .line .h-line,
    #Pipe7 .c-line .top-line,
    #Pipe7 .c-line .left-line,
    #Pipe7 .c-line .bottom-line,
    #Pipe7 .corner-line .top-line,
    #Pipe7 .corner-line .left-line,
    #Pipe7 .cross-line .v-line,
    #Pipe7 .cross-line .h-line,
    #Pipe7 .square-line .top-line,
    #Pipe7 .square-line .right-line,
    #Pipe7 .square-line .bottom-line,
    #Pipe7 .square-line .left-line,
    #Pipe7 .t-line .top-line,
    #Pipe7 .t-line .v-line,
    #Pipe7 .u-line .left-line,
    #Pipe7 .u-line .bottom-line,
    #Pipe7 .u-line .right-line,
    #Pipe7 .horizontal-t-line .left-line,
    #Pipe7 .horizontal-t-line .h-line,
    #Pipe7 .ellipse-line .ellipse,
    #Pipe7 .half-ellipse-line .half-ellipse,
    #Pipe7 .diagonal-line .left-diagonal,
    #Pipe7 .x-line .left-diagonal,
    #Pipe7 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe7 .hide-line line,
    #Pipe7 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe7 .disabled *{
    pointer-events: none !important;
}

    
    #Pipe12 svg:not(:root) {
        overflow: visible;
    }

    #Pipe12 .wf-lines-wrapper {
        width: 65px;
        height: 220px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe12 .line .h-line,
    #Pipe12 .c-line .top-line,
    #Pipe12 .c-line .left-line,
    #Pipe12 .c-line .bottom-line,
    #Pipe12 .corner-line .top-line,
    #Pipe12 .corner-line .left-line,
    #Pipe12 .cross-line .v-line,
    #Pipe12 .cross-line .h-line,
    #Pipe12 .square-line .top-line,
    #Pipe12 .square-line .right-line,
    #Pipe12 .square-line .bottom-line,
    #Pipe12 .square-line .left-line,
    #Pipe12 .t-line .top-line,
    #Pipe12 .t-line .v-line,
    #Pipe12 .u-line .left-line,
    #Pipe12 .u-line .bottom-line,
    #Pipe12 .u-line .right-line,
    #Pipe12 .horizontal-t-line .left-line,
    #Pipe12 .horizontal-t-line .h-line,
    #Pipe12 .ellipse-line .ellipse,
    #Pipe12 .half-ellipse-line .half-ellipse,
    #Pipe12 .diagonal-line .left-diagonal,
    #Pipe12 .x-line .left-diagonal,
    #Pipe12 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe12 .hide-line line,
    #Pipe12 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe12 .disabled *{
    pointer-events: none !important;
}

    
#FV100L {
	overflow:hidden;
}

#FV100L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV100L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV100L.wf-text-container.left {
	justify-content:flex-start;
}

#FV100L.wf-text-container.center {
	justify-content:center;
}

#FV100L.wf-text-container.right {
	justify-content:flex-end;

}


#FV101.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV101 .wf-state-container {
    background: none;
}

#FV101 .wf-state-container:after {
color: #375F9C;
}

#FV101 .wf-state-container:before {
color: #B0C4DE; 
}

#FV101 .disabled {
    pointer-events: none;
}
#FV101L {
	overflow:hidden;
}

#FV101L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV101L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV101L.wf-text-container.left {
	justify-content:flex-start;
}

#FV101L.wf-text-container.center {
	justify-content:center;
}

#FV101L.wf-text-container.right {
	justify-content:flex-end;

}


#C300.wf-image-container {
transform: scale(1, 1);
}

#C300 .wf-state-element {
background-image: url('./state-images/Kompressor.png');
background-color: rgba(254,254,254,0.00);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; 
transform: rotate(0deg);
width:105px;
height:45px;
border:solid 0px #cee5ff;
}

#C300 .disabled {
    pointer-events: none;
}

#C300 .state1 .wf-state-element {background-image: url(state-images/Kompressor-running.png);}
        #C300 .state2 .wf-state-element {background-image: url(state-images/Kompressor-blau.png);}
        
#TT300L {
	overflow:hidden;
}

#TT300L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT300L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT300L.wf-text-container.left {
	justify-content:flex-start;
}

#TT300L.wf-text-container.center {
	justify-content:center;
}

#TT300L.wf-text-container.right {
	justify-content:flex-end;

}

#FV301 {
	overflow:hidden;
}

#FV301.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV301.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV301.wf-text-container.left {
	justify-content:flex-start;
}

#FV301.wf-text-container.center {
	justify-content:center;
}

#FV301.wf-text-container.right {
	justify-content:flex-end;

}


#E302.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#E302 .wf-state-container {
    background: none;
}

#E302 .wf-state-container:after {
color: #375F9C;
}

#E302 .wf-state-container:before {
color: #B0C4DE; 
}

#E302 .disabled {
    pointer-events: none;
}

#E304.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#E304 .wf-state-container {
    background: none;
}

#E304 .wf-state-container:after {
color: #375F9C;
}

#E304 .wf-state-container:before {
color: #B0C4DE; 
}

#E304 .disabled {
    pointer-events: none;
}
#TT301L {
	overflow:hidden;
}

#TT301L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT301L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT301L.wf-text-container.left {
	justify-content:flex-start;
}

#TT301L.wf-text-container.center {
	justify-content:center;
}

#TT301L.wf-text-container.right {
	justify-content:flex-end;

}

#TT302L {
	overflow:hidden;
}

#TT302L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT302L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT302L.wf-text-container.left {
	justify-content:flex-start;
}

#TT302L.wf-text-container.center {
	justify-content:center;
}

#TT302L.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_TT303 {
        overflow: hidden
    } 

#TT303 .bg-changed .wf-setpoint-label,
    #TT303 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #TT303 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #TT303 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #TT303 .wf-sensor {
        width: 100%
    }

    #TT303 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #TT303 .wf-sensor-value-left {
       
        display: flex;
    }

    #TT303 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #TT303 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #TT303 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #TT303 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #TT303 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #TT303 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #TT303 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #TT303 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #TT303 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #TT303 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #TT303 .normal .wf-sensor-label,
    #TT303 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #TT303 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #TT303 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #TT303 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #TT303 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #TT303 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #TT303 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #TT303 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #TT303 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #TT303 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #TT303 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #TT303 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#TT303L {
	overflow:hidden;
}

#TT303L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT303L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT303L.wf-text-container.left {
	justify-content:flex-start;
}

#TT303L.wf-text-container.center {
	justify-content:center;
}

#TT303L.wf-text-container.right {
	justify-content:flex-end;

}

#FV300L {
	overflow:hidden;
}

#FV300L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV300L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV300L.wf-text-container.left {
	justify-content:flex-start;
}

#FV300L.wf-text-container.center {
	justify-content:center;
}

#FV300L.wf-text-container.right {
	justify-content:flex-end;

}


#FV200.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV200 .wf-state-container {
    background: none;
}

#FV200 .wf-state-container:after {
color: #375F9C;
}

#FV200 .wf-state-container:before {
color: #B0C4DE; 
}

#FV200 .disabled {
    pointer-events: none;
}
#FV200L {
	overflow:hidden;
}

#FV200L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV200L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV200L.wf-text-container.left {
	justify-content:flex-start;
}

#FV200L.wf-text-container.center {
	justify-content:center;
}

#FV200L.wf-text-container.right {
	justify-content:flex-end;

}

#FV250L {
	overflow:hidden;
}

#FV250L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV250L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV250L.wf-text-container.left {
	justify-content:flex-start;
}

#FV250L.wf-text-container.center {
	justify-content:center;
}

#FV250L.wf-text-container.right {
	justify-content:flex-end;

}

#PT200L {
	overflow:hidden;
}

#PT200L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT200L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT200L.wf-text-container.left {
	justify-content:flex-start;
}

#PT200L.wf-text-container.center {
	justify-content:center;
}

#PT200L.wf-text-container.right {
	justify-content:flex-end;

}

#FV352L {
	overflow:hidden;
}

#FV352L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV352L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV352L.wf-text-container.left {
	justify-content:flex-start;
}

#FV352L.wf-text-container.center {
	justify-content:center;
}

#FV352L.wf-text-container.right {
	justify-content:flex-end;

}

#FV350L {
	overflow:hidden;
}

#FV350L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV350L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV350L.wf-text-container.left {
	justify-content:flex-start;
}

#FV350L.wf-text-container.center {
	justify-content:center;
}

#FV350L.wf-text-container.right {
	justify-content:flex-end;

}


#E350.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#E350 .wf-state-container {
    background: none;
}

#E350 .wf-state-container:after {
color: #375F9C;
}

#E350 .wf-state-container:before {
color: #B0C4DE; 
}

#E350 .disabled {
    pointer-events: none;
}
#PT351L {
	overflow:hidden;
}

#PT351L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT351L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT351L.wf-text-container.left {
	justify-content:flex-start;
}

#PT351L.wf-text-container.center {
	justify-content:center;
}

#PT351L.wf-text-container.right {
	justify-content:flex-end;

}

#FV351L {
	overflow:hidden;
}

#FV351L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV351L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV351L.wf-text-container.left {
	justify-content:flex-start;
}

#FV351L.wf-text-container.center {
	justify-content:center;
}

#FV351L.wf-text-container.right {
	justify-content:flex-end;

}

#PT250L {
	overflow:hidden;
}

#PT250L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT250L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT250L.wf-text-container.left {
	justify-content:flex-start;
}

#PT250L.wf-text-container.center {
	justify-content:center;
}

#PT250L.wf-text-container.right {
	justify-content:flex-end;

}

#FV500L {
	overflow:hidden;
}

#FV500L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV500L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV500L.wf-text-container.left {
	justify-content:flex-start;
}

#FV500L.wf-text-container.center {
	justify-content:center;
}

#FV500L.wf-text-container.right {
	justify-content:flex-end;

}

#FV501L {
	overflow:hidden;
}

#FV501L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV501L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV501L.wf-text-container.left {
	justify-content:flex-start;
}

#FV501L.wf-text-container.center {
	justify-content:center;
}

#FV501L.wf-text-container.right {
	justify-content:flex-end;

}

#TT500L {
	overflow:hidden;
}

#TT500L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT500L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT500L.wf-text-container.left {
	justify-content:flex-start;
}

#TT500L.wf-text-container.center {
	justify-content:center;
}

#TT500L.wf-text-container.right {
	justify-content:flex-end;

}

#Text1 {
	overflow:hidden;
}

#Text1.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#Text1.wf-text-container span {
	height:inherit;
	text-align:left;
}

#Text1.wf-text-container.left {
	justify-content:flex-start;
}

#Text1.wf-text-container.center {
	justify-content:center;
}

#Text1.wf-text-container.right {
	justify-content:flex-end;

}

#FV451L {
	overflow:hidden;
}

#FV451L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV451L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV451L.wf-text-container.left {
	justify-content:flex-start;
}

#FV451L.wf-text-container.center {
	justify-content:center;
}

#FV451L.wf-text-container.right {
	justify-content:flex-end;

}


#FV451.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV451 .wf-state-container {
    background: none;
}

#FV451 .wf-state-container:after {
color: #375F9C;
}

#FV451 .wf-state-container:before {
color: #B0C4DE; 
}

#FV451 .disabled {
    pointer-events: none;
}
#FV401L {
	overflow:hidden;
}

#FV401L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV401L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV401L.wf-text-container.left {
	justify-content:flex-start;
}

#FV401L.wf-text-container.center {
	justify-content:center;
}

#FV401L.wf-text-container.right {
	justify-content:flex-end;

}


#FV401.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV401 .wf-state-container {
    background: none;
}

#FV401 .wf-state-container:after {
color: #375F9C;
}

#FV401 .wf-state-container:before {
color: #B0C4DE; 
}

#FV401 .disabled {
    pointer-events: none;
}
#FV450L {
	overflow:hidden;
}

#FV450L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV450L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV450L.wf-text-container.left {
	justify-content:flex-start;
}

#FV450L.wf-text-container.center {
	justify-content:center;
}

#FV450L.wf-text-container.right {
	justify-content:flex-end;

}

#FV400L {
	overflow:hidden;
}

#FV400L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV400L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV400L.wf-text-container.left {
	justify-content:flex-start;
}

#FV400L.wf-text-container.center {
	justify-content:center;
}

#FV400L.wf-text-container.right {
	justify-content:flex-end;

}

#TT450L {
	overflow:hidden;
}

#TT450L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT450L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT450L.wf-text-container.left {
	justify-content:flex-start;
}

#TT450L.wf-text-container.center {
	justify-content:center;
}

#TT450L.wf-text-container.right {
	justify-content:flex-end;

}

#PT450L {
	overflow:hidden;
}

#PT450L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT450L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT450L.wf-text-container.left {
	justify-content:flex-start;
}

#PT450L.wf-text-container.center {
	justify-content:center;
}

#PT450L.wf-text-container.right {
	justify-content:flex-end;

}

#PT400L {
	overflow:hidden;
}

#PT400L.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT400L.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT400L.wf-text-container.left {
	justify-content:flex-start;
}

#PT400L.wf-text-container.center {
	justify-content:center;
}

#PT400L.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension6 {
        overflow: hidden
    } 

#Extension6 .bg-changed .wf-setpoint-label,
    #Extension6 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension6 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension6 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension6 .wf-sensor {
        width: 100%
    }

    #Extension6 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension6 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension6 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension6 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension6 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension6 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension6 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension6 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(169,169,169,0.20);
        border-radius: 3px;
    }

    #Extension6 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension6 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension6 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension6 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension6 .normal .wf-sensor-label,
    #Extension6 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension6 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension6 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension6 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension6 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension6 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension6 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension6 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension6 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension6 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension6 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension6 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension9 {
        overflow: hidden
    } 

#Extension9 .bg-changed .wf-setpoint-label,
    #Extension9 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension9 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension9 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension9 .wf-sensor {
        width: 100%
    }

    #Extension9 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension9 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension9 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension9 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension9 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension9 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension9 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension9 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension9 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension9 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension9 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension9 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension9 .normal .wf-sensor-label,
    #Extension9 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension9 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension9 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension9 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension9 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension9 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension9 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension9 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension9 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension9 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension9 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension9 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension11 {
        overflow: hidden
    } 

#Extension11 .bg-changed .wf-setpoint-label,
    #Extension11 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension11 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension11 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension11 .wf-sensor {
        width: 100%
    }

    #Extension11 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension11 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension11 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension11 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension11 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension11 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension11 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension11 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension11 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension11 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension11 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension11 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension11 .normal .wf-sensor-label,
    #Extension11 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension11 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension11 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension11 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension11 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension11 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension11 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension11 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension11 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension11 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension11 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension11 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension12 {
        overflow: hidden
    } 

#Extension12 .bg-changed .wf-setpoint-label,
    #Extension12 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension12 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension12 .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension12 .wf-sensor {
        width: 100%
    }

    #Extension12 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension12 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension12 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension12 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension12 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension12 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension12 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension12 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension12 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension12 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension12 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension12 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension12 .normal .wf-sensor-label,
    #Extension12 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension12 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension12 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension12 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension12 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension12 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension12 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension12 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension12 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension12 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension12 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension12 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension13 {
        overflow: hidden
    } 

#Extension13 .bg-changed .wf-setpoint-label,
    #Extension13 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension13 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension13 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension13 .wf-sensor {
        width: 100%
    }

    #Extension13 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension13 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension13 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension13 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension13 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension13 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension13 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension13 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension13 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension13 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension13 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension13 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension13 .normal .wf-sensor-label,
    #Extension13 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension13 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension13 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension13 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension13 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension13 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension13 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension13 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension13 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension13 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension13 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension13 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension14 {
        overflow: hidden
    } 

#Extension14 .bg-changed .wf-setpoint-label,
    #Extension14 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension14 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension14 .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension14 .wf-sensor {
        width: 100%
    }

    #Extension14 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension14 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension14 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension14 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension14 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension14 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension14 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension14 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension14 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension14 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension14 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension14 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension14 .normal .wf-sensor-label,
    #Extension14 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension14 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension14 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension14 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension14 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension14 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension14 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension14 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension14 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension14 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension14 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension14 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension10 {
        overflow: hidden
    } 

#Extension10 .bg-changed .wf-setpoint-label,
    #Extension10 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension10 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension10 .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension10 .wf-sensor {
        width: 100%
    }

    #Extension10 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension10 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension10 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension10 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension10 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension10 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension10 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension10 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension10 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension10 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension10 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension10 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension10 .normal .wf-sensor-label,
    #Extension10 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension10 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension10 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension10 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension10 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension10 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension10 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension10 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension10 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension10 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension10 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension10 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension15 {
        overflow: hidden
    } 

#Extension15 .bg-changed .wf-setpoint-label,
    #Extension15 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension15 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension15 .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension15 .wf-sensor {
        width: 100%
    }

    #Extension15 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension15 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension15 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension15 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension15 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension15 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension15 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension15 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension15 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension15 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension15 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension15 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension15 .normal .wf-sensor-label,
    #Extension15 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension15 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension15 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension15 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension15 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension15 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension15 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension15 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension15 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension15 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension15 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension15 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension17 {
        overflow: hidden
    } 

#Extension17 .bg-changed .wf-setpoint-label,
    #Extension17 .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension17 {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension17 .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension17 .wf-sensor {
        width: 100%
    }

    #Extension17 .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension17 .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension17 .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension17 .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension17 .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension17 .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension17 .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension17 .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension17 .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension17 .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension17 .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension17 .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension17 .normal .wf-sensor-label,
    #Extension17 .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension17 .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension17 .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension17 .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension17 .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension17 .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension17 .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension17 .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension17 .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension17 .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension17 .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension17 .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#Extension18.wf-animation-container { 	
	overflow: hidden; 
	width: 81px; 
	height: 31px; 
	
}

#Extension18 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Extension19.wf-animation-container { 	
	overflow: hidden; 
	width: 40px; 
	height: 40px; 
	
}

#Extension19 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Shape2
{
   border-width: 0;
}
#Extension20.wf-animation-container { 	
	overflow: hidden; 
	width: 166px; 
	height: 31px; 
	
}

#Extension20 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Extension21.wf-animation-container { 	
	overflow: hidden; 
	width: 331px; 
	height: 31px; 
	
}

#Extension21 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Extension23 {overflow:hidden}

#Extension23 .bg-changed {
		background-color: !important;
		color:  !important;
	}

#Extension23 .wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #375F9C; 
	font-weight: normal; 
	text-align: left;
	border: 1px solid #B0C4DE;
	background-color: rgba(192,192,192,0.22);
	border-radius: 0px;
 	width: 41px; 
	height: 27px; 
	
}

#Extension23 .wf-text-container > span > span {
	padding: 5px ;
	display:inline-block;
	}
#Text_M_FT500 {
	overflow:hidden;
}

#Text_M_FT500.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#Text_M_FT500.wf-text-container span {
	height:inherit;
	text-align:left;
}

#Text_M_FT500.wf-text-container.left {
	justify-content:flex-start;
}

#Text_M_FT500.wf-text-container.center {
	justify-content:center;
}

#Text_M_FT500.wf-text-container.right {
	justify-content:flex-end;

}

#Extension22.wf-animation-container { 	
	overflow: hidden; 
	width: 176px; 
	height: 31px; 
	
}

#Extension22 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}



#Extension30.wf-image-container {
transform: scale(1, 1);
}

#Extension30 .wf-state-element {
background-image: url('./state-images/Kompressor.png');
background-color: rgba(254,254,254,0.00);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; 
transform: rotate(0deg);
width:105px;
height:45px;
border:solid 0px #cee5ff;
}

#Extension30 .disabled {
    pointer-events: none;
}

#Extension30 .state1 .wf-state-element {background-image: url(state-images/Kompressor-running.png);}
        

#Extension31.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension31 .wf-state-container {
    background: none;
}

#Extension31 .wf-state-container:after {
color: #375F9C;
}

#Extension31 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension31 .disabled {
    pointer-events: none;
}

#Extension26.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension26 .wf-state-container {
    background: none;
}

#Extension26 .wf-state-container:after {
color: #375F9C;
}

#Extension26 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension26 .disabled {
    pointer-events: none;
}

#Extension29.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension29 .wf-state-container {
    background: none;
}

#Extension29 .wf-state-container:after {
color: #375F9C;
}

#Extension29 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension29 .disabled {
    pointer-events: none;
}

#Extension28.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension28 .wf-state-container {
    background: none;
}

#Extension28 .wf-state-container:after {
color: #375F9C;
}

#Extension28 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension28 .disabled {
    pointer-events: none;
}

#Extension27.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension27 .wf-state-container {
    background: none;
}

#Extension27 .wf-state-container:after {
color: #375F9C;
}

#Extension27 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension27 .disabled {
    pointer-events: none;
}

#Extension24.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension24 .wf-state-container {
    background: none;
}

#Extension24 .wf-state-container:after {
color: #375F9C;
}

#Extension24 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension24 .disabled {
    pointer-events: none;
}

#Extension25.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension25 .wf-state-container {
    background: none;
}

#Extension25 .wf-state-container:after {
color: #375F9C;
}

#Extension25 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension25 .disabled {
    pointer-events: none;
}
#Layer2-gas
{
   background-color: #FFFFFF;
   background-image: none;
   -moz-box-shadow: 0px 5px 3px rgba(105,105,105,0.16);
   -webkit-box-shadow: 0px 5px 3px rgba(105,105,105,0.16);
   box-shadow: 0px 5px 3px rgba(105,105,105,0.16);
}
#gas-hvac-l .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#gas-hvac-l .disabled .wf-state-layer {
    pointer-events: none;
}


#gas-hvac-l wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#gas-hvac-l .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-hvac-l .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-hvac-l .wf-state-layer:hover  > .wf-state-container,
    #gas-hvac-l .wf-navigation-link.active:hover {
        background-color: #FFFFFF !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-hvac-l .wf-state-layer:focus > .wf-state-container,
    #gas-hvac-l .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-hvac-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #gas-hvac-l .wf-state-layer:active .icon,
    #gas-hvac-l .wf-state-layer .active .icon {
	color: ;
    }

    #gas-hvac-l .wf-state-layer:focus .icon,
    #gas-hvac-l .wf-state-layer .focus .icon {
	color: ;
    }

    #gas-hvac-l .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0 3px 0 0;
        line-height: 14px;
	 color:;
    }

#gas-hvac-l .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#gas-hvac-l .wf-nav-text > span {
	display:inline-block;
}

#gas-hvac-l.flex-start .wf-navigation-link .icon,
#gas-hvac-l.flex-start .wf-nav-text,
#gas-hvac-l.flex-start .wf-navigation-link-content {
    text-align: left;
}

#gas-hvac-l.center .wf-navigation-link .icon,
#gas-hvac-l.center .wf-nav-text,
#gas-hvac-l.center .wf-navigation-link-content {
    text-align: center;
}

#gas-hvac-l.flex-end .wf-navigation-link .icon,
#gas-hvac-l.flex-end .wf-nav-text,
#gas-hvac-l.flex-end .wf-navigation-link-content {
    text-align: right;
}

#gas-loop-l .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#gas-loop-l .disabled .wf-state-layer {
    pointer-events: none;
}


#gas-loop-l wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#gas-loop-l .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-loop-l .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-loop-l .wf-state-layer:hover  > .wf-state-container,
    #gas-loop-l .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-loop-l .wf-state-layer:focus > .wf-state-container,
    #gas-loop-l .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-loop-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #gas-loop-l .wf-state-layer:active .icon,
    #gas-loop-l .wf-state-layer .active .icon {
	color: ;
    }

    #gas-loop-l .wf-state-layer:focus .icon,
    #gas-loop-l .wf-state-layer .focus .icon {
	color: ;
    }

    #gas-loop-l .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0 3px 0 0;
        line-height: 14px;
	 color:;
    }

#gas-loop-l .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#gas-loop-l .wf-nav-text > span {
	display:inline-block;
}

#gas-loop-l.flex-start .wf-navigation-link .icon,
#gas-loop-l.flex-start .wf-nav-text,
#gas-loop-l.flex-start .wf-navigation-link-content {
    text-align: left;
}

#gas-loop-l.center .wf-navigation-link .icon,
#gas-loop-l.center .wf-nav-text,
#gas-loop-l.center .wf-navigation-link-content {
    text-align: center;
}

#gas-loop-l.flex-end .wf-navigation-link .icon,
#gas-loop-l.flex-end .wf-nav-text,
#gas-loop-l.flex-end .wf-navigation-link-content {
    text-align: right;
}

 #Extension3.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension5.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #spherical-tank-1.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
    #Pipe9 svg:not(:root) {
        overflow: visible;
    }

    #Pipe9 .wf-lines-wrapper {
        width: 659px;
        height: 220px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Pipe9 .line .h-line,
    #Pipe9 .c-line .top-line,
    #Pipe9 .c-line .left-line,
    #Pipe9 .c-line .bottom-line,
    #Pipe9 .corner-line .top-line,
    #Pipe9 .corner-line .left-line,
    #Pipe9 .cross-line .v-line,
    #Pipe9 .cross-line .h-line,
    #Pipe9 .square-line .top-line,
    #Pipe9 .square-line .right-line,
    #Pipe9 .square-line .bottom-line,
    #Pipe9 .square-line .left-line,
    #Pipe9 .t-line .top-line,
    #Pipe9 .t-line .v-line,
    #Pipe9 .u-line .left-line,
    #Pipe9 .u-line .bottom-line,
    #Pipe9 .u-line .right-line,
    #Pipe9 .horizontal-t-line .left-line,
    #Pipe9 .horizontal-t-line .h-line,
    #Pipe9 .ellipse-line .ellipse,
    #Pipe9 .half-ellipse-line .half-ellipse,
    #Pipe9 .diagonal-line .left-diagonal,
    #Pipe9 .x-line .left-diagonal,
    #Pipe9 .x-line .right-diagonal {
        visibility: visible
    }

    #Pipe9 .hide-line line,
    #Pipe9 .hide-line ellipse{
        visibility: hidden;
    }

#Pipe9 .disabled *{
    pointer-events: none !important;
}

    
 #Extension7.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension8.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #spherical-tank-2.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#E500.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#E500 .wf-state-container {
    background: none;
}

#E500 .wf-state-container:after {
color: #375F9C;
}

#E500 .wf-state-container:before {
color: #B0C4DE; 
}

#E500 .disabled {
    pointer-events: none;
}

#Extension34.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension34 .wf-state-container {
    background: none;
}

#Extension34 .wf-state-container:after {
color: #375F9C;
}

#Extension34 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension34 .disabled {
    pointer-events: none;
}

#Extension35.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension35 .wf-state-container {
    background: none;
}

#Extension35 .wf-state-container:after {
color: #375F9C;
}

#Extension35 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension35 .disabled {
    pointer-events: none;
}

#Extension33.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension33 .wf-state-container {
    background: none;
}

#Extension33 .wf-state-container:after {
color: #375F9C;
}

#Extension33 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension33 .disabled {
    pointer-events: none;
}

#Extension32.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension32 .wf-state-container {
    background: none;
}

#Extension32 .wf-state-container:after {
color: #375F9C;
}

#Extension32 .wf-state-container:before {
color: #B0C4DE; 
}

#Extension32 .disabled {
    pointer-events: none;
}
#Extension2 .disabled *{
    pointer-events: none !important;
}

#Extension2 {overflow:hidden}



#bar-tank-1-m .progress.vertical {
	background: #F5F5F5 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#bar-tank-1-m .progressbar-value {
    font-weight: normal !important;
}

#bar-tank-1-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#bar-tank-1-m .wf-axis svg {
	width: 0px !important;
}

#bar-tank-1-m .wf-axis text{
    	fill:#C5C5C5;
}

#bar-tank-1-m .axis line,
#bar-tank-1-m .axis path {
    stroke:#C5C5C5
}

#bar-tank-1-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#bar-tank-1-m .wf-progress-state {
	background-image: none;
}

#bar-tank-2-m .progress.vertical {
	background: #F5F5F5 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#bar-tank-2-m .progressbar-value {
    font-weight: normal !important;
}

#bar-tank-2-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#bar-tank-2-m .wf-axis svg {
	width: 0px !important;
}

#bar-tank-2-m .wf-axis text{
    	fill:#F5F5F5;
}

#bar-tank-2-m .axis line,
#bar-tank-2-m .axis path {
    stroke:#F5F5F5
}

#bar-tank-2-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#bar-tank-2-m .wf-progress-state {
	background-image: none;
}
 #spherical-tank-1-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #spherical-tank-2-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#Extension39-m .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension39-m .progressbar-value {
    font-weight: normal !important;
}

#Extension39-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension39-m .wf-axis svg {
	width: 0px !important;
}

#Extension39-m .wf-axis text{
    	fill:#C5C5C5;
}

#Extension39-m .axis line,
#Extension39-m .axis path {
    stroke:#C5C5C5
}

#Extension39-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension39-m .wf-progress-state {
	background-image: none;
}

#Extension38-m .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension38-m .progressbar-value {
    font-weight: normal !important;
}

#Extension38-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension38-m .wf-axis svg {
	width: 0px !important;
}

#Extension38-m .wf-axis text{
    	fill:#C5C5C5;
}

#Extension38-m .axis line,
#Extension38-m .axis path {
    stroke:#C5C5C5
}

#Extension38-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension38-m .wf-progress-state {
	background-image: none;
}
 #Extension9-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
    #Extension20-m svg:not(:root) {
        overflow: visible;
    }

    #Extension20-m .wf-lines-wrapper {
        width: 270px;
        height: 15px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension20-m .line .h-line,
    #Extension20-m .c-line .top-line,
    #Extension20-m .c-line .left-line,
    #Extension20-m .c-line .bottom-line,
    #Extension20-m .corner-line .top-line,
    #Extension20-m .corner-line .left-line,
    #Extension20-m .cross-line .v-line,
    #Extension20-m .cross-line .h-line,
    #Extension20-m .square-line .top-line,
    #Extension20-m .square-line .right-line,
    #Extension20-m .square-line .bottom-line,
    #Extension20-m .square-line .left-line,
    #Extension20-m .t-line .top-line,
    #Extension20-m .t-line .v-line,
    #Extension20-m .u-line .left-line,
    #Extension20-m .u-line .bottom-line,
    #Extension20-m .u-line .right-line,
    #Extension20-m .horizontal-t-line .left-line,
    #Extension20-m .horizontal-t-line .h-line,
    #Extension20-m .ellipse-line .ellipse,
    #Extension20-m .half-ellipse-line .half-ellipse,
    #Extension20-m .diagonal-line .left-diagonal,
    #Extension20-m .x-line .left-diagonal,
    #Extension20-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension20-m .hide-line line,
    #Extension20-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension20-m .disabled *{
    pointer-events: none !important;
}

    

#Extension36-m .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension36-m .progressbar-value {
    font-weight: normal !important;
}

#Extension36-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension36-m .wf-axis svg {
	width: 0px !important;
}

#Extension36-m .wf-axis text{
    	fill:#C5C5C5;
}

#Extension36-m .axis line,
#Extension36-m .axis path {
    stroke:#C5C5C5
}

#Extension36-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension36-m .wf-progress-state {
	background-image: none;
}

#Extension37-m .progress.vertical {
	background: #4393C2 !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension37-m .progressbar-value {
    font-weight: normal !important;
}

#Extension37-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension37-m .wf-axis svg {
	width: 0px !important;
}

#Extension37-m .wf-axis text{
    	fill:#C5C5C5;
}

#Extension37-m .axis line,
#Extension37-m .axis path {
    stroke:#C5C5C5
}

#Extension37-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension37-m .wf-progress-state {
	background-image: none;
}
#Layer1-gas-sm
{
   background-color: #F5F5F5;
   background-image: none;
}
 #i4-logo-gas-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#gas-hvac-sm .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#gas-hvac-sm .disabled .wf-state-layer {
    pointer-events: none;
}


#gas-hvac-sm wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#gas-hvac-sm .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-hvac-sm .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #gas-hvac-sm .wf-state-layer:hover  > .wf-state-container,
    #gas-hvac-sm .wf-navigation-link.active:hover {
        background-color: #FFFFFF !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-hvac-sm .wf-state-layer:focus > .wf-state-container,
    #gas-hvac-sm .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #gas-hvac-sm .wf-state-layer:hover .icon {
	color: #696969;
    }

    #gas-hvac-sm .wf-state-layer:active .icon,
    #gas-hvac-sm .wf-state-layer .active .icon {
	color: ;
    }

    #gas-hvac-sm .wf-state-layer:focus .icon,
    #gas-hvac-sm .wf-state-layer .focus .icon {
	color: ;
    }

    #gas-hvac-sm .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0px;
        line-height: 24px;
	 color:;
    }

#gas-hvac-sm .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#gas-hvac-sm .wf-nav-text > span {
	display:inline-block;
}

#gas-hvac-sm.flex-start .wf-navigation-link .icon,
#gas-hvac-sm.flex-start .wf-nav-text,
#gas-hvac-sm.flex-start .wf-navigation-link-content {
    text-align: left;
}

#gas-hvac-sm.center .wf-navigation-link .icon,
#gas-hvac-sm.center .wf-nav-text,
#gas-hvac-sm.center .wf-navigation-link-content {
    text-align: center;
}

#gas-hvac-sm.flex-end .wf-navigation-link .icon,
#gas-hvac-sm.flex-end .wf-nav-text,
#gas-hvac-sm.flex-end .wf-navigation-link-content {
    text-align: right;
}

#loop-gas-sm .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#loop-gas-sm .disabled .wf-state-layer {
    pointer-events: none;
}


#loop-gas-sm wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#loop-gas-sm .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #loop-gas-sm .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #loop-gas-sm .wf-state-layer:hover  > .wf-state-container,
    #loop-gas-sm .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #loop-gas-sm .wf-state-layer:focus > .wf-state-container,
    #loop-gas-sm .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #loop-gas-sm .wf-state-layer:hover .icon {
	color: #696969;
    }

    #loop-gas-sm .wf-state-layer:active .icon,
    #loop-gas-sm .wf-state-layer .active .icon {
	color: ;
    }

    #loop-gas-sm .wf-state-layer:focus .icon,
    #loop-gas-sm .wf-state-layer .focus .icon {
	color: ;
    }

    #loop-gas-sm .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#loop-gas-sm .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0px !important;
	 position:absolute;

	}

#loop-gas-sm .wf-nav-text > span {
	display:inline-block;
}

#loop-gas-sm.flex-start .wf-navigation-link .icon,
#loop-gas-sm.flex-start .wf-nav-text,
#loop-gas-sm.flex-start .wf-navigation-link-content {
    text-align: left;
}

#loop-gas-sm.center .wf-navigation-link .icon,
#loop-gas-sm.center .wf-nav-text,
#loop-gas-sm.center .wf-navigation-link-content {
    text-align: center;
}

#loop-gas-sm.flex-end .wf-navigation-link .icon,
#loop-gas-sm.flex-end .wf-nav-text,
#loop-gas-sm.flex-end .wf-navigation-link-content {
    text-align: right;
}

#wb_scada-gas-m {
pointer-events:none;
}

#scada-gas-m .bg-changed {
		background-color: !important;
		color:  !important;
	}

#scada-gas-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 18px; 
	line-height: normal; 
	font-family: Arial; 
	color: #DA0808; 
	font-weight: normal; 
	text-align: left;
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	width: 69px; height: 19px; 
	
}


#scada-gas-m.wf-text-container span {
	padding: 0px ;
	display:inline-block;
	}

#scada-gas-m.wf-text-container span:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
	pointer-events: all;
	}

#scada-gas-m.wf-text-container .has-no-pointer-events:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
	pointer-events: none !important;
	}
#gas-header-m
{
   background-color: #FFFFFF;
   background-image: none;
   -moz-box-shadow: 0px 5px 3px rgba(0,0,0,0.16);
   -webkit-box-shadow: 0px 5px 3px rgba(0,0,0,0.16);
   box-shadow: 0px 5px 3px rgba(0,0,0,0.16);
}
    #Extension2-m svg:not(:root) {
        overflow: visible;
    }

    #Extension2-m .wf-lines-wrapper {
        width: 218px;
        height: 18px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension2-m .line .h-line,
    #Extension2-m .c-line .top-line,
    #Extension2-m .c-line .left-line,
    #Extension2-m .c-line .bottom-line,
    #Extension2-m .corner-line .top-line,
    #Extension2-m .corner-line .left-line,
    #Extension2-m .cross-line .v-line,
    #Extension2-m .cross-line .h-line,
    #Extension2-m .square-line .top-line,
    #Extension2-m .square-line .right-line,
    #Extension2-m .square-line .bottom-line,
    #Extension2-m .square-line .left-line,
    #Extension2-m .t-line .top-line,
    #Extension2-m .t-line .v-line,
    #Extension2-m .u-line .left-line,
    #Extension2-m .u-line .bottom-line,
    #Extension2-m .u-line .right-line,
    #Extension2-m .horizontal-t-line .left-line,
    #Extension2-m .horizontal-t-line .h-line,
    #Extension2-m .ellipse-line .ellipse,
    #Extension2-m .half-ellipse-line .half-ellipse,
    #Extension2-m .diagonal-line .left-diagonal,
    #Extension2-m .x-line .left-diagonal,
    #Extension2-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension2-m .hide-line line,
    #Extension2-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension2-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension4-m svg:not(:root) {
        overflow: visible;
    }

    #Extension4-m .wf-lines-wrapper {
        width: 270px;
        height: 262px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension4-m .line .h-line,
    #Extension4-m .c-line .top-line,
    #Extension4-m .c-line .left-line,
    #Extension4-m .c-line .bottom-line,
    #Extension4-m .corner-line .top-line,
    #Extension4-m .corner-line .left-line,
    #Extension4-m .cross-line .v-line,
    #Extension4-m .cross-line .h-line,
    #Extension4-m .square-line .top-line,
    #Extension4-m .square-line .right-line,
    #Extension4-m .square-line .bottom-line,
    #Extension4-m .square-line .left-line,
    #Extension4-m .t-line .top-line,
    #Extension4-m .t-line .v-line,
    #Extension4-m .u-line .left-line,
    #Extension4-m .u-line .bottom-line,
    #Extension4-m .u-line .right-line,
    #Extension4-m .horizontal-t-line .left-line,
    #Extension4-m .horizontal-t-line .h-line,
    #Extension4-m .ellipse-line .ellipse,
    #Extension4-m .half-ellipse-line .half-ellipse,
    #Extension4-m .diagonal-line .left-diagonal,
    #Extension4-m .x-line .left-diagonal,
    #Extension4-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension4-m .hide-line line,
    #Extension4-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension4-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension5-m svg:not(:root) {
        overflow: visible;
    }

    #Extension5-m .wf-lines-wrapper {
        width: 269px;
        height: 17px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension5-m .line .h-line,
    #Extension5-m .c-line .top-line,
    #Extension5-m .c-line .left-line,
    #Extension5-m .c-line .bottom-line,
    #Extension5-m .corner-line .top-line,
    #Extension5-m .corner-line .left-line,
    #Extension5-m .cross-line .v-line,
    #Extension5-m .cross-line .h-line,
    #Extension5-m .square-line .top-line,
    #Extension5-m .square-line .right-line,
    #Extension5-m .square-line .bottom-line,
    #Extension5-m .square-line .left-line,
    #Extension5-m .t-line .top-line,
    #Extension5-m .t-line .v-line,
    #Extension5-m .u-line .left-line,
    #Extension5-m .u-line .bottom-line,
    #Extension5-m .u-line .right-line,
    #Extension5-m .horizontal-t-line .left-line,
    #Extension5-m .horizontal-t-line .h-line,
    #Extension5-m .ellipse-line .ellipse,
    #Extension5-m .half-ellipse-line .half-ellipse,
    #Extension5-m .diagonal-line .left-diagonal,
    #Extension5-m .x-line .left-diagonal,
    #Extension5-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension5-m .hide-line line,
    #Extension5-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension5-m .disabled *{
    pointer-events: none !important;
}

    

#FV101-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV101-m .wf-state-container {
    background: none;
}

#FV101-m .wf-state-container:after {
color: #375F9C;
}

#FV101-m .wf-state-container:before {
color: #B0C4DE; 
}

#FV101-m .disabled {
    pointer-events: none;
}
#FV101L-m {
	overflow:hidden;
}

#FV101L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV101L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV101L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV101L-m.wf-text-container.center {
	justify-content:center;
}

#FV101L-m.wf-text-container.right {
	justify-content:flex-end;

}

#FV100L-m {
	overflow:hidden;
}

#FV100L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV100L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV100L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV100L-m.wf-text-container.center {
	justify-content:center;
}

#FV100L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension24-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension24-m .wf-state-container {
    background: none;
}

#Extension24-m .wf-state-container:after {
color: #375F9C;
}

#Extension24-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension24-m .disabled {
    pointer-events: none;
}
#FV300L-m {
	overflow:hidden;
}

#FV300L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV300L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV300L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV300L-m.wf-text-container.center {
	justify-content:center;
}

#FV300L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension25-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension25-m .wf-state-container {
    background: none;
}

#Extension25-m .wf-state-container:after {
color: #375F9C;
}

#Extension25-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension25-m .disabled {
    pointer-events: none;
}
#TT300L-m {
	overflow:hidden;
}

#TT300L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT300L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT300L-m.wf-text-container.left {
	justify-content:flex-start;
}

#TT300L-m.wf-text-container.center {
	justify-content:center;
}

#TT300L-m.wf-text-container.right {
	justify-content:flex-end;

}

#TT301L-m {
	overflow:hidden;
}

#TT301L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT301L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT301L-m.wf-text-container.left {
	justify-content:flex-start;
}

#TT301L-m.wf-text-container.center {
	justify-content:center;
}

#TT301L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension14-m {
        overflow: hidden
    } 

#Extension14-m .bg-changed .wf-setpoint-label,
    #Extension14-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension14-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension14-m .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension14-m .wf-sensor {
        width: 100%
    }

    #Extension14-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension14-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension14-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension14-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension14-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension14-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension14-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension14-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension14-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension14-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension14-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension14-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension14-m .normal .wf-sensor-label,
    #Extension14-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension14-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension14-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension14-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension14-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension14-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension14-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension14-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension14-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension14-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension14-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension14-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #wb_Extension6-m {
        overflow: hidden
    } 

#Extension6-m .bg-changed .wf-setpoint-label,
    #Extension6-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension6-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension6-m .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension6-m .wf-sensor {
        width: 100%
    }

    #Extension6-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension6-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension6-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension6-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension6-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension6-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension6-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension6-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(169,169,169,0.20);
        border-radius: 3px;
    }

    #Extension6-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension6-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension6-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension6-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension6-m .normal .wf-sensor-label,
    #Extension6-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension6-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension6-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension6-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension6-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension6-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension6-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension6-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension6-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension6-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension6-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension6-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#TT302L-m {
	overflow:hidden;
}

#TT302L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT302L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT302L-m.wf-text-container.left {
	justify-content:flex-start;
}

#TT302L-m.wf-text-container.center {
	justify-content:center;
}

#TT302L-m.wf-text-container.right {
	justify-content:flex-end;

}


#C300-m.wf-image-container {
transform: scale(1, 1);
}

#C300-m .wf-state-element {
background-image: url('./state-images/Kompressor.png');
background-color: rgba(254,254,254,0.00);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; 
transform: rotate(0deg);
width:105px;
height:45px;
border:solid 0px #cee5ff;
}

#C300-m .disabled {
    pointer-events: none;
}

#C300-m .state1 .wf-state-element {background-image: url(state-images/Kompressor-running.png);}
        #C300-m .state2 .wf-state-element {background-image: url(state-images/Kompressor-blau.png);}
        
    #wb_Extension13-m {
        overflow: hidden
    } 

#Extension13-m .bg-changed .wf-setpoint-label,
    #Extension13-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension13-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension13-m .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension13-m .wf-sensor {
        width: 100%
    }

    #Extension13-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension13-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension13-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension13-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension13-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension13-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension13-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension13-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension13-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension13-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension13-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension13-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension13-m .normal .wf-sensor-label,
    #Extension13-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension13-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension13-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension13-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension13-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension13-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension13-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension13-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension13-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension13-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension13-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension13-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #Extension7-m svg:not(:root) {
        overflow: visible;
    }

    #Extension7-m .wf-lines-wrapper {
        width: 270px;
        height: 20px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension7-m .line .h-line,
    #Extension7-m .c-line .top-line,
    #Extension7-m .c-line .left-line,
    #Extension7-m .c-line .bottom-line,
    #Extension7-m .corner-line .top-line,
    #Extension7-m .corner-line .left-line,
    #Extension7-m .cross-line .v-line,
    #Extension7-m .cross-line .h-line,
    #Extension7-m .square-line .top-line,
    #Extension7-m .square-line .right-line,
    #Extension7-m .square-line .bottom-line,
    #Extension7-m .square-line .left-line,
    #Extension7-m .t-line .top-line,
    #Extension7-m .t-line .v-line,
    #Extension7-m .u-line .left-line,
    #Extension7-m .u-line .bottom-line,
    #Extension7-m .u-line .right-line,
    #Extension7-m .horizontal-t-line .left-line,
    #Extension7-m .horizontal-t-line .h-line,
    #Extension7-m .ellipse-line .ellipse,
    #Extension7-m .half-ellipse-line .half-ellipse,
    #Extension7-m .diagonal-line .left-diagonal,
    #Extension7-m .x-line .left-diagonal,
    #Extension7-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension7-m .hide-line line,
    #Extension7-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension7-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension8-m svg:not(:root) {
        overflow: visible;
    }

    #Extension8-m .wf-lines-wrapper {
        width: 269px;
        height: 54px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension8-m .line .h-line,
    #Extension8-m .c-line .top-line,
    #Extension8-m .c-line .left-line,
    #Extension8-m .c-line .bottom-line,
    #Extension8-m .corner-line .top-line,
    #Extension8-m .corner-line .left-line,
    #Extension8-m .cross-line .v-line,
    #Extension8-m .cross-line .h-line,
    #Extension8-m .square-line .top-line,
    #Extension8-m .square-line .right-line,
    #Extension8-m .square-line .bottom-line,
    #Extension8-m .square-line .left-line,
    #Extension8-m .t-line .top-line,
    #Extension8-m .t-line .v-line,
    #Extension8-m .u-line .left-line,
    #Extension8-m .u-line .bottom-line,
    #Extension8-m .u-line .right-line,
    #Extension8-m .horizontal-t-line .left-line,
    #Extension8-m .horizontal-t-line .h-line,
    #Extension8-m .ellipse-line .ellipse,
    #Extension8-m .half-ellipse-line .half-ellipse,
    #Extension8-m .diagonal-line .left-diagonal,
    #Extension8-m .x-line .left-diagonal,
    #Extension8-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension8-m .hide-line line,
    #Extension8-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension8-m .disabled *{
    pointer-events: none !important;
}

    
#FV200L-m {
	overflow:hidden;
}

#FV200L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV200L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV200L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV200L-m.wf-text-container.center {
	justify-content:center;
}

#FV200L-m.wf-text-container.right {
	justify-content:flex-end;

}


#FV200-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV200-m .wf-state-container {
    background: none;
}

#FV200-m .wf-state-container:after {
color: #375F9C;
}

#FV200-m .wf-state-container:before {
color: #B0C4DE; 
}

#FV200-m .disabled {
    pointer-events: none;
}
    #wb_Extension17-m {
        overflow: hidden
    } 

#Extension17-m .bg-changed .wf-setpoint-label,
    #Extension17-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension17-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension17-m .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension17-m .wf-sensor {
        width: 100%
    }

    #Extension17-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension17-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension17-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension17-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension17-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension17-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension17-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension17-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension17-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension17-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension17-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension17-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension17-m .normal .wf-sensor-label,
    #Extension17-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension17-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension17-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension17-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension17-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension17-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension17-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension17-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension17-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension17-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension17-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension17-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#PT200L-m {
	overflow:hidden;
}

#PT200L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT200L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT200L-m.wf-text-container.left {
	justify-content:flex-start;
}

#PT200L-m.wf-text-container.center {
	justify-content:center;
}

#PT200L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #Extension10-m svg:not(:root) {
        overflow: visible;
    }

    #Extension10-m .wf-lines-wrapper {
        width: 269px;
        height: 15px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension10-m .line .h-line,
    #Extension10-m .c-line .top-line,
    #Extension10-m .c-line .left-line,
    #Extension10-m .c-line .bottom-line,
    #Extension10-m .corner-line .top-line,
    #Extension10-m .corner-line .left-line,
    #Extension10-m .cross-line .v-line,
    #Extension10-m .cross-line .h-line,
    #Extension10-m .square-line .top-line,
    #Extension10-m .square-line .right-line,
    #Extension10-m .square-line .bottom-line,
    #Extension10-m .square-line .left-line,
    #Extension10-m .t-line .top-line,
    #Extension10-m .t-line .v-line,
    #Extension10-m .u-line .left-line,
    #Extension10-m .u-line .bottom-line,
    #Extension10-m .u-line .right-line,
    #Extension10-m .horizontal-t-line .left-line,
    #Extension10-m .horizontal-t-line .h-line,
    #Extension10-m .ellipse-line .ellipse,
    #Extension10-m .half-ellipse-line .half-ellipse,
    #Extension10-m .diagonal-line .left-diagonal,
    #Extension10-m .x-line .left-diagonal,
    #Extension10-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension10-m .hide-line line,
    #Extension10-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension10-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension11-m svg:not(:root) {
        overflow: visible;
    }

    #Extension11-m .wf-lines-wrapper {
        width: 270px;
        height: 166px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension11-m .line .h-line,
    #Extension11-m .c-line .top-line,
    #Extension11-m .c-line .left-line,
    #Extension11-m .c-line .bottom-line,
    #Extension11-m .corner-line .top-line,
    #Extension11-m .corner-line .left-line,
    #Extension11-m .cross-line .v-line,
    #Extension11-m .cross-line .h-line,
    #Extension11-m .square-line .top-line,
    #Extension11-m .square-line .right-line,
    #Extension11-m .square-line .bottom-line,
    #Extension11-m .square-line .left-line,
    #Extension11-m .t-line .top-line,
    #Extension11-m .t-line .v-line,
    #Extension11-m .u-line .left-line,
    #Extension11-m .u-line .bottom-line,
    #Extension11-m .u-line .right-line,
    #Extension11-m .horizontal-t-line .left-line,
    #Extension11-m .horizontal-t-line .h-line,
    #Extension11-m .ellipse-line .ellipse,
    #Extension11-m .half-ellipse-line .half-ellipse,
    #Extension11-m .diagonal-line .left-diagonal,
    #Extension11-m .x-line .left-diagonal,
    #Extension11-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension11-m .hide-line line,
    #Extension11-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension11-m .disabled *{
    pointer-events: none !important;
}

    
#FV352L-m {
	overflow:hidden;
}

#FV352L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV352L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV352L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV352L-m.wf-text-container.center {
	justify-content:center;
}

#FV352L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension27-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension27-m .wf-state-container {
    background: none;
}

#Extension27-m .wf-state-container:after {
color: #375F9C;
}

#Extension27-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension27-m .disabled {
    pointer-events: none;
}
#FV350L-m {
	overflow:hidden;
}

#FV350L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV350L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV350L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV350L-m.wf-text-container.center {
	justify-content:center;
}

#FV350L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension28-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension28-m .wf-state-container {
    background: none;
}

#Extension28-m .wf-state-container:after {
color: #375F9C;
}

#Extension28-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension28-m .disabled {
    pointer-events: none;
}
#FV351L-m {
	overflow:hidden;
}

#FV351L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV351L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV351L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV351L-m.wf-text-container.center {
	justify-content:center;
}

#FV351L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension29-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension29-m .wf-state-container {
    background: none;
}

#Extension29-m .wf-state-container:after {
color: #375F9C;
}

#Extension29-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension29-m .disabled {
    pointer-events: none;
}
#PT351L-m {
	overflow:hidden;
}

#PT351L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT351L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT351L-m.wf-text-container.left {
	justify-content:flex-start;
}

#PT351L-m.wf-text-container.center {
	justify-content:center;
}

#PT351L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension16-m {
        overflow: hidden
    } 

#Extension16-m .bg-changed .wf-setpoint-label,
    #Extension16-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension16-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension16-m .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension16-m .wf-sensor {
        width: 100%
    }

    #Extension16-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension16-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension16-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension16-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension16-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension16-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension16-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension16-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension16-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension16-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension16-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension16-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension16-m .normal .wf-sensor-label,
    #Extension16-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension16-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension16-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension16-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension16-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension16-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension16-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension16-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension16-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension16-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension16-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension16-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

#Extension30-m.wf-image-container {
transform: scale(1, 1);
}

#Extension30-m .wf-state-element {
background-image: url('./state-images/Kompressor.png');
background-color: rgba(254,254,254,0.00);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; 
transform: rotate(0deg);
width:105px;
height:45px;
border:solid 0px #cee5ff;
}

#Extension30-m .disabled {
    pointer-events: none;
}

#Extension30-m .state1 .wf-state-element {background-image: url(state-images/Kompressor-running.png);}
        
    #Extension12-m svg:not(:root) {
        overflow: visible;
    }

    #Extension12-m .wf-lines-wrapper {
        width: 270px;
        height: 20px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension12-m .line .h-line,
    #Extension12-m .c-line .top-line,
    #Extension12-m .c-line .left-line,
    #Extension12-m .c-line .bottom-line,
    #Extension12-m .corner-line .top-line,
    #Extension12-m .corner-line .left-line,
    #Extension12-m .cross-line .v-line,
    #Extension12-m .cross-line .h-line,
    #Extension12-m .square-line .top-line,
    #Extension12-m .square-line .right-line,
    #Extension12-m .square-line .bottom-line,
    #Extension12-m .square-line .left-line,
    #Extension12-m .t-line .top-line,
    #Extension12-m .t-line .v-line,
    #Extension12-m .u-line .left-line,
    #Extension12-m .u-line .bottom-line,
    #Extension12-m .u-line .right-line,
    #Extension12-m .horizontal-t-line .left-line,
    #Extension12-m .horizontal-t-line .h-line,
    #Extension12-m .ellipse-line .ellipse,
    #Extension12-m .half-ellipse-line .half-ellipse,
    #Extension12-m .diagonal-line .left-diagonal,
    #Extension12-m .x-line .left-diagonal,
    #Extension12-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension12-m .hide-line line,
    #Extension12-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension12-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension15-m svg:not(:root) {
        overflow: visible;
    }

    #Extension15-m .wf-lines-wrapper {
        width: 269px;
        height: 48px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension15-m .line .h-line,
    #Extension15-m .c-line .top-line,
    #Extension15-m .c-line .left-line,
    #Extension15-m .c-line .bottom-line,
    #Extension15-m .corner-line .top-line,
    #Extension15-m .corner-line .left-line,
    #Extension15-m .cross-line .v-line,
    #Extension15-m .cross-line .h-line,
    #Extension15-m .square-line .top-line,
    #Extension15-m .square-line .right-line,
    #Extension15-m .square-line .bottom-line,
    #Extension15-m .square-line .left-line,
    #Extension15-m .t-line .top-line,
    #Extension15-m .t-line .v-line,
    #Extension15-m .u-line .left-line,
    #Extension15-m .u-line .bottom-line,
    #Extension15-m .u-line .right-line,
    #Extension15-m .horizontal-t-line .left-line,
    #Extension15-m .horizontal-t-line .h-line,
    #Extension15-m .ellipse-line .ellipse,
    #Extension15-m .half-ellipse-line .half-ellipse,
    #Extension15-m .diagonal-line .left-diagonal,
    #Extension15-m .x-line .left-diagonal,
    #Extension15-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension15-m .hide-line line,
    #Extension15-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension15-m .disabled *{
    pointer-events: none !important;
}

    

#Extension31-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension31-m .wf-state-container {
    background: none;
}

#Extension31-m .wf-state-container:after {
color: #375F9C;
}

#Extension31-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension31-m .disabled {
    pointer-events: none;
}
#FV250L-m {
	overflow:hidden;
}

#FV250L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV250L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV250L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV250L-m.wf-text-container.center {
	justify-content:center;
}

#FV250L-m.wf-text-container.right {
	justify-content:flex-end;

}

#PT250L-m {
	overflow:hidden;
}

#PT250L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT250L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT250L-m.wf-text-container.left {
	justify-content:flex-start;
}

#PT250L-m.wf-text-container.center {
	justify-content:center;
}

#PT250L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension18-m {
        overflow: hidden
    } 

#Extension18-m .bg-changed .wf-setpoint-label,
    #Extension18-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension18-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension18-m .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension18-m .wf-sensor {
        width: 100%
    }

    #Extension18-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension18-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension18-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension18-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension18-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension18-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension18-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension18-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension18-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension18-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension18-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension18-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension18-m .normal .wf-sensor-label,
    #Extension18-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension18-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension18-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension18-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension18-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension18-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension18-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension18-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension18-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension18-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension18-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension18-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
 #Extension19-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension1-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension3-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
    #Extension21-m svg:not(:root) {
        overflow: visible;
    }

    #Extension21-m .wf-lines-wrapper {
        width: 270px;
        height: 441px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension21-m .line .h-line,
    #Extension21-m .c-line .top-line,
    #Extension21-m .c-line .left-line,
    #Extension21-m .c-line .bottom-line,
    #Extension21-m .corner-line .top-line,
    #Extension21-m .corner-line .left-line,
    #Extension21-m .cross-line .v-line,
    #Extension21-m .cross-line .h-line,
    #Extension21-m .square-line .top-line,
    #Extension21-m .square-line .right-line,
    #Extension21-m .square-line .bottom-line,
    #Extension21-m .square-line .left-line,
    #Extension21-m .t-line .top-line,
    #Extension21-m .t-line .v-line,
    #Extension21-m .u-line .left-line,
    #Extension21-m .u-line .bottom-line,
    #Extension21-m .u-line .right-line,
    #Extension21-m .horizontal-t-line .left-line,
    #Extension21-m .horizontal-t-line .h-line,
    #Extension21-m .ellipse-line .ellipse,
    #Extension21-m .half-ellipse-line .half-ellipse,
    #Extension21-m .diagonal-line .left-diagonal,
    #Extension21-m .x-line .left-diagonal,
    #Extension21-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension21-m .hide-line line,
    #Extension21-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension21-m .disabled *{
    pointer-events: none !important;
}

    
#FV500L-m {
	overflow:hidden;
}

#FV500L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV500L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV500L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV500L-m.wf-text-container.center {
	justify-content:center;
}

#FV500L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension32-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension32-m .wf-state-container {
    background: none;
}

#Extension32-m .wf-state-container:after {
color: #375F9C;
}

#Extension32-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension32-m .disabled {
    pointer-events: none;
}
#TT500L-m {
	overflow:hidden;
}

#TT500L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT500L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT500L-m.wf-text-container.left {
	justify-content:flex-start;
}

#TT500L-m.wf-text-container.center {
	justify-content:center;
}

#TT500L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension22-m {
        overflow: hidden
    } 

#Extension22-m .bg-changed .wf-setpoint-label,
    #Extension22-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension22-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension22-m .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension22-m .wf-sensor {
        width: 100%
    }

    #Extension22-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension22-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension22-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension22-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension22-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension22-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension22-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension22-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.20);
        border-radius: 3px;
    }

    #Extension22-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension22-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension22-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension22-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension22-m .normal .wf-sensor-label,
    #Extension22-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension22-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension22-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension22-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension22-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension22-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension22-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension22-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension22-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension22-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension22-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension22-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#FV450L-m {
	overflow:hidden;
}

#FV450L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV450L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV450L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV450L-m.wf-text-container.center {
	justify-content:center;
}

#FV450L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension34-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension34-m .wf-state-container {
    background: none;
}

#Extension34-m .wf-state-container:after {
color: #375F9C;
}

#Extension34-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension34-m .disabled {
    pointer-events: none;
}
#PT450L-m {
	overflow:hidden;
}

#PT450L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT450L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT450L-m.wf-text-container.left {
	justify-content:flex-start;
}

#PT450L-m.wf-text-container.center {
	justify-content:center;
}

#PT450L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension23-m {
        overflow: hidden
    } 

#Extension23-m .bg-changed .wf-setpoint-label,
    #Extension23-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension23-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension23-m .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension23-m .wf-sensor {
        width: 100%
    }

    #Extension23-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension23-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension23-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension23-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension23-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension23-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension23-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension23-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension23-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension23-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension23-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension23-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension23-m .normal .wf-sensor-label,
    #Extension23-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension23-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension23-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension23-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension23-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension23-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension23-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension23-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension23-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension23-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension23-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension23-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#TT450L-m {
	overflow:hidden;
}

#TT450L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#TT450L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#TT450L-m.wf-text-container.left {
	justify-content:flex-start;
}

#TT450L-m.wf-text-container.center {
	justify-content:center;
}

#TT450L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension33-m {
        overflow: hidden
    } 

#Extension33-m .bg-changed .wf-setpoint-label,
    #Extension33-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension33-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension33-m .wf-sensor-value-right:before {
        content: "T";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension33-m .wf-sensor {
        width: 100%
    }

    #Extension33-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension33-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension33-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension33-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension33-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension33-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension33-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension33-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension33-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension33-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension33-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension33-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension33-m .normal .wf-sensor-label,
    #Extension33-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension33-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension33-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension33-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension33-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension33-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension33-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension33-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension33-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension33-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension33-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension33-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
#FV501L-m {
	overflow:hidden;
}

#FV501L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV501L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV501L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV501L-m.wf-text-container.center {
	justify-content:center;
}

#FV501L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension35-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension35-m .wf-state-container {
    background: none;
}

#Extension35-m .wf-state-container:after {
color: #375F9C;
}

#Extension35-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension35-m .disabled {
    pointer-events: none;
}
#FV400L-m {
	overflow:hidden;
}

#FV400L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV400L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#FV400L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV400L-m.wf-text-container.center {
	justify-content:center;
}

#FV400L-m.wf-text-container.right {
	justify-content:flex-end;

}


#Extension40-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#Extension40-m .wf-state-container {
    background: none;
}

#Extension40-m .wf-state-container:after {
color: #375F9C;
}

#Extension40-m .wf-state-container:before {
color: #B0C4DE; 
}

#Extension40-m .disabled {
    pointer-events: none;
}
#PT400L-m {
	overflow:hidden;
}

#PT400L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#PT400L-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#PT400L-m.wf-text-container.left {
	justify-content:flex-start;
}

#PT400L-m.wf-text-container.center {
	justify-content:center;
}

#PT400L-m.wf-text-container.right {
	justify-content:flex-end;

}

    #wb_Extension41-m {
        overflow: hidden
    } 

#Extension41-m .bg-changed .wf-setpoint-label,
    #Extension41-m .bg-changed .wf-signal-label {
        background-color:  !important;
        color:  !important;
    }

    #Extension41-m {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }


    #Extension41-m .wf-sensor-value-right:before {
        content: "P";
        padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2);
        min-height: 26px;
        color: transparent !important;
        transform: translate(0px, -50%);
    }

    #Extension41-m .wf-sensor {
        width: 100%
    }

    #Extension41-m .wf-sensor-value {
        padding: 0;
        display: flex !important;
    	 align-items: center;
        background: transparent;
        border: none;
        min-width: initial !important;
	 font-size:14px;
    	 line-height: 14px;
    }

    #Extension41-m .wf-sensor-value-left {
       
        display: flex;
    }

    #Extension41-m .wf-sensor-value-left .wf-signal-label {
        margin: 0 0 0 5px;
    }

    #Extension41-m .wf-sensor-value-right {
        left: 10px;
        display: flex;
        flex-direction: row;
        transform: initial;
top:0;
    }

    #Extension41-m .wf-sensor-value-top {
        left: 50%;
	top: calc(-100% + 10px);
    } 

    #Extension41-m .wf-sensor-value-bottom {
        left: 50%;
        bottom: -10px;
    	 top: initial;
    }

    #Extension41-m .wf-sensor-value-bottom .wf-signal-label {
        margin: 0;
    }

    #Extension41-m .wf-signal-label {
        border: 1px solid #B0C4DE;
        padding: 6px;
        color: #375F9C;
        background-color: rgba(192,192,192,0.22);
        border-radius: 3px;
    }

    #Extension41-m .wf-setpoint-label {
        border: 1px solid #B0C4DE;
        padding: 6px !important;
        margin-left: -2px;
        color: #555555;
        background-color: #eeeeee;
        border-radius: 0px 3px 3px 0px;
    	 display: flex !important;
        align-items: center;
    }

    #Extension41-m .wf-sensor-label {
        width: initial !important;
        height: initial !important;
	 padding:0px;
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
        min-width:calc(26px + 0px*2 + 2px);
        min-height: 26px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #Extension41-m .wf-sensor-label.wf-sensor-pin {
        background: none !important;
        border: none !important;
    }

    #Extension41-m .b-l {
        border-left: 1px solid #B0C4DE;
    }

    #Extension41-m .normal .wf-sensor-label,
    #Extension41-m .wf-sensor-normal .wf-sensor-label {
        background-color: #375F9C;
        color: #FFFFFF;
        fill: #375F9C;
        stroke: #B0C4DE;
        border: 1px solid #B0C4DE;
    }

    #Extension41-m .wf-sensor-label .wf-svg-path {
        stroke: #B0C4DE;
    }

    #Extension41-m .wf-sensor-pointer {
        border-left: 1px solid #B0C4DE;
    }

    /* Sensor location */

    #Extension41-m .location-center {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    #Extension41-m .location-left {
        top: 50%;
        left: 0%;
        position: absolute;
        transform: translate(0, -50%);
    }

    #Extension41-m .location-right {
        top: 50%;
        left: 100%;
        position: absolute;
        transform: translate(-100%, -50%);
    }

    #Extension41-m .location-top {
        top: -10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }

    #Extension41-m .location-top-left {
        top: -10px;
        left: -10px;
        position: absolute;
        transform: translate(50%, 50%);
    }

    #Extension41-m .location-top-right {
        top: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension41-m .location-bottom {
        bottom: 3px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }

    #Extension41-m .location-bottom-left {
        bottom: -20px;
        left: -20px;
        position: absolute;
        transform: translate(100%, -100%);
    }

    #Extension41-m .location-bottom-right {
        bottom: 0px;
        right: -10px;
        position: absolute;
        transform: translate(-50%, 0);
    }
    #Extension42-m svg:not(:root) {
        overflow: visible;
    }

    #Extension42-m .wf-lines-wrapper {
        width: 269px;
        height: 24px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension42-m .line .h-line,
    #Extension42-m .c-line .top-line,
    #Extension42-m .c-line .left-line,
    #Extension42-m .c-line .bottom-line,
    #Extension42-m .corner-line .top-line,
    #Extension42-m .corner-line .left-line,
    #Extension42-m .cross-line .v-line,
    #Extension42-m .cross-line .h-line,
    #Extension42-m .square-line .top-line,
    #Extension42-m .square-line .right-line,
    #Extension42-m .square-line .bottom-line,
    #Extension42-m .square-line .left-line,
    #Extension42-m .t-line .top-line,
    #Extension42-m .t-line .v-line,
    #Extension42-m .u-line .left-line,
    #Extension42-m .u-line .bottom-line,
    #Extension42-m .u-line .right-line,
    #Extension42-m .horizontal-t-line .left-line,
    #Extension42-m .horizontal-t-line .h-line,
    #Extension42-m .ellipse-line .ellipse,
    #Extension42-m .half-ellipse-line .half-ellipse,
    #Extension42-m .diagonal-line .left-diagonal,
    #Extension42-m .x-line .left-diagonal,
    #Extension42-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension42-m .hide-line line,
    #Extension42-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension42-m .disabled *{
    pointer-events: none !important;
}

    
    #Extension43-m svg:not(:root) {
        overflow: visible;
    }

    #Extension43-m .wf-lines-wrapper {
        width: 270px;
        height: 68px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension43-m .line .h-line,
    #Extension43-m .c-line .top-line,
    #Extension43-m .c-line .left-line,
    #Extension43-m .c-line .bottom-line,
    #Extension43-m .corner-line .top-line,
    #Extension43-m .corner-line .left-line,
    #Extension43-m .cross-line .v-line,
    #Extension43-m .cross-line .h-line,
    #Extension43-m .square-line .top-line,
    #Extension43-m .square-line .right-line,
    #Extension43-m .square-line .bottom-line,
    #Extension43-m .square-line .left-line,
    #Extension43-m .t-line .top-line,
    #Extension43-m .t-line .v-line,
    #Extension43-m .u-line .left-line,
    #Extension43-m .u-line .bottom-line,
    #Extension43-m .u-line .right-line,
    #Extension43-m .horizontal-t-line .left-line,
    #Extension43-m .horizontal-t-line .h-line,
    #Extension43-m .ellipse-line .ellipse,
    #Extension43-m .half-ellipse-line .half-ellipse,
    #Extension43-m .diagonal-line .left-diagonal,
    #Extension43-m .x-line .left-diagonal,
    #Extension43-m .x-line .right-diagonal {
        visibility: visible
    }

    #Extension43-m .hide-line line,
    #Extension43-m .hide-line ellipse{
        visibility: hidden;
    }

#Extension43-m .disabled *{
    pointer-events: none !important;
}

    
#FV401L-m {
	overflow:hidden;
}

#FV401L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV401L-m.wf-text-container span {
	height:inherit;
	text-align:center;
}

#FV401L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV401L-m.wf-text-container.center {
	justify-content:center;
}

#FV401L-m.wf-text-container.right {
	justify-content:flex-end;

}


#FV401-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV401-m .wf-state-container {
    background: none;
}

#FV401-m .wf-state-container:after {
color: #375F9C;
}

#FV401-m .wf-state-container:before {
color: #B0C4DE; 
}

#FV401-m .disabled {
    pointer-events: none;
}
#FV451L-m {
	overflow:hidden;
}

#FV451L-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#FV451L-m.wf-text-container span {
	height:inherit;
	text-align:center;
}

#FV451L-m.wf-text-container.left {
	justify-content:flex-start;
}

#FV451L-m.wf-text-container.center {
	justify-content:center;
}

#FV451L-m.wf-text-container.right {
	justify-content:flex-end;

}


#FV451-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:transparent;
border:solid 0px #FFFFFF;
border-radius:0px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}

#FV451-m .wf-state-container {
    background: none;
}

#FV451-m .wf-state-container:after {
color: #375F9C;
}

#FV451-m .wf-state-container:before {
color: #B0C4DE; 
}

#FV451-m .disabled {
    pointer-events: none;
}
#Text1-m {
	overflow:hidden;
}

#Text1-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 14px; 
	line-height: normal; 
	font-family: Arial; 
	color: #696969; 
	font-weight: normal; 
	border: 0px solid ;
	background: ;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 0px ;
	transform: rotate(0deg);
}

#Text1-m.wf-text-container span {
	height:inherit;
	text-align:left;
}

#Text1-m.wf-text-container.left {
	justify-content:flex-start;
}

#Text1-m.wf-text-container.center {
	justify-content:center;
}

#Text1-m.wf-text-container.right {
	justify-content:flex-end;

}

#Extension44-m.wf-animation-container { 	
	overflow: hidden; 
	width: 40px; 
	height: 40px; 
	
}

#Extension44-m .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Shape2-m
{
   border-width: 0;
}
#Extension22v-m.wf-animation-container { 	
	overflow: hidden; 
	width: 38px; 
	height: 145px; 
	
}

#Extension22v-m .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Extension1v-m.wf-animation-container { 	
	overflow: hidden; 
	width: 38px; 
	height: 95px; 
	
}

#Extension1v-m .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#Extension2v-m.wf-animation-container { 	
	overflow: hidden; 
	width: 38px; 
	height: 95px; 
	
}

#Extension2v-m .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}


#home-conveyor-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0;
        border-color: #DA0808;
        border-style: solid;
        background-color: rgba(218,8,8,0.00);
	 color: #FFFFFF;
}    
   

#home-conveyor-m .disabled .wf-state-layer {
    pointer-events: none;
}


#home-conveyor-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#home-conveyor-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0;
        border-color: transparent;
        border-style: solid;
    }

    #home-conveyor-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0;
        border-color: transparent;
        border-style: solid;
    }

    #home-conveyor-m .wf-state-layer:hover  > .wf-state-container,
    #home-conveyor-m .wf-navigation-link.active:hover {
        background-color: rgba(245,245,245,0.00) !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 0;
        border-color: #DA0808;
        border-style: solid;
    }

    #home-conveyor-m .wf-state-layer:focus > .wf-state-container,
    #home-conveyor-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0;
        border-color: #DA0808;
        border-style: solid;
    }

    #home-conveyor-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #home-conveyor-m .wf-state-layer:active .icon,
    #home-conveyor-m .wf-state-layer .active .icon {
	color: ;
    }

    #home-conveyor-m .wf-state-layer:focus .icon,
    #home-conveyor-m .wf-state-layer .focus .icon {
	color: ;
    }

    #home-conveyor-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#home-conveyor-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#home-conveyor-m .wf-nav-text > span {
	display:inline-block;
}

#home-conveyor-m.flex-start .wf-navigation-link .icon,
#home-conveyor-m.flex-start .wf-nav-text,
#home-conveyor-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#home-conveyor-m.center .wf-navigation-link .icon,
#home-conveyor-m.center .wf-nav-text,
#home-conveyor-m.center .wf-navigation-link-content {
    text-align: center;
}

#home-conveyor-m.flex-end .wf-navigation-link .icon,
#home-conveyor-m.flex-end .wf-nav-text,
#home-conveyor-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#process-um-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-um-m .disabled .wf-state-layer {
    pointer-events: none;
}


#process-um-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-um-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-um-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-um-m .wf-state-layer:hover  > .wf-state-container,
    #process-um-m .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-um-m .wf-state-layer:focus > .wf-state-container,
    #process-um-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-um-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-um-m .wf-state-layer:active .icon,
    #process-um-m .wf-state-layer .active .icon {
	color: ;
    }

    #process-um-m .wf-state-layer:focus .icon,
    #process-um-m .wf-state-layer .focus .icon {
	color: ;
    }

    #process-um-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#process-um-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#process-um-m .wf-nav-text > span {
	display:inline-block;
}

#process-um-m.flex-start .wf-navigation-link .icon,
#process-um-m.flex-start .wf-nav-text,
#process-um-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-um-m.center .wf-navigation-link .icon,
#process-um-m.center .wf-nav-text,
#process-um-m.center .wf-navigation-link-content {
    text-align: center;
}

#process-um-m.flex-end .wf-navigation-link .icon,
#process-um-m.flex-end .wf-nav-text,
#process-um-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#process-mess-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-mess-m .disabled .wf-state-layer {
    pointer-events: none;
}


#process-mess-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-mess-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-mess-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-mess-m .wf-state-layer:hover  > .wf-state-container,
    #process-mess-m .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-mess-m .wf-state-layer:focus > .wf-state-container,
    #process-mess-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-mess-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-mess-m .wf-state-layer:active .icon,
    #process-mess-m .wf-state-layer .active .icon {
	color: ;
    }

    #process-mess-m .wf-state-layer:focus .icon,
    #process-mess-m .wf-state-layer .focus .icon {
	color: ;
    }

    #process-mess-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#process-mess-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#process-mess-m .wf-nav-text > span {
	display:inline-block;
}

#process-mess-m.flex-start .wf-navigation-link .icon,
#process-mess-m.flex-start .wf-nav-text,
#process-mess-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-mess-m.center .wf-navigation-link .icon,
#process-mess-m.center .wf-nav-text,
#process-mess-m.center .wf-navigation-link-content {
    text-align: center;
}

#process-mess-m.flex-end .wf-navigation-link .icon,
#process-mess-m.flex-end .wf-nav-text,
#process-mess-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#process-sch-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-sch-m .disabled .wf-state-layer {
    pointer-events: none;
}


#process-sch-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-sch-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-sch-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-sch-m .wf-state-layer:hover  > .wf-state-container,
    #process-sch-m .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-sch-m .wf-state-layer:focus > .wf-state-container,
    #process-sch-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-sch-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-sch-m .wf-state-layer:active .icon,
    #process-sch-m .wf-state-layer .active .icon {
	color: ;
    }

    #process-sch-m .wf-state-layer:focus .icon,
    #process-sch-m .wf-state-layer .focus .icon {
	color: ;
    }

    #process-sch-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#process-sch-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#process-sch-m .wf-nav-text > span {
	display:inline-block;
}

#process-sch-m.flex-start .wf-navigation-link .icon,
#process-sch-m.flex-start .wf-nav-text,
#process-sch-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-sch-m.center .wf-navigation-link .icon,
#process-sch-m.center .wf-nav-text,
#process-sch-m.center .wf-navigation-link-content {
    text-align: center;
}

#process-sch-m.flex-end .wf-navigation-link .icon,
#process-sch-m.flex-end .wf-nav-text,
#process-sch-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#gas-scada-l
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#process-mess-l .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-mess-l .disabled .wf-state-layer {
    pointer-events: none;
}


#process-mess-l wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-mess-l .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-mess-l .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-mess-l .wf-state-layer:hover  > .wf-state-container,
    #process-mess-l .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-mess-l .wf-state-layer:focus > .wf-state-container,
    #process-mess-l .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-mess-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-mess-l .wf-state-layer:active .icon,
    #process-mess-l .wf-state-layer .active .icon {
	color: ;
    }

    #process-mess-l .wf-state-layer:focus .icon,
    #process-mess-l .wf-state-layer .focus .icon {
	color: ;
    }

    #process-mess-l .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0;
        line-height: 14px;
	 color:;
    }

#process-mess-l .wf-navigation-link-content {
        display: inline-block;
	 padding:  3px  !important;
	 position:absolute;

	}

#process-mess-l .wf-nav-text > span {
	display:inline-block;
}

#process-mess-l.flex-start .wf-navigation-link .icon,
#process-mess-l.flex-start .wf-nav-text,
#process-mess-l.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-mess-l.center .wf-navigation-link .icon,
#process-mess-l.center .wf-nav-text,
#process-mess-l.center .wf-navigation-link-content {
    text-align: center;
}

#process-mess-l.flex-end .wf-navigation-link .icon,
#process-mess-l.flex-end .wf-nav-text,
#process-mess-l.flex-end .wf-navigation-link-content {
    text-align: right;
}

#process-sch-l .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-sch-l .disabled .wf-state-layer {
    pointer-events: none;
}


#process-sch-l wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-sch-l .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-sch-l .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-sch-l .wf-state-layer:hover  > .wf-state-container,
    #process-sch-l .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-sch-l .wf-state-layer:focus > .wf-state-container,
    #process-sch-l .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-sch-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-sch-l .wf-state-layer:active .icon,
    #process-sch-l .wf-state-layer .active .icon {
	color: ;
    }

    #process-sch-l .wf-state-layer:focus .icon,
    #process-sch-l .wf-state-layer .focus .icon {
	color: ;
    }

    #process-sch-l .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0;
        line-height: 14px;
	 color:;
    }

#process-sch-l .wf-navigation-link-content {
        display: inline-block;
	 padding:  3px  !important;
	 position:absolute;

	}

#process-sch-l .wf-nav-text > span {
	display:inline-block;
}

#process-sch-l.flex-start .wf-navigation-link .icon,
#process-sch-l.flex-start .wf-nav-text,
#process-sch-l.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-sch-l.center .wf-navigation-link .icon,
#process-sch-l.center .wf-nav-text,
#process-sch-l.center .wf-navigation-link-content {
    text-align: center;
}

#process-sch-l.flex-end .wf-navigation-link .icon,
#process-sch-l.flex-end .wf-nav-text,
#process-sch-l.flex-end .wf-navigation-link-content {
    text-align: right;
}

#process-um-l .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#process-um-l .disabled .wf-state-layer {
    pointer-events: none;
}


#process-um-l wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#process-um-l .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-um-l .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
    }

    #process-um-l .wf-state-layer:hover  > .wf-state-container,
    #process-um-l .wf-navigation-link.active:hover {
        background-color: #F5F5F5 !important;
        border-color: #DA0808 !important;
        background-image: none !important;
        color: #696969 !important;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-um-l .wf-state-layer:focus > .wf-state-container,
    #process-um-l .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 1px;
        border-color: #DA0808;
        border-style: solid;
    }

    #process-um-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #process-um-l .wf-state-layer:active .icon,
    #process-um-l .wf-state-layer .active .icon {
	color: ;
    }

    #process-um-l .wf-state-layer:focus .icon,
    #process-um-l .wf-state-layer .focus .icon {
	color: ;
    }

    #process-um-l .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0;
        line-height: 14px;
	 color:;
    }

#process-um-l .wf-navigation-link-content {
        display: inline-block;
	 padding:  3px  !important;
	 position:absolute;

	}

#process-um-l .wf-nav-text > span {
	display:inline-block;
}

#process-um-l.flex-start .wf-navigation-link .icon,
#process-um-l.flex-start .wf-nav-text,
#process-um-l.flex-start .wf-navigation-link-content {
    text-align: left;
}

#process-um-l.center .wf-navigation-link .icon,
#process-um-l.center .wf-nav-text,
#process-um-l.center .wf-navigation-link-content {
    text-align: center;
}

#process-um-l.flex-end .wf-navigation-link .icon,
#process-um-l.flex-end .wf-nav-text,
#process-um-l.flex-end .wf-navigation-link-content {
    text-align: right;
}

#wb_Shape1
{
   position: absolute;
   left: 43px;
   top: 7px;
   width: 30px;
   height: 20px;
   z-index: 0;
}
#wb_FV352L
{
   position: absolute;
   left: 913px;
   top: 125px;
   width: 60px;
   height: 20px;
   z-index: 41;
}
#wb_FV101L
{
   position: absolute;
   left: 299px;
   top: 128px;
   width: 60px;
   height: 20px;
   z-index: 26;
}
#Extension37
{
   width: 64px;
   height: 170px;
   overflow: hidden;
}
#i4-logo-gas-m
{
   opacity: 1;
}
#wb_Shape1v-m
{
   position: absolute;
   left: 8px;
   top: 7px;
   width: 20px;
   height: 30px;
   z-index: 110;
}
#wb_Extension22v-m
{
   position: absolute;
   left: 32px;
   top: 303px;
   width: 38px;
   height: 145px;
   z-index: 189;
}
#wb_FV451L-m
{
   position: absolute;
   left: 92px;
   top: 1342px;
   width: 60px;
   height: 20px;
   z-index: 185;
}
#wb_FV450L-m
{
   position: absolute;
   left: 79px;
   top: 1176px;
   width: 60px;
   height: 20px;
   z-index: 170;
}
#wb_FV250L-m
{
   position: absolute;
   left: 107px;
   top: 872px;
   width: 60px;
   height: 20px;
   z-index: 158;
}
#wb_FV351L-m
{
   position: absolute;
   left: 249px;
   top: 822px;
   width: 60px;
   height: 20px;
   z-index: 154;
}
#wb_FV350L-m
{
   position: absolute;
   left: 249px;
   top: 715px;
   width: 60px;
   height: 20px;
   z-index: 150;
}
#wb_FV352L-m
{
   position: absolute;
   left: 79px;
   top: 712px;
   width: 60px;
   height: 20px;
   z-index: 147;
}
#wb_spherical-tank-2-m
{
   position: absolute;
   left: 193px;
   top: 1431px;
   width: 173px;
   height: 197px;
   z-index: 115;
}
#wb_Pipe9
{
   position: absolute;
   left: 394px;
   top: 565px;
   width: 659px;
   height: 220px;
   z-index: 88;
}
#wb_Shape2
{
   position: absolute;
   left: 4px;
   top: 5px;
   width: 30px;
   height: 30px;
   z-index: 1;
}
#wb_FV401
{
   position: absolute;
   left: 544px;
   top: 703px;
   width: 50px;
   height: 50px;
   z-index: 54;
}
#wb_E304
{
   position: absolute;
   left: 659px;
   top: 265px;
   width: 40px;
   height: 40px;
   z-index: 31;
}
#wb_FV301
{
   position: absolute;
   left: 724px;
   top: 232px;
   width: 60px;
   height: 20px;
   z-index: 29;
}
#wb_Pipe12
{
   position: absolute;
   left: 121px;
   top: 175px;
   width: 65px;
   height: 220px;
   z-index: 23;
}
#Extension36
{
   width: 64px;
   height: 170px;
   overflow: hidden;
}
#Extension19-m
{
   opacity: 1;
}
#Extension39-m
{
   width: 44px;
   height: 105px;
   overflow: hidden;
}
#wb_E500
{
   position: absolute;
   left: 803px;
   top: 548px;
   width: 40px;
   height: 40px;
   z-index: 91;
}
#wb_Shape3
{
   position: absolute;
   left: 127px;
   top: 5px;
   width: 30px;
   height: 20px;
   z-index: 2;
}
#wb_FV451
{
   position: absolute;
   left: 544px;
   top: 597px;
   width: 50px;
   height: 50px;
   z-index: 52;
}
#wb_E350
{
   position: absolute;
   left: 1080px;
   top: 264px;
   width: 40px;
   height: 40px;
   z-index: 43;
}
#wb_TT303
{
   position: absolute;
   left: 621px;
   top: 387px;
   width: 94px;
   height: 43px;
   z-index: 34;
}
#wb_Pipe8
{
   position: absolute;
   left: 1053px;
   top: 283px;
   width: 215px;
   height: 394px;
   z-index: 8;
}
#wb_home-conveyor-m
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 124px;
   height: 50px;
   z-index: 196;
}
#wb_Shape2v-m
{
   position: absolute;
   left: 10px;
   top: 7px;
   width: 20px;
   height: 30px;
   z-index: 111;
}
#wb_Extension3-m
{
   position: absolute;
   left: 7px;
   top: 51px;
   width: 141px;
   height: 139px;
   z-index: 163;
}
#wb_Extension7-m
{
   position: absolute;
   left: 50px;
   top: 467px;
   width: 270px;
   height: 20px;
   z-index: 139;
}
#wb_FV450L
{
   position: absolute;
   left: 703px;
   top: 514px;
   width: 60px;
   height: 20px;
   z-index: 55;
}
#wb_FV351L
{
   position: absolute;
   left: 1133px;
   top: 230px;
   width: 60px;
   height: 20px;
   z-index: 45;
}
#wb_PT200L
{
   position: absolute;
   left: 928px;
   top: 400px;
   width: 72px;
   height: 20px;
   z-index: 40;
}
#wb_Pipe7
{
   position: absolute;
   left: 1209px;
   top: 393px;
   width: 59px;
   height: 113px;
   z-index: 22;
}
#wb_Pipe10
{
   position: absolute;
   left: 542px;
   top: 566px;
   width: 36px;
   height: 220px;
   z-index: 15;
}
#wb_spherical-tank-1-m
{
   position: absolute;
   left: 5px;
   top: 1431px;
   width: 173px;
   height: 197px;
   z-index: 114;
}
#wb_bar-tank-2-m
{
   position: absolute;
   left: 20px;
   top: 1480px;
   width: 143px;
   height: 166px;
   z-index: 113;
}
#wb_TT301L
{
   position: absolute;
   left: 654px;
   top: 190px;
   width: 72px;
   height: 20px;
   z-index: 32;
}
#wb_Pipe6
{
   position: absolute;
   left: 838px;
   top: 283px;
   width: 36px;
   height: 84px;
   z-index: 21;
}
#wb_Pipe11
{
   position: absolute;
   left: 1208px;
   top: 448px;
   width: 36px;
   height: 43px;
   z-index: 16;
}
#wb_FV401L-m
{
   position: absolute;
   left: 221px;
   top: 1342px;
   width: 60px;
   height: 20px;
   z-index: 187;
}
#wb_FV501L-m
{
   position: absolute;
   left: 245px;
   top: 1186px;
   width: 60px;
   height: 20px;
   z-index: 180;
}
#wb_FV400L-m
{
   position: absolute;
   left: 244px;
   top: 1125px;
   width: 60px;
   height: 20px;
   z-index: 178;
}
#wb_FV500L-m
{
   position: absolute;
   left: 79px;
   top: 1078px;
   width: 60px;
   height: 20px;
   z-index: 166;
}
#wb_FV200L-m
{
   position: absolute;
   left: 107px;
   top: 504px;
   width: 60px;
   height: 20px;
   z-index: 140;
}
#wb_C300-m
{
   position: absolute;
   left: 232px;
   top: 392px;
   width: 105px;
   height: 45px;
   z-index: 135;
}
#wb_FV300L-m
{
   position: absolute;
   left: 247px;
   top: 308px;
   width: 60px;
   height: 20px;
   z-index: 130;
}
#wb_FV100L-m
{
   position: absolute;
   left: 247px;
   top: 248px;
   width: 60px;
   height: 20px;
   z-index: 128;
}
#wb_FV101L-m
{
   position: absolute;
   left: 79px;
   top: 248px;
   width: 60px;
   height: 20px;
   z-index: 125;
}
#bar-tank-2-m
{
   width: 143px;
   height: 166px;
   overflow: hidden;
}
#bar-tank-1-m
{
   width: 143px;
   height: 135px;
   overflow: hidden;
}
#spherical-tank-2
{
   opacity: 1;
}
#spherical-tank-1
{
   opacity: 1;
}
#wb_PT400L
{
   position: absolute;
   left: 628px;
   top: 728px;
   width: 72px;
   height: 20px;
   z-index: 59;
}
#wb_Pipe5
{
   position: absolute;
   left: 899px;
   top: 179px;
   width: 294px;
   height: 104px;
   z-index: 20;
}
#wb_Extension1-m
{
   position: absolute;
   left: 223px;
   top: 51px;
   width: 141px;
   height: 139px;
   z-index: 162;
}
#wb_process-sch-l
{
   position: absolute;
   left: 1111px;
   top: 7px;
   width: 36px;
   height: 36px;
   z-index: 104;
}
#wb_Extension19
{
   position: absolute;
   left: 501px;
   top: 656px;
   width: 40px;
   height: 40px;
   z-index: 70;
}
#wb_Extension18
{
   position: absolute;
   left: 419px;
   top: 661px;
   width: 81px;
   height: 31px;
   z-index: 69;
}
#wb_Extension17
{
   position: absolute;
   left: 827px;
   top: 412px;
   width: 165px;
   height: 43px;
   z-index: 68;
}
#wb_Extension15
{
   position: absolute;
   left: 1064px;
   top: 537px;
   width: 168px;
   height: 43px;
   z-index: 67;
}
#wb_Extension10
{
   position: absolute;
   left: 595px;
   top: 743px;
   width: 101px;
   height: 53px;
   z-index: 66;
}
#wb_Extension14
{
   position: absolute;
   left: 630px;
   top: 208px;
   width: 98px;
   height: 83px;
   z-index: 65;
}
#wb_Extension13
{
   position: absolute;
   left: 452px;
   top: 232px;
   width: 94px;
   height: 54px;
   z-index: 64;
}
#wb_Extension12
{
   position: absolute;
   left: 584px;
   top: 521px;
   width: 102px;
   height: 43px;
   z-index: 63;
}
#wb_Extension11
{
   position: absolute;
   left: 475px;
   top: 522px;
   width: 94px;
   height: 43px;
   z-index: 62;
}
#wb_PT351L
{
   position: absolute;
   left: 1072px;
   top: 313px;
   width: 72px;
   height: 20px;
   z-index: 44;
}
#wb_FV250L
{
   position: absolute;
   left: 1214px;
   top: 397px;
   width: 60px;
   height: 20px;
   z-index: 39;
}
#wb_FV200
{
   position: absolute;
   left: 823px;
   top: 312px;
   width: 50px;
   height: 50px;
   z-index: 37;
}
#wb_Pipe4
{
   position: absolute;
   left: 271px;
   top: 179px;
   width: 541px;
   height: 104px;
   z-index: 19;
}
#wb_Extension16
{
   position: absolute;
   left: 1035px;
   top: 286px;
   width: 109px;
   height: 74px;
   z-index: 10;
}
#wb_process-sch-m
{
   position: absolute;
   left: 221px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 199;
}
#wb_Shape5v-m
{
   position: absolute;
   left: 8px;
   top: 7px;
   width: 20px;
   height: 30px;
   z-index: 109;
}
#wb_Shape2-m
{
   position: absolute;
   left: 4px;
   top: 5px;
   width: 30px;
   height: 30px;
   z-index: 108;
}
#wb_Extension35-m
{
   position: absolute;
   left: 295px;
   top: 1161px;
   width: 50px;
   height: 50px;
   z-index: 179;
}
#wb_Extension33-m
{
   position: absolute;
   left: 39px;
   top: 1197px;
   width: 94px;
   height: 43px;
   z-index: 171;
}
#wb_Extension34-m
{
   position: absolute;
   left: 27px;
   top: 1147px;
   width: 50px;
   height: 50px;
   z-index: 169;
}
#wb_Extension32-m
{
   position: absolute;
   left: 27px;
   top: 1051px;
   width: 50px;
   height: 50px;
   z-index: 165;
}
#wb_Extension31-m
{
   position: absolute;
   left: 152px;
   top: 852px;
   width: 50px;
   height: 50px;
   z-index: 157;
}
#wb_Extension30-m
{
   position: absolute;
   left: 231px;
   top: 744px;
   width: 105px;
   height: 45px;
   z-index: 148;
}
#wb_Extension36-m
{
   position: absolute;
   left: 273px;
   top: 92px;
   width: 47px;
   height: 111px;
   z-index: 121;
}
#wb_Extension37-m
{
   position: absolute;
   left: 58px;
   top: 92px;
   width: 47px;
   height: 111px;
   z-index: 120;
}
#wb_Extension38-m
{
   position: absolute;
   left: 165px;
   top: 564px;
   width: 44px;
   height: 115px;
   z-index: 117;
}
#wb_Extension39-m
{
   position: absolute;
   left: 164px;
   top: 926px;
   width: 44px;
   height: 105px;
   z-index: 116;
}
#wb_gas-scada-l
{
   position: absolute;
   left: 18px;
   top: 8px;
   width: 125px;
   height: 35px;
   z-index: 103;
}
#wb_Extension2
{
   position: absolute;
   left: 186px;
   top: 125px;
   width: 15px;
   height: 45px;
   z-index: 5;
}
#wb_Extension25
{
   position: absolute;
   left: 388px;
   top: 253px;
   width: 50px;
   height: 50px;
   z-index: 83;
}
#wb_Extension24
{
   position: absolute;
   left: 296px;
   top: 253px;
   width: 50px;
   height: 50px;
   z-index: 82;
}
#wb_Extension27
{
   position: absolute;
   left: 913px;
   top: 147px;
   width: 50px;
   height: 50px;
   z-index: 81;
}
#wb_Extension28
{
   position: absolute;
   left: 913px;
   top: 252px;
   width: 50px;
   height: 50px;
   z-index: 80;
}
#wb_Extension29
{
   position: absolute;
   left: 1133px;
   top: 252px;
   width: 50px;
   height: 50px;
   z-index: 79;
}
#wb_Extension26
{
   position: absolute;
   left: 724px;
   top: 252px;
   width: 50px;
   height: 50px;
   z-index: 78;
}
#wb_Extension22
{
   position: absolute;
   left: 993px;
   top: 164px;
   width: 176px;
   height: 31px;
   z-index: 75;
}
#wb_Extension23
{
   position: absolute;
   left: 990px;
   top: 662px;
   width: 41px;
   height: 27px;
   z-index: 73;
}
#wb_Extension21
{
   position: absolute;
   left: 394px;
   top: 164px;
   width: 331px;
   height: 31px;
   z-index: 72;
}
#wb_Extension20
{
   position: absolute;
   left: 1084px;
   top: 660px;
   width: 166px;
   height: 31px;
   z-index: 71;
}
#Shape2
{
   width: 30px;
   height: 30px;
}
#wb_FV401L
{
   position: absolute;
   left: 495px;
   top: 719px;
   width: 60px;
   height: 20px;
   z-index: 53;
}
#wb_FV500L
{
   position: absolute;
   left: 984px;
   top: 514px;
   width: 60px;
   height: 20px;
   z-index: 47;
}
#wb_Pipe3
{
   position: absolute;
   left: 638px;
   top: 283px;
   width: 630px;
   height: 69px;
   z-index: 9;
}
#bar-tank-2
{
   width: 163px;
   height: 163px;
   overflow: hidden;
}
#wb_bar-tank-2
{
   position: absolute;
   left: 235px;
   top: 490px;
   width: 163px;
   height: 163px;
   z-index: 7;
}
#bar-tank-1
{
   width: 163px;
   height: 198px;
   overflow: hidden;
}
#wb_FV451-m
{
   position: absolute;
   left: 97px;
   top: 1294px;
   width: 50px;
   height: 50px;
   z-index: 184;
}
#wb_Extension5-m
{
   position: absolute;
   left: 50px;
   top: 200px;
   width: 269px;
   height: 17px;
   z-index: 124;
}
#wb_Extension32
{
   position: absolute;
   left: 984px;
   top: 534px;
   width: 50px;
   height: 50px;
   z-index: 95;
}
#wb_Extension33
{
   position: absolute;
   left: 984px;
   top: 751px;
   width: 50px;
   height: 50px;
   z-index: 94;
}
#wb_Extension35
{
   position: absolute;
   left: 703px;
   top: 751px;
   width: 50px;
   height: 50px;
   z-index: 93;
}
#wb_Extension34
{
   position: absolute;
   left: 703px;
   top: 534px;
   width: 50px;
   height: 50px;
   z-index: 92;
}
#wb_spherical-tank-2
{
   position: absolute;
   left: 202px;
   top: 659px;
   width: 225px;
   height: 250px;
   z-index: 87;
}
#wb_Extension3
{
   position: absolute;
   left: 15px;
   top: 86px;
   width: 141px;
   height: 171px;
   z-index: 84;
}
#wb_Extension31
{
   position: absolute;
   left: 1214px;
   top: 417px;
   width: 50px;
   height: 50px;
   z-index: 77;
}
#wb_Extension30
{
   position: absolute;
   left: 971px;
   top: 264px;
   width: 105px;
   height: 45px;
   z-index: 76;
}
#wb_PT450L
{
   position: absolute;
   left: 615px;
   top: 510px;
   width: 72px;
   height: 20px;
   z-index: 58;
}
#wb_Text1
{
   position: absolute;
   left: 590px;
   top: 667px;
   width: 50px;
   height: 20px;
   z-index: 50;
}
#wb_FV350L
{
   position: absolute;
   left: 916px;
   top: 230px;
   width: 60px;
   height: 20px;
   z-index: 42;
}
#wb_TT300L
{
   position: absolute;
   left: 483px;
   top: 227px;
   width: 72px;
   height: 20px;
   z-index: 28;
}
#wb_Pipe2
{
   position: absolute;
   left: 570px;
   top: 343px;
   width: 71px;
   height: 43px;
   z-index: 18;
}
#wb_Extension37
{
   position: absolute;
   left: 57px;
   top: 107px;
   width: 64px;
   height: 170px;
   z-index: 14;
}
#wb_Extension36
{
   position: absolute;
   left: 57px;
   top: 323px;
   width: 64px;
   height: 170px;
   z-index: 13;
}
#wb_Extension38
{
   position: absolute;
   left: 833px;
   top: 388px;
   width: 44px;
   height: 115px;
   z-index: 12;
}
#wb_Extension39
{
   position: absolute;
   left: 1190px;
   top: 513px;
   width: 44px;
   height: 115px;
   z-index: 11;
}
#wb_bar-tank-1
{
   position: absolute;
   left: 235px;
   top: 719px;
   width: 163px;
   height: 198px;
   z-index: 6;
}
#wb_Extension9-m
{
   position: absolute;
   left: 149px;
   top: 541px;
   width: 73px;
   height: 126px;
   z-index: 118;
}
#Extension38-m
{
   width: 44px;
   height: 115px;
   overflow: hidden;
}
#wb_spherical-tank-1
{
   position: absolute;
   left: 202px;
   top: 398px;
   width: 225px;
   height: 250px;
   z-index: 86;
}
#wb_TT302L
{
   position: absolute;
   left: 472px;
   top: 302px;
   width: 72px;
   height: 20px;
   z-index: 33;
}
#wb_FV101
{
   position: absolute;
   left: 296px;
   top: 148px;
   width: 50px;
   height: 50px;
   z-index: 25;
}
#wb_Pipe1
{
   position: absolute;
   left: 183px;
   top: 284px;
   width: 388px;
   height: 53px;
   z-index: 17;
}
#wb_Extension1v-m
{
   position: absolute;
   left: 31px;
   top: 747px;
   width: 38px;
   height: 95px;
   z-index: 190;
}
#wb_Text1-m
{
   position: absolute;
   left: 128px;
   top: 1362px;
   width: 50px;
   height: 20px;
   z-index: 188;
}
#wb_FV401-m
{
   position: absolute;
   left: 226px;
   top: 1294px;
   width: 50px;
   height: 50px;
   z-index: 186;
}
#wb_Extension19-m
{
   position: absolute;
   left: 148px;
   top: 904px;
   width: 73px;
   height: 126px;
   z-index: 161;
}
#wb_Extension18-m
{
   position: absolute;
   left: 39px;
   top: 941px;
   width: 168px;
   height: 43px;
   z-index: 160;
}
#wb_Extension15-m
{
   position: absolute;
   left: 52px;
   top: 854px;
   width: 269px;
   height: 48px;
   z-index: 156;
}
#wb_Extension12-m
{
   position: absolute;
   left: 49px;
   top: 834px;
   width: 270px;
   height: 20px;
   z-index: 155;
}
#wb_Extension16-m
{
   position: absolute;
   left: 109px;
   top: 746px;
   width: 195px;
   height: 41px;
   z-index: 151;
}
#wb_Extension11-m
{
   position: absolute;
   left: 49px;
   top: 680px;
   width: 270px;
   height: 166px;
   z-index: 145;
}
#wb_Extension10-m
{
   position: absolute;
   left: 52px;
   top: 666px;
   width: 269px;
   height: 15px;
   z-index: 144;
}
#wb_Extension17-m
{
   position: absolute;
   left: 159px;
   top: 586px;
   width: 165px;
   height: 43px;
   z-index: 142;
}
#wb_FV200-m
{
   position: absolute;
   left: 153px;
   top: 486px;
   width: 50px;
   height: 50px;
   z-index: 141;
}
#wb_Extension14-m
{
   position: absolute;
   left: 235px;
   top: 448px;
   width: 98px;
   height: 31px;
   z-index: 136;
}
#wb_Extension13-m
{
   position: absolute;
   left: 234px;
   top: 344px;
   width: 101px;
   height: 37px;
   z-index: 132;
}
#wb_FV101-m
{
   position: absolute;
   left: 27px;
   top: 230px;
   width: 50px;
   height: 50px;
   z-index: 126;
}
#wb_Extension4-m
{
   position: absolute;
   left: 50px;
   top: 217px;
   width: 270px;
   height: 262px;
   z-index: 123;
}
#spherical-tank-2-m
{
   opacity: 1;
}
#spherical-tank-1-m
{
   opacity: 1;
}
#Layer1-gas-sm_Container
{
   width: 970px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_gas-loop-l
{
   position: absolute;
   left: 1264px;
   top: 7px;
   width: 115px;
   height: 36px;
   z-index: 102;
}
#wb_gas-hvac-l
{
   position: absolute;
   left: 1148px;
   top: 7px;
   width: 115px;
   height: 36px;
   z-index: 101;
}
#wb_Extension5
{
   position: absolute;
   left: 15px;
   top: 304px;
   width: 141px;
   height: 171px;
   z-index: 85;
}
#wb_Text_M_FT500
{
   position: absolute;
   left: 853px;
   top: 666px;
   width: 148px;
   height: 20px;
   z-index: 74;
}
#gas-main-layer
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0px;
   right: 0;
   width: 1286px;
   height: 917px;
   margin-left: auto;
   margin-right: auto;
   z-index: 209;
}
#wb_gas-hvac-sm
{
   position: absolute;
   left: 271px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 194;
}
#gas-header-m
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0;
   right: 0;
   height: 50px;
   z-index: 205;
}
#Shape2-m
{
   width: 30px;
   height: 30px;
}
#Extension3-m
{
   opacity: 1;
}
#Extension1-m
{
   opacity: 1;
}
#Extension9-m
{
   opacity: 1;
}
#wb_Extension6
{
   position: absolute;
   left: 447px;
   top: 314px;
   width: 165px;
   height: 43px;
   z-index: 60;
}
#wb_PT250L
{
   position: absolute;
   left: 1092px;
   top: 526px;
   width: 72px;
   height: 20px;
   z-index: 46;
}
#gas-main-layer_Container
{
   width: 1500px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_process-mess-l
{
   position: absolute;
   left: 1073px;
   top: 7px;
   width: 36px;
   height: 36px;
   z-index: 105;
}
#Layer2-gas_Container
{
   width: 1500px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Extension7
{
   position: absolute;
   left: 817px;
   top: 366px;
   width: 73px;
   height: 126px;
   z-index: 89;
}
#wb_Shape4
{
   position: absolute;
   left: 4px;
   top: 7px;
   width: 30px;
   height: 20px;
   z-index: 3;
}
#wb_TT450L
{
   position: absolute;
   left: 506px;
   top: 510px;
   width: 72px;
   height: 20px;
   z-index: 57;
}
#wb_FV400L
{
   position: absolute;
   left: 702px;
   top: 731px;
   width: 60px;
   height: 20px;
   z-index: 56;
}
#wb_FV501L
{
   position: absolute;
   left: 984px;
   top: 731px;
   width: 60px;
   height: 20px;
   z-index: 48;
}
#wb_FV200L
{
   position: absolute;
   left: 771px;
   top: 330px;
   width: 60px;
   height: 20px;
   z-index: 38;
}
#wb_PT400L-m
{
   position: absolute;
   left: 186px;
   top: 1074px;
   width: 72px;
   height: 20px;
   z-index: 176;
}
#wb_TT500L-m
{
   position: absolute;
   left: 136px;
   top: 1117px;
   width: 58px;
   height: 20px;
   z-index: 168;
}
#wb_PT200L-m
{
   position: absolute;
   left: 260px;
   top: 574px;
   width: 72px;
   height: 20px;
   z-index: 143;
}
#wb_TT301L-m
{
   position: absolute;
   left: 193px;
   top: 454px;
   width: 72px;
   height: 20px;
   z-index: 137;
}
#wb_TT302L-m
{
   position: absolute;
   left: 80px;
   top: 407px;
   width: 72px;
   height: 20px;
   z-index: 133;
}
#wb_TT300L-m
{
   position: absolute;
   left: 194px;
   top: 356px;
   width: 72px;
   height: 20px;
   z-index: 131;
}
#wb_Extension2-m
{
   position: absolute;
   left: 77px;
   top: 182px;
   width: 218px;
   height: 18px;
   z-index: 122;
}
#wb_Extension8
{
   position: absolute;
   left: 1173px;
   top: 490px;
   width: 73px;
   height: 126px;
   z-index: 90;
}
#wb_Shape5
{
   position: absolute;
   left: 4px;
   top: 7px;
   width: 30px;
   height: 20px;
   z-index: 4;
}
#wb_TT500L
{
   position: absolute;
   left: 909px;
   top: 511px;
   width: 72px;
   height: 20px;
   z-index: 49;
}
#wb_process-mess-m
{
   position: absolute;
   left: 172px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 198;
}
#wb_Extension44-m
{
   position: absolute;
   left: 166px;
   top: 1352px;
   width: 40px;
   height: 40px;
   z-index: 183;
}
#wb_Extension42-m
{
   position: absolute;
   left: 52px;
   top: 1328px;
   width: 269px;
   height: 24px;
   z-index: 182;
}
#wb_Extension43-m
{
   position: absolute;
   left: 51px;
   top: 1260px;
   width: 270px;
   height: 68px;
   z-index: 181;
}
#wb_Extension40-m
{
   position: absolute;
   left: 295px;
   top: 1101px;
   width: 50px;
   height: 50px;
   z-index: 177;
}
#wb_Extension41-m
{
   position: absolute;
   left: 196px;
   top: 1062px;
   width: 139px;
   height: 39px;
   z-index: 175;
}
#wb_PT450L-m
{
   position: absolute;
   left: 139px;
   top: 1250px;
   width: 72px;
   height: 20px;
   z-index: 174;
}
#wb_TT450L-m
{
   position: absolute;
   left: 137px;
   top: 1212px;
   width: 72px;
   height: 20px;
   z-index: 172;
}
#wb_PT250L-m
{
   position: absolute;
   left: 49px;
   top: 929px;
   width: 72px;
   height: 20px;
   z-index: 159;
}
#wb_PT351L-m
{
   position: absolute;
   left: 75px;
   top: 759px;
   width: 72px;
   height: 20px;
   z-index: 152;
}
#Extension36-m
{
   width: 47px;
   height: 111px;
   overflow: hidden;
}
#wb_bar-tank-1-m
{
   position: absolute;
   left: 208px;
   top: 1497px;
   width: 143px;
   height: 135px;
   z-index: 112;
}
#wb_Extension9
{
   position: absolute;
   left: 879px;
   top: 522px;
   width: 94px;
   height: 43px;
   z-index: 61;
}
#wb_TT303L
{
   position: absolute;
   left: 652px;
   top: 375px;
   width: 72px;
   height: 20px;
   z-index: 35;
}
#wb_FV100L
{
   position: absolute;
   left: 299px;
   top: 232px;
   width: 60px;
   height: 20px;
   z-index: 24;
}
#wb_process-um-m
{
   position: absolute;
   left: 122px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 197;
}
#wb_i4-logo-gas-m
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 193;
}
#gas-header-m_Container
{
   width: 970px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Extension8-m
{
   position: absolute;
   left: 52px;
   top: 487px;
   width: 269px;
   height: 54px;
   z-index: 138;
}
#wb_process-um-l
{
   position: absolute;
   left: 1036px;
   top: 7px;
   width: 36px;
   height: 36px;
   z-index: 106;
}
#Extension8
{
   opacity: 1;
}
#Extension7
{
   opacity: 1;
}
#Extension5
{
   opacity: 1;
}
#Extension3
{
   opacity: 1;
}
#wb_C300
{
   position: absolute;
   left: 553px;
   top: 303px;
   width: 105px;
   height: 45px;
   z-index: 27;
}
#Extension39
{
   width: 44px;
   height: 115px;
   overflow: hidden;
}
#wb_scada-gas-m
{
   position: absolute;
   left: 59px;
   top: 16px;
   width: 69px;
   height: 19px;
   z-index: 192;
}
#Extension37-m
{
   width: 47px;
   height: 111px;
   overflow: hidden;
}
#Layer2-gas
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0;
   right: 0;
   height: 50px;
   z-index: 210;
}
#wb_FV451L
{
   position: absolute;
   left: 495px;
   top: 614px;
   width: 60px;
   height: 20px;
   z-index: 51;
}
#wb_FV300L
{
   position: absolute;
   left: 388px;
   top: 233px;
   width: 60px;
   height: 20px;
   z-index: 36;
}
#wb_E302
{
   position: absolute;
   left: 585px;
   top: 364px;
   width: 40px;
   height: 40px;
   z-index: 30;
}
#Extension38
{
   width: 44px;
   height: 115px;
   overflow: hidden;
}
#wb_loop-gas-sm
{
   position: absolute;
   left: 320px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 195;
}
#wb_Extension2v-m
{
   position: absolute;
   left: 165px;
   top: 1394px;
   width: 38px;
   height: 95px;
   z-index: 191;
}
#wb_Extension23-m
{
   position: absolute;
   left: 38px;
   top: 1236px;
   width: 102px;
   height: 43px;
   z-index: 173;
}
#wb_Extension22-m
{
   position: absolute;
   left: 38px;
   top: 1102px;
   width: 94px;
   height: 43px;
   z-index: 167;
}
#wb_Extension21-m
{
   position: absolute;
   left: 51px;
   top: 1040px;
   width: 270px;
   height: 441px;
   z-index: 164;
}
#wb_Extension29-m
{
   position: absolute;
   left: 294px;
   top: 796px;
   width: 50px;
   height: 50px;
   z-index: 153;
}
#wb_Extension28-m
{
   position: absolute;
   left: 294px;
   top: 688px;
   width: 50px;
   height: 50px;
   z-index: 149;
}
#wb_Extension27-m
{
   position: absolute;
   left: 26px;
   top: 688px;
   width: 50px;
   height: 50px;
   z-index: 146;
}
#wb_Extension6-m
{
   position: absolute;
   left: 124px;
   top: 394px;
   width: 165px;
   height: 43px;
   z-index: 134;
}
#wb_Extension25-m
{
   position: absolute;
   left: 295px;
   top: 288px;
   width: 50px;
   height: 50px;
   z-index: 129;
}
#wb_Extension24-m
{
   position: absolute;
   left: 295px;
   top: 230px;
   width: 50px;
   height: 50px;
   z-index: 127;
}
#wb_Extension20-m
{
   position: absolute;
   left: 52px;
   top: 1025px;
   width: 270px;
   height: 15px;
   z-index: 119;
}
#Layer1-gas-sm
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 51px;
   right: 0;
   width: 372px;
   height: 1663px;
   margin-left: auto;
   margin-right: auto;
   z-index: 204;
}
@media only screen and (max-width: 750px)
{
div#container
{
   width: 750px;
}
#gas-main-layer
{
   height: 829px;
   visibility: hidden;
   display: none;
   background-color: transparent;
   background-image: none;
}
#gas-main-layer_Container
{
   width: 750px;
}
#wb_bar-tank-1
{
   left: 237px;
   top: 772px;
   width: 184px;
   height: 179px;
   visibility: visible;
   display: inline;
}
#wb_bar-tank-2
{
   left: 235px;
   top: 494px;
   width: 184px;
   height: 192px;
   visibility: visible;
   display: inline;
}
#wb_Pipe8
{
   left: 1053px;
   top: 283px;
   width: 215px;
   height: 394px;
   visibility: visible;
   display: inline;
}
#wb_Pipe3
{
   left: 638px;
   top: 283px;
   width: 630px;
   height: 69px;
   visibility: visible;
   display: inline;
}
#Extension1
{
   left: 0px;
   top: 215px;
   width: 100px;
   height: 100px;
   visibility: visible;
   display: inline;
}
#wb_Extension16
{
   left: 1035px;
   top: 286px;
   width: 109px;
   height: 74px;
   visibility: visible;
   display: inline;
}
#wb_Extension39
{
   left: 1190px;
   top: 513px;
   width: 44px;
   height: 115px;
   visibility: visible;
   display: inline;
}
#wb_Extension38
{
   left: 833px;
   top: 388px;
   width: 44px;
   height: 115px;
   visibility: visible;
   display: inline;
}
#wb_Extension36
{
   left: 48px;
   top: 392px;
   width: 82px;
   height: 193px;
   visibility: visible;
   display: inline;
}
#wb_Extension37
{
   left: 48px;
   top: 156px;
   width: 82px;
   height: 189px;
   visibility: visible;
   display: inline;
}
#wb_Pipe10
{
   left: 542px;
   top: 566px;
   width: 36px;
   height: 220px;
   visibility: visible;
   display: inline;
}
#wb_Pipe11
{
   left: 1208px;
   top: 448px;
   width: 36px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Pipe1
{
   left: 183px;
   top: 284px;
   width: 388px;
   height: 53px;
   visibility: visible;
   display: inline;
}
#wb_Pipe2
{
   left: 570px;
   top: 343px;
   width: 71px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Pipe4
{
   left: 271px;
   top: 179px;
   width: 541px;
   height: 104px;
   visibility: visible;
   display: inline;
}
#wb_Pipe5
{
   left: 899px;
   top: 179px;
   width: 294px;
   height: 104px;
   visibility: visible;
   display: inline;
}
#wb_Pipe6
{
   left: 838px;
   top: 283px;
   width: 36px;
   height: 84px;
   visibility: visible;
   display: inline;
}
#wb_Pipe7
{
   left: 1209px;
   top: 393px;
   width: 59px;
   height: 113px;
   visibility: visible;
   display: inline;
}
#wb_Pipe12
{
   left: 126px;
   top: 218px;
   width: 60px;
   height: 240px;
   visibility: visible;
   display: inline;
}
#wb_FV100L
{
   left: 299px;
   top: 232px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV101
{
   left: 296px;
   top: 148px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_FV101L
{
   left: 299px;
   top: 128px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_C300
{
   left: 553px;
   top: 303px;
   width: 105px;
   height: 45px;
   visibility: visible;
   display: inline;
}
#wb_TT300L
{
   left: 483px;
   top: 227px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV301
{
   left: 724px;
   top: 232px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_E302
{
   left: 585px;
   top: 364px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_E304
{
   left: 659px;
   top: 265px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_TT301L
{
   left: 654px;
   top: 190px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_TT302L
{
   left: 472px;
   top: 302px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_TT303
{
   left: 621px;
   top: 387px;
   width: 94px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_TT303L
{
   left: 652px;
   top: 375px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV300L
{
   left: 388px;
   top: 233px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV200
{
   left: 823px;
   top: 312px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_FV200L
{
   left: 771px;
   top: 330px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV250L
{
   left: 1214px;
   top: 397px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_PT200L
{
   left: 928px;
   top: 400px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV352L
{
   left: 913px;
   top: 125px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV350L
{
   left: 916px;
   top: 230px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_E350
{
   left: 1080px;
   top: 264px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_PT351L
{
   left: 1072px;
   top: 313px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV351L
{
   left: 1133px;
   top: 230px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_PT250L
{
   left: 1092px;
   top: 526px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV500L
{
   left: 984px;
   top: 514px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV501L
{
   left: 984px;
   top: 731px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_TT500L
{
   left: 909px;
   top: 511px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 590px;
   top: 667px;
   width: 50px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV451L
{
   left: 495px;
   top: 614px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV451
{
   left: 544px;
   top: 597px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_FV401L
{
   left: 495px;
   top: 719px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV401
{
   left: 544px;
   top: 703px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_FV450L
{
   left: 703px;
   top: 514px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FV400L
{
   left: 702px;
   top: 731px;
   width: 60px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_TT450L
{
   left: 506px;
   top: 510px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_PT450L
{
   left: 615px;
   top: 510px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_PT400L
{
   left: 628px;
   top: 728px;
   width: 72px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Extension6
{
   left: 447px;
   top: 314px;
   width: 165px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension9
{
   left: 879px;
   top: 522px;
   width: 94px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension11
{
   left: 475px;
   top: 522px;
   width: 94px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension12
{
   left: 584px;
   top: 521px;
   width: 102px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension13
{
   left: 452px;
   top: 232px;
   width: 94px;
   height: 54px;
   visibility: visible;
   display: inline;
}
#wb_Extension14
{
   left: 630px;
   top: 208px;
   width: 98px;
   height: 83px;
   visibility: visible;
   display: inline;
}
#wb_Extension10
{
   left: 595px;
   top: 743px;
   width: 101px;
   height: 53px;
   visibility: visible;
   display: inline;
}
#wb_Extension15
{
   left: 1064px;
   top: 537px;
   width: 168px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension17
{
   left: 827px;
   top: 412px;
   width: 165px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Extension18
{
   left: 419px;
   top: 661px;
   width: 81px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Shape1
{
   left: 43px;
   top: 7px;
   visibility: visible;
   display: inline;
}
#wb_Extension19
{
   left: 501px;
   top: 656px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_Shape2
{
   left: 4px;
   top: 5px;
   visibility: visible;
   display: inline;
}
#wb_Extension20
{
   left: 1084px;
   top: 660px;
   width: 166px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Shape3
{
   left: 127px;
   top: 5px;
   visibility: visible;
   display: inline;
}
#wb_Extension21
{
   left: 394px;
   top: 164px;
   width: 331px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Shape4
{
   left: 4px;
   top: 7px;
   visibility: visible;
   display: inline;
}
#wb_Extension23
{
   left: 990px;
   top: 662px;
   width: 41px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text_M_FT500
{
   left: 853px;
   top: 666px;
   width: 148px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Extension22
{
   left: 993px;
   top: 164px;
   width: 176px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Shape5
{
   left: 4px;
   top: 7px;
   visibility: visible;
   display: inline;
}
#wb_Extension30
{
   left: 971px;
   top: 264px;
   width: 105px;
   height: 45px;
   visibility: visible;
   display: inline;
}
#wb_Extension31
{
   left: 1214px;
   top: 417px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension26
{
   left: 724px;
   top: 252px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension29
{
   left: 1133px;
   top: 252px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension28
{
   left: 913px;
   top: 252px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension27
{
   left: 913px;
   top: 147px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension24
{
   left: 296px;
   top: 253px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension25
{
   left: 388px;
   top: 253px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#Layer2-gas
{
   height: 50px;
   visibility: hidden;
   display: none;
}
#Layer2-gas_Container
{
   width: 750px;
}
#wb_gas-hvac-l
{
   left: 1148px;
   top: 7px;
   width: 115px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_gas-loop-l
{
   left: 1264px;
   top: 7px;
   width: 115px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Extension3
{
   left: 15px;
   top: 86px;
   width: 141px;
   height: 171px;
   visibility: visible;
   display: inline;
}
#wb_Extension5
{
   left: 15px;
   top: 304px;
   width: 141px;
   height: 171px;
   visibility: visible;
   display: inline;
}
#wb_spherical-tank-1
{
   left: 196px;
   top: 428px;
   width: 225px;
   height: 250px;
   visibility: visible;
   display: inline;
}
#wb_Pipe9
{
   left: 394px;
   top: 565px;
   width: 659px;
   height: 220px;
   visibility: visible;
   display: inline;
}
#wb_Extension7
{
   left: 817px;
   top: 366px;
   width: 73px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Extension8
{
   left: 1173px;
   top: 490px;
   width: 73px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_spherical-tank-2
{
   left: 196px;
   top: 691px;
   width: 225px;
   height: 250px;
   visibility: visible;
   display: inline;
}
#wb_E500
{
   left: 803px;
   top: 548px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#wb_Extension34
{
   left: 703px;
   top: 534px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension35
{
   left: 703px;
   top: 751px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension33
{
   left: 984px;
   top: 751px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension32
{
   left: 984px;
   top: 534px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension2
{
   left: 251px;
   top: -22px;
   width: 1px;
   height: 100px;
   visibility: visible;
   display: inline;
}
#gas-sm-master
{
   left: 186px;
   top: 0px;
   width: 379px;
   height: 1714px;
   visibility: visible;
   display: inline;
}
#wb_gas-scada-l
{
   left: 18px;
   top: 8px;
   width: 125px;
   height: 35px;
   visibility: visible;
   display: inline;
}
#wb_process-mess-l
{
   left: 1073px;
   top: 7px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_process-sch-l
{
   left: 1111px;
   top: 7px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_process-um-l
{
   left: 1036px;
   top: 7px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
}
}
    .progress-bar {
        background-color: #4393C2 !important
    }

div#gas-main-layer {
    bottom: 0;
    right: 0;
    width: initial;
    height: initial;
    overflow-x: auto;
    display: flex;
    justify-content: center;
}

#gas-main-layer_Container {
    width: 1280px;
}

    #wb_gas-header-m {
        position: fixed;
        display: flex;
        left: 0;
        justify-content: center;
        width: 100%;
        border-bottom: 1px solid #da0907;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    div#wb_i4-logo-gas-m,
    div#wb_scada-gas-m {
        position: fixed;
    }

    div#wb_gas-hvac-sm {
        position: fixed;
        right: 0;
        left: initial;
    }
    
div#wb_gas-scada-l {
    position: fixed;
}

div#wb_gas-hvac-l {
    right: 25px;
    position: fixed;
    left: initial;
}

div#wb_gas-loop-l {
    position: fixed;
    left: initial;
    right: 141px;
}

div#wb_gas-home-l {
    position: fixed;
    left: initial;
    right: 257px;
}

    div#wb_loop-gas-sm {
        position: fixed;
        right: 50px;
        left: initial;
    }

    div#wb_home-gas-m {
        position: fixed;
        left: initial;
        right: 100px;
    }
    
    div#wb_process-sch-l {
        position: fixed;
        left: initial;
        right: 257px;
    }
    
    div#wb_process-mess-l {
    position: fixed;
    left: initial;
    right: 294px;
}

    div#wb_process-um-l {
    position: fixed;
    left: initial;
    right: 331px;
}


    div#wb_process-sch-m {
        position: fixed !important;
        left: initial !important;
        right: 100px !important;
    }
    
    div#wb_process-um-m {
    position: fixed !important;
    left: initial !important;
    right: 200px !important;
}
    
    div#wb_process-mess-m {
    position: fixed !important;
    left: initial !important;
    right: 150px !important;
}

    div#Layer1-gas-sm {
        bottom: 0;
        height: initial;
    }

    div#Layer1-gas-sm_Container {
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
        top: 0px;
        bottom: 20px;
        right: 0;
        left: 0;
    }
    
    
    #wb_Extension36 .progress-bar,
    #wb_Extension37 .progress-bar,
    #wb_Extension38 .progress-bar,
    #wb_Extension39 .progress-bar {
    background-color:#f5f5f5 !important
    }
    
    /* media */

    @media only screen and (min-width: 750px) {
        #wb_hcav-sm-master {
            display: none
        }

        #Layer1-gas-sm {
            display: none;
        }
        
        #wb_gas-header-m{
            display: none;
        }
    }

    @media only screen and (max-width: 750px) {
        #wb_gas-sm-master {
            visibility: visible;
            display: block !important;
        }
        
        #gas-main-layer {
          display: none !important;
      }
    }