body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
    #W01_Panel3 .header-stroke {
        border-top: 2px solid #E92931;
        position: absolute;
        top: 35px;
        height: 2px;
        right: 0px;
        left: 0px;
    }

    #W01_Panel3 .footer-stroke {
        border-bottom: 1px solid #CCCCCC;
        position: absolute;
        height: 1px;
        bottom: 0px;
        right: 0px;
        left: 0px;
    }

    #W01_Panel3 .wf-panel-body {
        display: block;
        position: absolute;
        background-color: #FFFFFF;
        border-left: 0px solid #E92931;
        border-right: 0px solid #E92931;
        top: 35px;
        bottom: 0px;
        right: 0;
        left: 0;
    }

    #W01_Panel3 .wf-panel-footer {
        height: 0px;
        background-color: #FFFFFF;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;        
	 border: 0px solid #E92931;
        border-top: 0;
        border-radius: 0 0 0px 0px;
    }

    #W01_Panel3 .wf-panel-header {
        height: 35px;
        background-color: #F5F5F5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border: 0px solid #E92931;
        border-bottom: 0;
        border-radius: 0px 0px 0 0;
    }

    #W01_Panel3 .header-gloss {
        background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3) 0%, hsla(0, 0%, 100%, 0.5) 49%, hsla(0, 0%, 100%, 0.7) 51%, hsla(0, 0%, 100%, 0.4) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#66ffffff', GradientType=0);
        height: 35px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border: 0px solid #E92931;
        border-bottom: 0;
        border-radius: 0px 0px 0 0;
        opacity: 0.0;
    }

    #W01_Panel3 .header-text {
        font-family: Arial;
        font-weight: bold;
        font-size: 12px;
        line-height: 12px;
        color: #000000;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 12px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

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

#status-symbol .disabled {
    pointer-events: none;
}
#Extension1 {overflow:hidden}

#Extension1 .wf-label-addon {
    text-overflow: ellipsis;
    min-width: 120px;
    max-width: 120px !important;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
    font-family: Arial !important; 
}

#Extension1 .wf-unit-addon {
    padding: 6px;
    border-left: none; 
    min-width: 50px !important;
    max-width: 50px !important;
    font-family: Arial !important; 
    overflow:hidden;
    text-align:center !important;
    text-overflow: ellipsis;
}

#Extension1 .wf-output-box {
    font-family: Arial;
    font-weight: normal;
    ;
}

#Extension1 .label-custom {
    color: inherit;
    background-color: inherit;
	    border: 1px solid #888;
}

#Extension1 .input-group-sm > .wf-output-box {
    height: 32px;
}

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

#Extension1.hide-label .wf-label-addon {
	display:none;
}

#Extension1 .form-group {
    margin-bottom: 0 !important;
}
#Extension2 {overflow:hidden}

#Extension2 .wf-label-addon {
    text-overflow: ellipsis;
    min-width: 120px;
    max-width: 120px !important;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
    font-family: Arial !important; 
}

#Extension2 .wf-unit-addon {
    padding: 6px;
    border-left: none; 
    min-width: 50px !important;
    max-width: 50px !important;
    font-family: Arial !important; 
    overflow:hidden;
    text-align:center !important;
    text-overflow: ellipsis;
}

#Extension2 .wf-output-box {
    font-family: Arial;
    font-weight: normal;
    ;
}

#Extension2 .label-custom {
    color: inherit;
    background-color: inherit;
	    border: 1px solid #888;
}

#Extension2 .input-group-sm > .wf-output-box {
    height: 32px;
}

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

#Extension2.hide-label .wf-label-addon {
	display:none;
}

#Extension2 .form-group {
    margin-bottom: 0 !important;
}
#Extension3 {overflow:hidden}

#Extension3 .wf-label-addon {
    text-overflow: ellipsis;
    min-width: 120px;
    max-width: 120px !important;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
    font-family: Arial !important; 
}

#Extension3 .wf-unit-addon {
    padding: 6px;
    border-left: none; 
    min-width: 50px !important;
    max-width: 50px !important;
    font-family: Arial !important; 
    overflow:hidden;
    text-align:center !important;
    text-overflow: ellipsis;
}

#Extension3 .wf-output-box {
    font-family: Arial;
    font-weight: normal;
    ;
}

#Extension3 .label-custom {
    color: inherit;
    background-color: inherit;
	    border: 1px solid #888;
}

#Extension3 .input-group-sm > .wf-output-box {
    height: 32px;
}

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

#Extension3.hide-label .wf-label-addon {
	display:none;
}

#Extension3 .form-group {
    margin-bottom: 0 !important;
}