body {
    scrollbar-face-color: #b8d0d4;
    scrollbar-shadow-color: #d8e5e8;
    scrollbar-highlight-color: #d8e5e8;
    scrollbar-3dlight-color: #d8e5e8;
    scrollbar-darkshadow-color: #d8e5e8;
    scrollbar-track-color: #d8e5e8;
    scrollbar-arrow-color: #000
}

.TapanDraggable {
    cursor: move;
}

.ThermometerWH {
    width: 100px;
    height: 200px;
}

.width100 {
    width: 100%;
}

.width90 {
    width: 90%;
}

.MasterMenu {
    float: left;
    width: 85px;
    height: auto;
    vertical-align: middle;
    background-color: #071437;
    text-align: center;
    border: solid 1px #d8d8d8;
}

.MasterMenuHeader {
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.MasterMenuContent {
    float: left;
    display: none;
    vertical-align: top;
    background-color: White;
}

.MasterSmallMenu {
    text-align: left;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f8ebc8;
    background-repeat: repeat-x;
    border: 1px solid #171717;
}

.MasterSmallMenuHeader {
    text-align: center;
    float: left;
    font-weight: bold;
}

.padding-top-0 {
    padding-top: 0px;
}

.HomeTree {
    float: left;
    width: 300px;
    padding-bottom: 20px;
    height: 395px;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}

.HomeDashboardGrid {
    float: left;
    padding-bottom: 20px;
    width: 45%;
    height: 336px;
}

.HomeGrid {
    width: 50% !important;
}

.HomeTree {
    width: 20% !important;
}

.HomeFlowImage {
    float: right;
    width: 20%;
    height: 300px;
    padding-right: 5%;
}

.min-height-450 {
    min-height: 450px;
}

.float-Right {
    float: right;
}

.float-Left {
    float: left;
}

.width-130px {
    width: 130px
}

.hiddenField {
    vertical-align: top;
    text-align: center;
}

.divFilter {
    float: right;
    text-align: right;
    width: 100%;
}

.vertical-align-top {
    vertical-align: top;
}

.wrapperLogin {
    display: table;
    margin: auto;
    padding-top: 5%;
}

.LoginBox {
    float: none;
    width: 500px;
}

.LoginBoxPopup {
    padding: 14px 0px 0px 70px;
}

.lBox {
    width: 500px;
    text-align: left;
    height: 240px;
}

.LoginLogo {
    width: 25%;
    height: 30px
}

.loginDivMain {
    height: 90px;
}

/*image Flow*/
.tbFlow {
    border-style: none;
    width: 100%;
    height: 100%;
    margin: 0px 10px 0px 00px;
}

.ImageFlow {
    height: 550px;
    background-color: Black;
}

.divgrid {
    overflow: auto;
    margin: 0px 2px 2px 0px;
    height: 75px;
    border: solid 1px gray;
}

.divgrid-BackEnd {
    overflow: auto;
    margin: 0px 2px 2px 0px;
    height: 75px;
    border: solid 1px gray;
}

.ImageFlowbody {
    background-position: top;
    /*width: 1020px;*/
    width: 100%;
    float: left;
    /*background-image: url('img/hg_mix.jpg');*/
    background-repeat: repeat-x;
}

.ImageFlowHeader {
    border-style: none;
    width: 100%;
    height: 20%;
    padding-top: 0px;
    padding-left: 0px;
    background: #071437;
    border-bottom: 1px solid #071437;
    border-radius: 0.75rem;
}

.ImageFlowTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: white;
}

.ImageFlowLinkBTN {
    font-size: 20px;
    color: #d9c285;
    cursor: pointer;
}

/*image Flow*/

.txtcss {
    /*border: 1px solid #c3d7db;
    padding: 3px;
    margin-bottom: 5px;
    width: 150px*/
    border: 1.5px solid #aaa;
    border-radius: 4px;
    margin: 0;
    outline: 0;
    padding: 4px 4px 4px 6px;
    box-sizing: border-box;
    transition: .3s;
    color: #464646 !important
}

.btncss {
    cursor: pointer;
    font-weight: bold;
    padding-right: 5px;
    color: #071437;
    border: #c3d7db 1px solid;
    height: 28px;
    width: 143px
}

.btnicocss {
    cursor: pointer;
    font-weight: bold;
    color: #071437;
    border: #c3d7db 1px solid;
    background: url(../img/form_mix.gif) #fff repeat-x left top;
    height: 28px !important;
    width: 37px !important;
    padding: 10px 10px 10px 10px !important;
    margin: 10px 10px 10px 10px !important
}

.btncss:hover {
    color: #000;
    background-position: left center
}

.btncss1 {
    cursor: pointer;
    padding-right: 5px;
    color: #071437;
    border: #c3d7db 1px solid;
    background: url(../img/form_mix.gif) #fff repeat-x left top;
    height: 28px
}

    .btncss1:hover {
        color: #000;
        background-position: left center
    }

