body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#user-manager-l .input-group-sm>.input-group-addon {
    padding: 5px 4px 4px 8px;
}
#um-header
{
   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);
}
#um-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;
}    
   

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


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

#um-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;
    }

    #um-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;
    }

    #um-loop-l .wf-state-layer:hover  > .wf-state-container,
    #um-loop-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;
    }

    #um-loop-l .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

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

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

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

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

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

	}

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

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

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

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

#um-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;
}    
   

#um-sch-l .disabled .wf-state-layer {
    pointer-events: none;
}


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

#um-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;
    }

    #um-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;
    }

    #um-sch-l .wf-state-layer:hover  > .wf-state-container,
    #um-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;
    }

    #um-sch-l .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

    #um-sch-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-sch-l .wf-state-layer:active .icon,
    #um-sch-l .wf-state-layer .active .icon {
	color: ;
    }

    #um-sch-l .wf-state-layer:focus .icon,
    #um-sch-l .wf-state-layer .focus .icon {
	color: ;
    }

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

#um-sch-l .wf-navigation-link-content {
        display: inline-block;
	 padding:  3px  !important;
	 position:absolute;

	}

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

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

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

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

#um-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;
}    
   

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


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

#um-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;
    }

    #um-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;
    }

    #um-hvac-l .wf-state-layer:hover  > .wf-state-container,
    #um-hvac-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;
    }

    #um-hvac-l .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

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

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

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

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

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

	}

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

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

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

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

#um-scada-l
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#um-process-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;
}    
   

#um-process-l .disabled .wf-state-layer {
    pointer-events: none;
}


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

#um-process-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;
    }

    #um-process-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;
    }

    #um-process-l .wf-state-layer:hover  > .wf-state-container,
    #um-process-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;
    }

    #um-process-l .wf-state-layer:focus > .wf-state-container,
    #um-process-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;
    }

    #um-process-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-process-l .wf-state-layer:active .icon,
    #um-process-l .wf-state-layer .active .icon {
	color: ;
    }

    #um-process-l .wf-state-layer:focus .icon,
    #um-process-l .wf-state-layer .focus .icon {
	color: ;
    }

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

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

	}

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

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

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

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

#um-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;
}    
   

#um-mess-l .disabled .wf-state-layer {
    pointer-events: none;
}


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

#um-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;
    }

    #um-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;
    }

    #um-mess-l .wf-state-layer:hover  > .wf-state-container,
    #um-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;
    }

    #um-mess-l .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

    #um-mess-l .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-mess-l .wf-state-layer:active .icon,
    #um-mess-l .wf-state-layer .active .icon {
	color: ;
    }

    #um-mess-l .wf-state-layer:focus .icon,
    #um-mess-l .wf-state-layer .focus .icon {
	color: ;
    }

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

#um-mess-l .wf-navigation-link-content {
        display: inline-block;
	 padding:  3px  !important;
	 position:absolute;

	}

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

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

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

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


.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;
}
#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);
}
#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;
	}
 #i4-logo-gas-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#um-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;
}    
   

#um-sch-m .disabled .wf-state-layer {
    pointer-events: none;
}


#um-sch-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#um-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;
    }

    #um-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;
    }

    #um-sch-m .wf-state-layer:hover  > .wf-state-container,
    #um-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;
    }

    #um-sch-m .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

    #um-sch-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-sch-m .wf-state-layer:active .icon,
    #um-sch-m .wf-state-layer .active .icon {
	color: ;
    }

    #um-sch-m .wf-state-layer:focus .icon,
    #um-sch-m .wf-state-layer .focus .icon {
	color: ;
    }

    #um-sch-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#um-sch-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#um-sch-m .wf-nav-text > span {
	display:inline-block;
}

#um-sch-m.flex-start .wf-navigation-link .icon,
#um-sch-m.flex-start .wf-nav-text,
#um-sch-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#um-sch-m.center .wf-navigation-link .icon,
#um-sch-m.center .wf-nav-text,
#um-sch-m.center .wf-navigation-link-content {
    text-align: center;
}