.Formbox {
    border: 1px solid #c3d7db;
    border-radius: 0.75rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.FormboxHeader {
    background: #071437;
    border-bottom: 1px solid #071437;
    color: #FFF;
    padding: 25px;
    font-size: 14px;
    font-weight: bold;
    /*border-radius: 0.75rem;*/
    /*position: fixed;
    z-index:9999;*/
    /*background-image: radial-gradient(white,#071437);*/
}

    .FormboxHeader span {
        color: #FFF;
        font-weight: bold;
    }

.Formbox h3 {
    background: #f4f6fa;
    border-bottom: 1px solid #c3d7db;
    color: #071437;
    padding: 5px;
    font-size: 14px
}

.linkbtn {
    /*color: #464646;*/
    color: #d9c285;
    text-decoration: underline
}

.lbtnActive {
    color: #FFF;
}

.tblcss {
    background: 0;
    margin: 5px;
    border-collapse: collapse;
    table-layout: automatic;
    width: 98%
}

    .tblcss td, th {
        border: 1px solid #c3d7db;
        padding: 2px
    }

    .tblcss thead {
        background: #f4f6fa;
        text-decoration: underline
    }

.fieldsetcss {
    border: 1px solid #071437;
    display: block;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    margin: 10px;
    border-radius: 0.75rem;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

    .fieldsetcss:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.legendcss {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 0 0 10px;
    width: 154px;
    border: 1px solid #071437;
    background-color: #f8ebc8;
    color: #071437;
    border-radius: 0.75rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.ProgressContent {
    font-family: verdana;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    text-decoration: none
}

.Trans {
    background-color: White;
    filter: alpha(opacity=70);
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0
}

.Progress {
    font-family: verdana;
    font-size: x-small;
    color: Green;
    font-weight: bold;
    text-decoration: none;
    height: auto
}

.dropdowncss {
    border: 1.9px solid #c3d7db;
    padding: 3px;
    margin-bottom: 5px;
    width: 135px;
    height: 24px
}

.searchcss {
    font-size: 14px;
    font-family: Arial,Tahoma,Verdana;
    color: #071437
}

.Note-red {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #ff033e;
    text-decoration: none
}

.dvpager {
    float: left;
    padding-left: 10px;
    color: #071437;
    font-weight: bold;
    font-family: Georgia,serif
}

.fileuploadcss {
    border: 1px solid #c3d7db;
    background: #fff url(../img/form_mix.gif) repeat-x top left;
    padding: 3px;
    margin-bottom: 5px
}

.parantNodeCss {
    color: #071437;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 2px
}

.LeafNodeCss {
    color: #071437;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px
}

.LeafNodeCsstxt {
    color: #c74e00 !important;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    /*font-weight: normal;*/
    padding: 2px
}

.HomeFootercss {
    bottom: 0;
    color: #111;
    background: #f8ebc8;
    font-size: 11px;
    height: 90px;
    padding: 5px 0 0 10px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99
}

.checkboxcss {
    border: 1px solid #c3d7db;
    background: #fff url(../img/form_mix.gif) repeat-x top left;
    margin-bottom: 5px;
    margin: 3px
}

.checkbox {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left
}

.listboxcss {
    border: 1px solid #c3d7db;
    padding: 3px;
    margin-bottom: 5px;
    width: 100%;
    min-width: 250px
}

.ErrMsg {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #f30;
    content: "\a";
    white-space: pre
}

.lnkcss {
    font-size: 11px;
    color: #071437;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold
}

.notavail {
    color: Red;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: normal
}

.menu {
    float: left
}

.menuitem {
    float: left;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-decoration: none;
    color: #c00;
    font-weight: bold;
    margin: 7px 5px 0 5px
}

.menuborder {
    float: left;
    width: 2px;
    height: 35px;
    margin: 0 10px 0 10px
}

.whitefont {
    color: White
}

.UpdateRecordCss td {
    background-color: Green;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B09900',EndColorStr='#FFF192')
}

.displayNone {
    display: none
}

.AlarmGreenCss td {
    background-color: #eaf7d9
}

.AlarmRedCss td {
    background-color: #feebeb
}

.parantNodeCsssmall {
    color: #071437;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px
}

.divheadingcss {
    color: White;
    font-size: 18px;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

.historycss {
    text-align: right;
    padding-right: 10px
}

.RightAlign {
    text-align: right;
    padding-right: 3px;
    padding-left: 3px
}

.modalBackground {
    position: fixed;
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: .5
}

.modalPopup {
    background-color: white;
    width: 200px;
    height: 150px;
    z-index: 100000001 !important
}

#footerMainBackground {
    height: 30px;
    background: #071437;
    font-family: Arial,Helvetica,sans-serif;
    font-size: x-small;
    color: #F5F5F5;
    position: fixed;
    clear: both;
    width: 100%;
    bottom: 0;
    border: 0;
    padding: 13px 0 0 0;
    text-align: center
}

#footer2 {
    background-position: bottom;
    background: #071437 url(../img/bg_mix.jpg) repeat-x bottom;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    background-attachment: fixed;
    clear: both;
    background-color: #071437
}

#footerCopyrights {
    background-position: bottom;
    background: #071437 url(../img/bg_mix.jpg) repeat-x bottom;
    color: #F5F5F5;
    font-family: Arial,Helvetica,sans-serif;
    font-size: x-small;
    background-color: #071437
}

.footerlinkbtn:link {
    color: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: x-small;
    cursor: pointer;
    background: #071437 url(../img/bg_mix.jpg) repeat-x bottom
}

.footerlinkbtn:visited {
    color: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: x-small;
    cursor: pointer
}

.footerlinkbtn:hover {
    color: #999;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: x-small;
    cursor: pointer;
    background: #071437 url(../img/bg_mix.jpg) repeat-x bottom
}

.divfootercss {
    color: White;
    font-size: 11px;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

.tabcss {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    background: url(../img/form_mix.gif) #fff repeat-x left top;
    cursor: pointer;
    font-weight: bold;
    color: #071437;
    border: 1px none #c3d7db;
    height: 28px
}

    .tabcss:hover {
        color: #000;
        background-position: left center
    }

.tabcssclicked {
    color: #000;
    background-position: left center
}

.tableHeader {
    background-color: #f4f6fa;
    padding-left: 5px;
    border: 1px solid #c3d7db;
    color: #071437;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial,Tahoma,Verdana
}

/*table {
    text-align: left;
    position: relative !important;
    border-collapse: collapse;
}

th, td {
    padding: 0.25rem;
}

tr.red th {
    background: red;
    color: white;
}

tr.green th {
    background: green;
    color: white;
}

tr.purple th {
    background: purple;
    color: white;
}

th {
    background: #f4f6fa !important;
    position: sticky !important;
    top: 0; 
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}*/

/*tapansepl*/
/*th {
    background: #071437 !important;
    position: sticky !important;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}*/

/* scrollbar */

/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 255, 255, 0.3);
    }*/

.container {
    width: 95%;
    padding-left: 30px;
}

.column1 {
    float: left;
    width: 50%;
}

.column2 {
    float: left;
    width: 50%;
}

.tdRed {
    color: #FF0000 !important;
    background-color: #fbd9d3 !important;
}

.tdGreen {
    color: #005249 !important;
    background-color: #D0FFBC !important;
}

.fGreen {
    color: #2a8703 !important;
}

.fRed {
    color: #FF0000 !important;
}

.svg {
    cursor: url(../ImgLib/S600.PNG), auto;
}

div#scroll {
    height: 500px;
    overflow: scroll;
    left: 39px;
    top: 813px;
}

.divtp {
    width: 93%;
    display: table;
    margin: auto;
    margin-top: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.current i {
    /*color: #c74e00 !important;*/
    /*color: #d99f05 !important;*/
    color: #0096FF !important;
}

.itp {
    color: #d99f05 !important;
    font-size: 15px !important;
}

.iblue {
    color: #0096FF !important;
}

.igreen {
    color: #34a56f !important;
}

.ired {
    color: #ff1a1a !important;
}

.iorange {
    color: #d99f05 !important;
}

.igreennew {
    color: #ccff66 !important;
}

.file_Cust.tpactive a {
    color: #c74e00 !important;
    font-size: 13px !important;
}

.tableSpace {
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

.pl10 {
    padding-left: 10%;
}


hr {
    margin: 10px !important;
}

.DivSearch {
    width: 100%;
    padding-top: 2px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.HideHeader {
    display: none;
}

.topmenu {
    margin: 4px 0px 0px 0px !important;
}

#header {
    /*padding: 10px 16px;*/
    /*background: #555 !important;*/
    /*color: #f1f1f1;*/
    background: url(../img/bg_mix.jpg) top repeat-x #f4f6fa;
    color: #202020;
}

.sidenav {
    width: 200px !important;
    position: fixed;
    z-index: 1;
    top: 18% !important;
    left: 10px !important;
    /*background: #eee;*/
    overflow-x: hidden;
    padding: 8px 0;
}

a.tapanpatel {
    /*color: #0096FF !important;*/
    color: #1b9bf5 !important;
}


/*#demoGauge1 {
    width: 16em;
    height: 16em;
}*/

.demoGauge {
    width: 10em;
    height: 10em;
    margin: 1em 0 1em 0.3em;
}

.txtDate {
    width: 45%;
}

.seplDate {
    background-image: url('/img/date.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    background-position: right;
}