#um-sch-m.flex-end .wf-navigation-link .icon,
#um-sch-m.flex-end .wf-nav-text,
#um-sch-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#um-hvac-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;
}    
   

#um-hvac-m .disabled .wf-state-layer {
    pointer-events: none;
}


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

#um-hvac-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;
    }

    #um-hvac-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;
    }

    #um-hvac-m .wf-state-layer:hover  > .wf-state-container,
    #um-hvac-m .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;
    }

    #um-hvac-m .wf-state-layer:focus > .wf-state-container,
    #um-hvac-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;
    }

    #um-hvac-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-hvac-m .wf-state-layer:active .icon,
    #um-hvac-m .wf-state-layer .active .icon {
	color: ;
    }

    #um-hvac-m .wf-state-layer:focus .icon,
    #um-hvac-m .wf-state-layer .focus .icon {
	color: ;
    }

    #um-hvac-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0px;
        line-height: 24px;
	 color:;
    }

#um-hvac-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

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

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

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

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

#um-loop-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;
}    
   

#um-loop-sm .disabled .wf-state-layer {
    pointer-events: none;
}


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

#um-loop-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;
    }

    #um-loop-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;
    }

    #um-loop-sm .wf-state-layer:hover  > .wf-state-container,
    #um-loop-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;
    }

    #um-loop-sm .wf-state-layer:focus > .wf-state-container,
    #um-loop-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;
    }

    #um-loop-sm .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-loop-sm .wf-state-layer:active .icon,
    #um-loop-sm .wf-state-layer .active .icon {
	color: ;
    }

    #um-loop-sm .wf-state-layer:focus .icon,
    #um-loop-sm .wf-state-layer .focus .icon {
	color: ;
    }

    #um-loop-sm .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#um-loop-sm .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0px !important;
	 position:absolute;

	}

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

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

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

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

#um-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;
}    
   

#um-mess-m .disabled .wf-state-layer {
    pointer-events: none;
}


#um-mess-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#um-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;
    }

    #um-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;
    }

    #um-mess-m .wf-state-layer:hover  > .wf-state-container,
    #um-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;
    }

    #um-mess-m .wf-state-layer:focus > .wf-state-container,
    #um-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;
    }

    #um-mess-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-mess-m .wf-state-layer:active .icon,
    #um-mess-m .wf-state-layer .active .icon {
	color: ;
    }

    #um-mess-m .wf-state-layer:focus .icon,
    #um-mess-m .wf-state-layer .focus .icon {
	color: ;
    }

    #um-mess-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#um-mess-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#um-mess-m .wf-nav-text > span {
	display:inline-block;
}

#um-mess-m.flex-start .wf-navigation-link .icon,
#um-mess-m.flex-start .wf-nav-text,
#um-mess-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#um-mess-m.center .wf-navigation-link .icon,
#um-mess-m.center .wf-nav-text,
#um-mess-m.center .wf-navigation-link-content {
    text-align: center;
}

#um-mess-m.flex-end .wf-navigation-link .icon,
#um-mess-m.flex-end .wf-nav-text,
#um-mess-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#um-process-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;
}    
   

#um-process-m .disabled .wf-state-layer {
    pointer-events: none;
}


#um-process-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#um-process-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;
    }

    #um-process-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;
    }

    #um-process-m .wf-state-layer:hover  > .wf-state-container,
    #um-process-m .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;
    }

    #um-process-m .wf-state-layer:focus > .wf-state-container,
    #um-process-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;
    }

    #um-process-m .wf-state-layer:hover .icon {
	color: #696969;
    }

    #um-process-m .wf-state-layer:active .icon,
    #um-process-m .wf-state-layer .active .icon {
	color: ;
    }

    #um-process-m .wf-state-layer:focus .icon,
    #um-process-m .wf-state-layer .focus .icon {
	color: ;
    }

    #um-process-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0px;
        line-height: 24px;
	 color:;
    }

#um-process-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 5px 0 !important;
	 position:absolute;

	}

#um-process-m .wf-nav-text > span {
	display:inline-block;
}

#um-process-m.flex-start .wf-navigation-link .icon,
#um-process-m.flex-start .wf-nav-text,
#um-process-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#um-process-m.center .wf-navigation-link .icon,
#um-process-m.center .wf-nav-text,
#um-process-m.center .wf-navigation-link-content {
    text-align: center;
}

#um-process-m.flex-end .wf-navigation-link .icon,
#um-process-m.flex-end .wf-nav-text,
#um-process-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

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

#wb_FontAwesomeIcon1
{
   background-color: transparent;
   background-image: none;
   border: 0px #DA0808 solid;
   text-align: center;
   padding: 0px 0px 0px 0px;
}
#wb_FontAwesomeIcon1:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px #245580 solid;
}
#FontAwesomeIcon1
{
   height: 50px;
   width: 24px;
}
#FontAwesomeIcon1 i
{
   color: #DA0808;
   display: inline-block;
   font-size: 24px;
   line-height: 50px;
   vertical-align: middle;
   width: 24px;
}
#wb_FontAwesomeIcon1:hover i
{
   color: #DA0808;
}
#wb_icon
{
   background-color: #DA0808;
   background-image: none;
   border: 0px #FFFFFF solid;
   text-align: center;
   padding: 0px 0px 0px 0px;
}
#wb_icon:hover
{
   background-color: #DA0808;
   background-image: none;
   border: 0px #FFFFFF solid;
}
#icon
{
   height: 26px;
   width: 125px;
}
#icon i
{
   color: #F5F5F5;
   display: inline-block;
   font-size: 26px;
   line-height: 26px;
   vertical-align: middle;
   width: 21px;
}
#wb_icon:hover i
{
   color: #F5F5F5;
}
#um-login .wf-user-login {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#um-login.wf-button button.btn {}

#um-login .wf-user-login > button {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    padding:0px ;
    line-height: initial;
}

#um-login .wf-user-login-data-content {
    text-align: center;
    width: 100%;
}

#um-login.vertical .wf-user-login-data-content {
    overflow-x: visible;
}

#um-login.vertical .wf-user-login-labels span {
overflow: visible !important;
text-overflow:initial;
text-align: center;
   padding-right: 5px;
line-height: 16px
}

#um-login.icon-horizontal button .flexbox i{
   margin:0 5px 0 0;
 text-align: center;
display:inline;
}

#um-login.icon-vertical button .flexbox i{
   margin:0 5px 0 0;
 text-align: center;
display:block;
width:100%;
}

#um-login.horizontal.icon-horizontal.text-center .flexbox,
#um-login.vertical.icon-horizontal.text-center .flexbox{
    left: 50%; 
position: absolute;
transform: translate(-50%, -50%);
}

#um-login.vertical.icon-horizontal.text-center button .flexbox i{
text-align: right;
white-space: nowrap;
}

#um-login.vertical.icon-horizontal.text-center .wf-user-login-labels span{
     text-align: left;
} 

#um-login.horizontal.icon-horizontal.text-center button .flexbox i{
     text-align: right;
    white-space: nowrap;
}

#um-login.horizontal.icon-horizontal.text-center .wf-user-login-data-content {
text-align: left;
}

#um-login.icon-horizontal.text-right .flexbox {
flex-direction:row-reverse;
}

#um-login.horizontal .wf-user-login-labels {
display: inline;
} 

#um-login.vertical .wf-user-login-labels {
display: block;
} 

#um-login.icon-vertical .flexbox {
display: block !important;
}

#um-login.wf-flat .btn {
    background-image: none !important;
}

#um-login .btn-custom {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0, rgba(0, 0, 0, 0.15) 100%);
    border-color: #DA0808;
    background-color: #DA0808;
    color: #FFFFFF;
}

#um-login .btn.active,
#um-login .btn:active {
    background-color:  !important;
    border-color:  !important;
    background-image: none !important;
    color:  !important;
}

#um-login .btn:hover {
    background-color:  !important;
    border-color:  !important;
    background-image: none !important;
    color:  !important;
}

#um-login .btn:focus {
    background-color:  !important;
    border-color:  !important;
    background-image: none !important;
    color:  !important;
}

#wb_um-login
{
   position: absolute;
   left: 10px;
   top: 50px;
   width: 125px;
   height: 60px;
   z-index: 22;
}
#i4-logo-gas-m
{
   opacity: 1;
}
#wb_FontAwesomeIcon1
{
   position: absolute;
   left: 16px;
   top: 51px;
   width: 24px;
   height: 50px;
   text-align: center;
   z-index: 19;
}
#wb_home-conveyor-m
{
   position: absolute;
   left: 457px;
   top: 32px;
   width: 50px;
   height: 50px;
   z-index: 13;
}
#um-header
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 0;
   right: 0;
   height: 50px;
   z-index: 15;
}
#wb_um-hvac-m
{
   position: absolute;
   left: 271px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 9;
}
#wb_um-hvac-l
{
   position: absolute;
   left: 1264px;
   top: 7px;
   width: 115px;
   height: 36px;
   z-index: 2;
}
#wb_um-loop-sm
{
   position: absolute;
   left: 320px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 10;
}
#um-header_Container
{
   width: 1388px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_um-loop-l
{
   position: absolute;
   left: 1148px;
   top: 7px;
   width: 115px;
   height: 36px;
   z-index: 0;
}
#wb_user-manager-l
{
   position: absolute;
   left: 49px;
   top: 89px;
   width: 1240px;
   height: 625px;
   z-index: 14;
}
#wb_Extension1
{
   position: absolute;
   left: 55px;
   top: 66px;
   width: 55px;
   height: 21px;
   z-index: 21;
}
#wb_um-scada-l
{
   position: absolute;
   left: 10px;
   top: 8px;
   width: 125px;
   height: 35px;
   z-index: 3;
}
#wb_um-process-m
{
   position: absolute;
   left: 271px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 12;
}
#wb_um-mess-m
{
   position: absolute;
   left: 222px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 11;
}
#wb_um-mess-l
{
   position: absolute;
   left: 957px;
   top: 7px;
   width: 36px;
   height: 36px;
   z-index: 5;
}
#wb_icon
{
   position: absolute;
   left: 10px;
   top: 113px;
   width: 125px;
   height: 26px;
   text-align: center;
   z-index: 20;
}
#wb_um-process-l
{
   position: absolute;
   left: 1032px;
   top: 7px;
   width: 115px;
   height: 36px;
   z-index: 4;
}
#user-manager-l
{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   font-family: Arial'!important;
}
#gas-header-m
{
   position: fixed;
   text-align: center;
   visibility: hidden;
   left: 0;
   top: 0;
   right: 0;
   height: 50px;
   z-index: 18;
}
#wb_um-sch-m
{
   position: absolute;
   left: 222px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 8;
}
#wb_um-sch-l
{
   position: absolute;
   left: 995px;
   top: 7px;
   width: 36px;
   height: 36px;
   z-index: 1;
}
#wb_i4-logo-gas-m
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
   z-index: 7;
}
#gas-header-m_Container
{
   width: 1388px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Extension1
{
   width: 55px;
   height: 21px;
   font-size: 14px!important;
   line-height: normal;
   font-family: Arial'!important;
   color: inherit;
   font-weight: normal;
   text-align: left;
}
#wb_scada-gas-m
{
   position: absolute;
   left: 59px;
   top: 16px;
   width: 69px;
   height: 19px;
   z-index: 6;
}
@media only screen and (max-width: 750px)
{
#wb_user-manager-l
{
   left: 75px;
   top: 90px;
   width: 1240px;
   height: 625px;
   visibility: visible;
   display: inline;
}
#um-header
{
   height: 50px;
   visibility: hidden;
   display: none;
}
#um-header_Container
{
   width: 768px;
}
#wb_um-loop-l
{
   left: 1148px;
   top: 7px;
   width: 115px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_um-sch-l
{
   left: 995px;
   top: 7px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_um-hvac-l
{
   left: 1264px;
   top: 7px;
   width: 115px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_um-scada-l
{
   left: 18px;
   top: 8px;
   width: 125px;
   height: 35px;
   visibility: visible;
   display: inline;
}
#wb_um-process-l
{
   left: 1032px;
   top: 7px;
   width: 115px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_um-mess-l
{
   left: 957px;
   top: 7px;
   width: 36px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#Extension3
{
   left: 1263px;
   top: 450px;
   width: 100px;
   height: 100px;
   visibility: visible;
   display: inline;
}
#gas-header-m
{
   height: 50px;
   visibility: visible;
   display: inline;
}
#gas-header-m_Container
{
   width: 768px;
}
#wb_scada-gas-m
{
   left: 59px;
   top: 16px;
   width: 69px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_i4-logo-gas-m
{
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_um-sch-m
{
   left: 173px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_um-hvac-m
{
   left: 271px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_um-loop-sm
{
   left: 320px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_um-mess-m
{
   left: 124px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_um-process-m
{
   left: 222px;
   top: 0px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_home-conveyor-m
{
   left: 0px;
   top: 0px;
   width: 124px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 19px;
   top: 49px;
   width: 24px;
   height: 50px;
   visibility: visible;
   display: inline;
   color: #DA0808;
}
#FontAwesomeIcon1
{
   width: 24px;
   height: 50px;
}
#FontAwesomeIcon1 i
{
   line-height: 50px;
   font-size: 24px;
}
#wb_icon
{
   left: 0px;
   top: 113px;
   width: 125px;
   height: 26px;
   visibility: visible;
   display: inline;
   color: #F5F5F5;
}
#icon
{
   width: 125px;
   height: 26px;
}
#icon i
{
   line-height: 26px;
   font-size: 26px;
}
#wb_Extension1
{
   left: 55px;
   top: 66px;
   width: 55px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_um-login
{
   left: 0px;
   top: 50px;
   width: 125px;
   height: 60px;
   visibility: visible;
   display: inline;
}
}
    #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_um-loop-sm {
    position: fixed  !important;
    left: initial !important;
    right: 0  !important;
}
    
    div#wb_um-hvac-m {
    position: fixed !important;
    left: initial !important;
    right: 50px !important;
}

div#wb_um-process-m {
    position: fixed !important;
    left: initial !important;
    right: 100px !important;
}
    
    div#wb_um-sch-m {
    position: fixed !important;
    left: initial !important;
    right: 150px !important;
}
    
        div#wb_um-mess-m {
    position: fixed !important;
    left: initial !important;
    right: 200px !important;
}
    
div#wb_um-scada-l {
    position: fixed !important;
}

div#wb_um-hvac-l {
    right: 25px !important;
    position: fixed !important;
    left: initial !important;
}

div#wb_um-loop-l {
    position: fixed !important;
    left: initial !important;
    right: 141px !important;
}

    div#wb_um-process-l {
        position: fixed !important;
        right: 257px !important;
        left: initial !important;
    }

    div#wb_um-sch-l {
        position: fixed !important;
        left: initial !important;
        right: 373px !important;
    }
    
    div#wb_um-mess-l {
    position: fixed !important;
    left: initial !important;
    right: 410px !important;
    }
    
    div#wb_user-manager-l {
    left: 15px !important;
    right: 15px !important;
    width: initial !important;
    bottom: 50px !important;
    height: initial !important;
    top: 100px !important;
}
    
    /* media */
    
    @media only screen and (max-width: 750px) {
      
      .btn {
    width: 30px;
    overflow: hidden;
    height: 30px;
    padding: 5px 7px !important;
    }
    
    button.btn.btn-default.dropdown-toggle {
    width: initial;
}
.modal-dialog.modal-center {
    width: 90%;
}

td.um-action-cell {
    display: flex;
}
.um-action-cell .btn {
    width: initial !important;
    height: initial !important;
    padding: 2px 5px !important;
}

}