.fleft {
    float: left;
}

* {
    margin: 0;
    padding: 0;
}

.mar-L-10 {
    margin-left: 10px;
}

.mar-b15 {
    margin-bottom: 7px;
}

#wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    min-height: 300px;
    min-height: 98vh;
}

.main {
    width: 100%;
    position: relative;
    margin-bottom: 3%;
}

    .main h1 {
        float: left;
    }

#header .main h1 {
    margin-top: -7px;
    padding: 0px 0 0 0;
}

.padding-top-bottom {
    padding-bottom: 10px;
    padding-top: 10px;
}

h1.logo-bg {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(120,120,120,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#787878',GradientType=1 ); /* IE6-9 */
}

#header {
    width: 100%;
    /*height: 70px;*/
    height: 85px;
    margin-bottom: 2px;
    background: #787878;
    display: inline-block;
    background-size: 100% 100%;
    position: relative; /*new css*/
    box-shadow: 0px 5px 7px #ccc;
}

#header h1 a.logo {
    /*padding-top:7px;*/
    /*padding: 0px 15PX 0px 15px;*/
    float: left;
}

#header h1 a.logo img {
    /*width: 137px;*/
    max-width: 100%;
    /*width: 200px;*/
    height: 88px;
}

.navigation {
    width: 50%;
    /*margin-top: 10px;*/
    display: inline-block;
    /*background: -moz-linear-gradient(top, #5069a0 0%, #3d476a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5069a0), color-stop(100%,#3d476a));
    background: -webkit-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: -o-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: -ms-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: linear-gradient(to bottom, #5069a0 0%,#3d476a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5069a0', endColorstr='#3d476a',GradientType=0 );*/
    position: absolute; /*new css*/
    bottom: 0px;
    left: 118px;
}
/*.nav ul{list-style:none;}
.nav ul li{float:left; display:inline}
.nav ul li a{font-size:14px; color:rgb(255,255,255); line-height:43px; padding:0 25px; display:block; }
.nav ul li a:hover{background:#626d8c url(../images/arrow.png) no-repeat right center; }
*/
/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

    .nav a {
        text-decoration: none;
    }

    .nav li {
        list-style: none;
    }

/* Menu Container */
.nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
    width: 100%;
}

    /* Menu List */
    .nav > li {
        display: block;
        float: left;
    }

        /* Menu Links */
        .nav > li > a {
            position: relative;
            display: block;
            z-index: 510;
            height: 40px;
            padding: 0 20px;
            line-height: 40px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            color: #fcfcfc;
            text-shadow: 0 0 1px rgba(0,0,0,.35);
            /*background: #372f2b;*/
            /*border-left: 1px solid #4b4441;
            border-right: 1px solid #312a27;*/
            /*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;*/
        }

        .nav > li:hover > a { /*background: #4b4441; */
            /*background: #626d8c;*/
        }

    .nav .active a {
        background: #829c37;
    }

    .nav > li > a.arrow { /*background: #4b4441; */
        background: url(../images/arrow.png) no-repeat 95% center;
    }

    .nav > li:first-child > a {
        border-radius: 3px 0 0 3px;
        border-left: none;
    }

    /* Search Form */
    .nav > li.nav-search > form {
        position: relative;
        width: inherit;
        height: 54px;
        z-index: 510;
        border-left: 1px solid #4b4441;
    }

    .nav > li.nav-search input[type="text"] {
        display: block;
        float: left;
        width: 1px;
        height: 24px;
        padding: 15px 0;
        line-height: 24px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #999999;
        text-shadow: 0 0 1px rgba(0,0,0,.35);
        background: #372f2b;
        -webkit-transition: all .3s ease 1s;
        -moz-transition: all .3s ease 1s;
        -o-transition: all .3s ease 1s;
        -ms-transition: all .3s ease 1s;
        transition: all .3s ease 1s;
    }

        .nav > li.nav-search input[type="text"]:focus {
            color: #fcfcfc;
        }

        .nav > li.nav-search input[type="text"]:focus,
        .nav > li.nav-search:hover input[type="text"] {
            width: 110px;
            padding: 15px 20px;
            -webkit-transition: all .3s ease .1s;
            -moz-transition: all .3s ease .1s;
            -o-transition: all .3s ease .1s;
            -ms-transition: all .3s ease .1s;
            transition: all .3s ease .1s;
        }

    .nav > li.nav-search input[type="submit"] {
        display: block;
        float: left;
        width: 20px;
        height: 54px;
        padding: 0 25px;
        cursor: pointer;
        background: #372f2b url(../img/search-icon.png) no-repeat center center;
        border-radius: 0 3px 3px 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }

        .nav > li.nav-search input[type="submit"]:hover {
            background-color: #4b4441;
        }

    /* Menu Dropdown */
    .nav > li > div {
        position: absolute;
        display: block;
        width: auto;
        padding: 0 20px;
        top: 42px;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        background: #e4e4e4;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-radius: 0 0 3px 3px;
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s;
    }

    .nav > li:hover > div {
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }

    /* Menu Content Styles */
    .nav .nav-column {
        float: left;
        width: 100%;
        padding: 2.5%;
        margin: 0 50px 0 0;
    }

        .nav .nav-column h3 {
            margin: 20px 0 10px 0;
            line-height: 18px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 14px;
            color: #372f2b;
            text-transform: uppercase;
        }

            .nav .nav-column h3.orange {
                color: #ff722b;
            }

        .nav .nav-column li a {
            display: block;
            line-height: 26px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            color: #888888;
        }

            .nav .nav-column li a:hover {
                color: #294da8;
            }

.main-container {
    width: 100%;
    display: inline-block;
}

    .main-container h2 {
        font-size: 17px;
        color: rgb(80,103,159);
        line-height: 50px;
    }

.form-box-wrappe1 {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    border: 1px solid rgb(217,217,215);
    border-radius: 0px;
}

    .form-box-wrappe1 h3 {
        margin-top: 1px;
        padding-left: 2%;
        font-size: 13px;
        color: rgb(117,117,117);
        line-height: 35px;
        background: rgb(237,235,235);
        broder-radius: 5px 5px 0 0;
        box-shadow: 0 -1px 0 rgb(255,255,253);
    }

.form-box-wrappe {
    display: inline-block;
    width: 100%;
    border: 1px solid rgb(217,217,215);
    border-radius: 5px;
}

    .form-box-wrappe h3 {
        margin-top: 1px;
        padding-left: 1%;
        font-size: 14px;
        /*color:#757575; rgb(255,255,255);*/
        line-height: 32px;
        background: none repeat scroll 0 0 #EDEBEB; /*rgb(130,156,55);*/
        broder-radius: 5px 5px 0 0;
        box-shadow: 0 -1px 0 rgb(255,255,253);
    }

.form-box {
    padding: 1% 1% 1% 1%;
}

.form-box-space {
    padding: 0;
}

.form-box label.txt-content, .form-box label.txt-ct {
    width: 18%;
    margin-bottom: 10px;
    float: left;
    line-height: 20px;
    font-size: 12px;
    color: rgb(0,0,0);
    font-weight: bold;
}

.form-box label.txt-ct-40 {
    width: 18%;
    margin-bottom: 10px;
    float: left;
    line-height: 20px;
    font-size: 1.2em;
    color: rgb(0,0,0);
    font-weight: bold;
}

.form-box label.txt-ct {
    width: 37%;
}

.form-box label.txt-content, .form-box label.txt-ct2 {
    width: 18%;
    margin-bottom: 10px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: rgb(109,109,109);
}

.form-box label.txt-ct2 {
    width: 30%;
}

input[type=text], input[type=password] {
    width: 60%;
    padding: 0 5px;
    height: 25px;
    margin-bottom: 10px;
    box-shadow: 0 -1px 0 rgb(191,191,191);
    float: left;
    background: rgb(233,233,233);
    border-radius: 5px;
    border: none;
}

    input[type=text].user-txt-box, input[type=password].user-txt-box {
        width: 60% !important;
    }

    input[type=text].small-txt-box, input[type=password].small-txt-box {
        width: 25% !important;
    }

    input[type=text].mini-txt-box {
        width: 6% !important;
        margin-right: 2%;
    }

    input[type=text].mini-txt-box-Pair {
        width: 50% !important;
    }

    input[type=text].mini-txt-box-half {
        width: 25% !important;
    }


.txt-box-with-add-img {
    width: 86% !important;
}

.custom-txt-width {
    width: 90% !important;
}

.clear {
    clear: both;
    height: 0;
}

textarea {
    resize: none;
    padding: 0 5px;
    margin-bottom: 10px;
    box-shadow: 0 -1px 0 rgb(191,191,191);
    float: left;
    background: rgb(233,233,233);
    border-radius: 5px;
    border: none;
    font-size: 12px;
    height: 60px;
}

    textarea.small-txt-box, select.txt-box {
        padding: 0 5px;
        margin-bottom: 10px;
        box-shadow: 0 -1px 0 rgb(191,191,191);
        float: left;
        background: rgb(233,233,233);
        border-radius: 5px;
        border: none;
        font-size: 12px;
    }

.add-list-button {
    background: #495D8D;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    /*float: right;*/
    font-size: 1.3em;
    height: 26px;
    margin-left: 25px !important;
    padding: 0 10px !important;
}

    .add-list-button.none {
        margin-left: 0 !important;
    }

.add-list1-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 5px;
    color: #2e50b9;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    padding: 0 10px !important;
    font-weight: bold;
    text-decoration: underline;
}

.add-list-button-new {
    background: #495D8D;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    line-height: 35px;
    margin-left: -33px;
    margin-top: -1px;
    padding: 0 10px !important;
}

    .add-list-button-new.add-search {
        margin-left: 10px;
        float: left;
    }

.textalign-remove {
    font-size: 1.1em;
    margin-left: 21px;
    margin-top: 6px;
    vertical-align: text-bottom;
}

    .textalign-remove.gap {
        margin-left: 10px;
        float: left;
    }

.add-list-a {
    background: none repeat scroll 0 0 #495D8D;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    line-height: 27px;
    padding: 0 10px !important;
}

.add-list-a-gray {
    background: none repeat scroll 0 0 #5A617B;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    line-height: 27px;
    padding: 0 10px 0 20px !important;
}

.add-list1-a {
    border: medium none;
    border-radius: 5px;
    color: #2e50b9;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    line-height: 27px;
    padding: 0 10px !important;
    font-weight: bold;
    text-decoration: underline;
}

.add-list2-a {
    border: medium none;
    border-radius: 5px;
    color: #2e50b9;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    height: 26px;
    line-height: 27px;
    padding: 0 20px !important;
    font-weight: bold;
    text-decoration: underline;
}

.span-plus {
    font-size: 19px;
    position: absolute;
    margin-left: -14px;
}

.add-list-button-popup {
    padding: 0 4px !important;
    height: 24px;
    border-radius: 2px;
    border: none;
    background: rgb(73,93,141);
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    float: left;
    cursor: pointer;
}

.mar-top {
    margin-top: 5px;
}

    .mar-top.small {
        margin-top: 1px;
    }

.mar-top-clear {
    margin-top: 5px;
    clear: both;
}

.left-wrappe {
    width: 50%;
    margin-right: 3%;
    float: left;
}

.right-wrappe {
    float: left;
    width: 47%;
}

.rightmost-wrappe {
    float: left;
    width: 32%;
}

.heightMar {
    margin-bottom: 10px !important;
}

.form-box select.view-check {
    width: 62%;
    height: 25px;
    margin-bottom: 10px;
    float: left;
    border: none;
    border-radius: 5px;
    padding: 2px 3px;
    box-shadow: 0 -1px 0 rgb(191,191,191);
    background: rgb(233,233,233);
}

.form-box select.view-check-custom {
    width: 93%;
    height: 25px;
    margin-bottom: 10px;
    float: left;
    border: none;
    border-radius: 5px;
    padding: 2px 3px;
    box-shadow: 0 -1px 0 rgb(191,191,191);
    background: rgb(233,233,233);
}

.form-box select.view-check-custom-with-img {
    width: 89%;
    height: 25px;
    margin-bottom: 10px;
    float: left;
    border: none;
    border-radius: 5px;
    padding: 2px 3px;
    box-shadow: 0 -1px 0 rgb(191,191,191);
    background: rgb(233,233,233);
}

.representative {
    width: 100%;
    display: inline-block;
}

.table-border {
    border: 1px solid rgb(233,233,233);
    border-bottom: none;
    border-radius: 5px;
}

.representative h4 {
    font-size: 15px;
    color: rgb(117,117,117);
    line-height: 35px;
}

.table-text {
    color: rgb(123,138,139);
    font-size: 14px;
    background: none;
}

    .table-text img {
        vertical-align: middle;
        cursor: pointer;
    }

.footer {
    width: 100%;
    margin-top: 13px;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    background: #787878;
    /*background: -moz-linear-gradient(top, #5069a0 0%, #3d476a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5069a0), color-stop(100%,#3d476a));
    background: -webkit-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: -o-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: -ms-linear-gradient(top, #5069a0 0%,#3d476a 100%);
    background: linear-gradient(to bottom, #5069a0 0%,#3d476a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5069a0', endColorstr='#3d476a',GradientType=0 );*/
}

    .footer h2 {
        text-align: center;
        font-size: 12px;
        color: #fff;
    }

.comp-main {
    width: 100%;
    display: inline-block;
    padding: 0 2.5% 0 0.5%;
    /*background: rgb(237,235,235);*/
    background: #DEEBF7;
    broder-radius: 0px;
    box-shadow: 0 -1px 0 rgb(255,255,253);
}

.comp-list {
    width: 65%;
    float: left;
}

    .comp-list h3 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        /*color: #757575;*/
        font-size: 15px;
        line-height: 32px;
        margin: 0;
        padding: 0;
    }

.add-new {
    background: url("../images/pluse-icon.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    display: block;
    float: right;
    font-size: 13px;
    height: 16px;
    padding: 9px 0 0 24px;
    text-align: right;
}

    .add-new a {
        color: #0A4491;
    }

.add-new-small {
    float: right;
    padding-right: 20px;
    display:flex;
}

    .add-new-small a {
        padding: 2px;
        font-size: 11px;
        vertical-align: middle;
    }

.add-new-small-span {
    vertical-align: middle;
    padding-bottom: 12px;
}

/*Web Grid CSS Classes start*/

.header {
    background-color: #C1D4E6;
    font-weight: bold;
    color: #FFF;
}

.representative table tr td input {
    padding-right: 5px;
}

.representative table tr td {
    border-bottom: 1px solid #485168;
    border-right: 1px solid #485168;
    color: #5D5D5D;
    font-family: Arial;
    padding: 3px;
}

.webGrid {
    border: 1px solid #a2a2a3;
    border-collapse: collapse;
    width: 100%;
}

    .webGrid thead {
        border-radius: 30px;
        padding: 0;
    }

.table-head {
    border-bottom: 1px solid #485168;
    /*border-right: 1px solid #485168;*/
}

    .table-head th {
        background: none repeat scroll 0 0 #5a637c;
        color: #3C5C7E /*#3C5C7E*/;
        font-family: "arial";
        font-size: 1.3em;
        text-align: left;
        line-height: 18px;
        padding: 1px 0px 1px 8px;
    }

        .table-head th img {
            float: right !important;
            max-width: 100%;
            padding: 1px 5px 0 0;
        }

.webGrid-th-size th {
    min-width: 10%;
    border-right: 1px solid #000;
    background: none;
}

.webGrid-td-size td {
    min-width: 10%;
}

.representative-new table tr td {
    border: none;
}

.webGrid-td-size {
    border: none;
}

    .webGrid-td-size td {
        border: 1px solid #666666 !important;
    }

.tankListScroll {
    max-height: 200px;
    overflow: auto;
    margin-top: -6px;
}

#tankPropertiesDetails {
    float: left;
    margin-top: 10px;
}

    #tankPropertiesDetails #txtExpandCollapse {
        font-size: 1.3em;
        padding-right: 6px;
    }

    #tankPropertiesDetails #ToggleTankProperty img {
        width: 16px;
        height: 16px;
    }

    #tankPropertiesDetails span {
        float: left;
    }

    #tankPropertiesDetails a {
        float: left;
    }

#pipePropertiesDetails {
    float: left;
    margin-top: 10px;
}

    #pipePropertiesDetails #txtExpandCollapsePipe {
        font-size: 1.3em;
        padding-right: 6px;
    }

    #pipePropertiesDetails #TogglePipeProperty img {
        width: 16px;
        height: 16px;
    }

    #pipePropertiesDetails span {
        float: left;
    }

    #pipePropertiesDetails a {
        float: left;
    }

.webGrid td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #7B8A8B;
    font-size: 1.2em;
    border-bottom: 1px solid #a2a2a3;
    border-right: 1px solid #a2a2a3;
    padding: 1px 0px 1px 8px;
}

/*#gridSiteCompany tr td:first-child
                {
                    text-align:center;
                }*/
/*#gridSiteCompany 
                {
                   margin-left:16px;
                   width:98%!important;
                }
                  #gridSiteCompany tr td:nth-child(4)
                {
                    text-align:center;
                }*/
.webGrid th a {
    color: rgb(255,255,255);
}

/*.webGrid tbody tr:nth-child(odd) {
                    background-color: #F4FAFD;
                }*/

.webGrid tbody tr:nth-child(odd) {
    /*background-color: #EDEBEC;*/
}

.gridHead a:hover {
    text-decoration: underline;
}
/*Web Grid CSS Classes end*/
.description {
    width: auto;
}

.select {
    background-color: #71857C;
}

.input3 {
    width: 25% !important;
    margin: 0 0px 0 10px;
    float: left !important;
}

.row {
    width: 102%;
    float: left;
}

.div-checkbox input[type=checkbox] {
    float: left !important;
}

.div-checkbox label {
    font-size: 12px !important;
    line-height: 20px !important;
    float: right !important;
    text-align: left !important;
    margin: -15px 0px 5px 20px !important;
    text-align: left;
    width: 89% !important;
}

.padding-left-10 {
    padding-left: 10px;
}

.rowCompanyType {
    width: 100%;
    float: left;
}

.rowCompanyTypeCt {
    width: 13% !important;
}

.toggle {
    float: right;
    margin: 5px 12px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
    /*background-color: #E6E6E6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
    background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);*/
}

.toggle-new {
    margin: 0px;
}

.toggle:hover {
    border: 0px solid #b3b3b3;
    /*background-color: #cdcdcd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
        background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
        background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
        background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
        background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
        background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);*/
}

.toggle:active {
    border: 0px solid #cacaca;
    /*-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;*/
    padding: 0px;
    text-decoration: none;
    display: inline-block;
    /*background-color: #E6E6E6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
        background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
        background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
        background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
        background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
        background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);*/
}

.toggle > img, .toggler > img, .togglern > img {
    float: left;
    height: 20px;
    width: 20px;
}

.toggle1 {
    float: right;
    margin: 0px 35px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
}

.toggle2 {
    float: right;
    margin: 0px 35px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
}

.toggle2-set-position {
    float: right;
    margin: 0px 0px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
}

.toggle3 {
    float: right;
    margin: -1px 11px -7px 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
}

.toggle4 {
    float: right;
    margin: 0 27px -16px 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    /*border: 1px solid #cacaca;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    text-decoration: none;
    display: inline-block;
}

.rotate img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

    .rotate img:increment {
        background-color: red;
    }

.fieldset {
    width: 96%;
    padding: 1%;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .fieldset legend {
        border: 1px solid #d1dcdf;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 12px;
        font-family: arial, helvetica, sans-serif;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        color: #333;
        background-color: #f2f5f6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
        background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
    }

.Addressfieldset {
    width: 96%;
    padding: 1%;
    border: 1px solid #999;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border-radius: 5px;
    margin-bottom: 8px;
    float: left;
    /*  min-height:135px*/
}
 /* added today*/
.form-box.companyInfo .Addressfieldset{
    width: 100%;
}

    .Addressfieldset.box-size {
        box-sizing: border-box;
    }

    .Addressfieldset.second {
        width: 98%;
    }

    .Addressfieldset legend {
        border: 1px solid #798DBD;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 12px;
        font-family: arial, helvetica, sans-serif;
        padding: 3px 10px 3px 9px;
        text-decoration: none;
        /*display: inline-block;*/
        font-weight: bold;
        color: #333;
        background-color: #f2f5f6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
        background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
    }

.float-left {
    float: left;
}

.margin-left-mid {
    margin-left: 16px !important;
}

.extPhone {
    float: right !important;
    text-align: center !important;
    width: 35px !important;
    margin: 0 5px 0 0;
}

.extAge {
    float: left !important;
    text-align: center !important;
    width: 35px !important;
    margin: 0 0 10px 20px !important;
}

.extPhoneWidth {
    float: left;
    width: 46% !important;
}

.view-check option {
    padding: 0 0 0 5px;
}

.left-wrappe_three {
    float: left;
    margin-right: 3%;
    width: 33%;
}

.middle-wrappe_three {
    float: none;
    margin-right: 3%;
    width: 10%;
}

.right-wrappe_three {
    float: right;
    margin-right: 3%;
    width: 57%;
}

.ageBlock {
    width: 85%;
    float: left;
}

.ageBlockNumber {
    width: 15%;
    float: left;
}

.ageBlock .row input.small-txt-box {
    width: 100%;
}

.fixWidth .row input.small-txt-box {
    width: 98%;
}

.alignAge {
    margin-left: 22px;
}

.hideClass {
    display: none;
}

.showClass {
    display: inline-block;
}

.showClassNotInline {
    display: block;
}

.blankClass {
}

.loginBlock {
    width: 370px;
    margin: 0 auto;
    margin-top: 45px;
}

.loginRow {
    width: 370px;
    float: left;
}

    .loginRow label {
        width: 120px;
        float: left;
        font-size: 12px;
        margin: 5px 0 0 0;
    }

    .loginRow input {
        float: left;
    }

.loginbox {
    width: 370px;
    height: auto;
    float: left;
    border: 1px solid #bee1fa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    background-color: #f2f9fe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
    background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
}

.fixedFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
}

.labelTxt {
    font-size: 12px;
    margin: 0 5px 0 5px;
}

.float-right {
    float: right;
}

.mid-margin-bottom {
    margin-bottom: 8px !important;
}

.mid-margin-top {
    margin-top: 8px !important;
}

.mid-margin-left {
    margin-left: 8px !important;
}

.addressBlock {
    width: 100%;
    float: left;
}

.addressLabel {
    width: 48%;
    float: left;
}

.addressDetail {
    width: 48%;
    float: right;
}

    .addressDetail label {
        clear: left;
        float: left;
    }

.fullWidth {
    width: 100% !important;
}

.alignCenter {
    width: 19%;
    margin: 0 auto;
}

.rep {
}

.required {
    color: #FF0000;
    font-size: large;
    position: absolute;
}

.AddMorePM {
    /* width: 270px !important;*/
    width: 56% !important;
}

.addLeft {
    width: 75px;
    float: left;
}

.addRight {
    width: 130px;
    float: left;
}

.nav-container {
    width: auto;
}

.left-wrappe-middle {
    width: 32%;
    margin-right: 1%;
    float: left;
}

.center-wrappe-middle {
    width: 32%;
    margin-right: 1%;
    float: left;
}

.right-wrappe-middle {
    width: 32%;
    margin-right: 2%;
    float: right;
}

.margin-left {
    margin-left: 10px;
}

.mar-top-small {
    margin-top: 5px;
}

/*css class added by Debasis
    start here
    */
.row label {
    color: #6D6D6D;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    /*width: 37%;*/
}

div#dvATGSCFormId .row label {
    width:auto !important;
}

div#dvATGSCFormId label {
    color: #6D6D6D;
    font-size: 12px !important;
    line-height: 20px;
    margin-bottom: 0;
    font-weight:400 !important;
}
.tank_text label {
    color: #6D6D6D;
    font-size: 12px !important;
    line-height: 20px;
    margin-bottom: 10px;
}

.row input[type="text"] {
    background: #E9E9E9;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 0 5px;
    font-size:13px;
    width: 60%;
}
div#dvATGSCFormId .row label{
    margin-bottom:0;
}
.webGrid textarea.TextSize {
    padding: 0px 72px;
}

.row input[type="number"] {
    background: none repeat scroll 0 0 #E9E9E9;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 40%;
}

.row select {
    background: none repeat scroll 0 0 #E9E9E9;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 2px 3px;
    width: 62%;
}

#SOWone .jtable-left-area select, #pdSpanActiveSiteAssets .jtable-bottom-panel select {
        float: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    width:auto;
}

/*css class added by Debasis
    end here
    */
.detailIcons {
    width: 16px;
    height: 16px;
    background: url(../../Images/edit.png) no-repeat;
    background-size: 16px 16px;
    float: left;
}

.detailIcon {
    width: 16px;
    height: 16px;
    background: url(../images/detailIcon.png) no-repeat;
    background-size: 16px 16px;
    float: left;
}

.searchIcon {
    width: 16px;
    height: 16px;
    background: url(../images/searchIcon.png) no-repeat;
    background-size: 16px 16px;
    float: left;
}

.syncIcon {
    width: 16px;
    height: 16px;
    background: url(../images/Synchronize.ico) no-repeat;
    background-size: 16px 16px;
    float: left;
}

.small-margin-top {
    margin-top: 0px !important;
    float: left;
}

.radioLabel {
    float: none !important;
    line-height: none;
    margin-right: 10px;
}

.textEllipsis {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    margin: -1px 0 0 0;
}

.delete-detail {
    width: 45px;
}

.flat-table {
    margin-bottom: 20px;
    border-collapse: collapse;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
}

    .flat-table th, .flat-table td {
        box-shadow: inset 0 -1px rgba(0,0,0,0.25), inset 0 1px rgba(0,0,0,0.25);
    }

    .flat-table th {
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        padding: 1em;
        color: rgba(0,0,0,0.45);
        text-shadow: 0 0 1px rgba(0,0,0,0.1);
        font-size: 1.5em;
    }

    .flat-table td {
        color: #f7f7f7;
        padding: 0.7em 1em 0.7em 1.15em;
        text-shadow: 0 0 1px rgba(255,255,255,0.1);
        font-size: 1.4em;
    }

    .flat-table tr {
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        -moz-transition: background 0.3s, box-shadow 0.3s;
        transition: background 0.3s, box-shadow 0.3s;
    }

.flat-table-1 {
    background: #1294FF;
}

    .flat-table-1 tr:hover {
        background: rgba(0,0,0,0.19);
    }

.flat-table-2 tr:hover {
    background: rgba(0,0,0,0.1);
}

.flat-table-2 {
    background: #f06060;
}

.flat-table-3 {
    background: #52be7f;
}

    .flat-table-3 tr:hover {
        background: rgba(0,0,0,0.1);
    }

.flat-table tbody {
    vertical-align: top;
    background: white;
}

.image-width {
    cursor: pointer;
    height: 15px !important;
    padding-left: 7px !important;
    padding-top: 6px !important;
    width: 15px !important;
}

.image-width2 {
    cursor: pointer;
    height: 20px;
    padding-left: 5px;
    padding-top: 2px;
    width: 20px;
    margin: 5px 0px 0px 0px;
}

.image-width3 {
    cursor: pointer;
    height: 15px;
    padding: 4px;
    width: 15px;
}

.Job-Item-text {
    width: 95% !important;
}
/*Allow todecimal fields validator*/
.allownumericwithdecimal {
}

.blankText {
}

.blankddl {
}
/*....Grid Data Css....*/
.grid-box-main {
    width: 99%;
    padding: .25%;
    display: inline-block;
}

.box1 {
    width: 49%;
    float: left;
}

.box2 {
    width: 28%;
    margin: 0 1.5%;
    float: left;
}

ul.project-ma {
}

.project-ma li {
    line-height: 28px;
    font-size: 12px;
    color: rgb(109,109,109);
}

    .project-ma li span {
        font-weight: bold;
        padding-left: 1%;
    }

.box3 {
    width: 18.5%;
    float: right;
    border: 1px solid #d9d9d7;
    border-radius: 4px;
}

.box1 h2, .box2 h2 {
    font-size: 13px;
    line-height: 30px;
    color: #585858;
    margin: 0 !important;
}

.box3 h2 {
    background: rgb(237,235,235);
    padding: 0 3%;
    font-size: 13px;
    line-height: 30px;
    color: #585858;
    margin: 0 !important;
    border-radius: 4px 4px 0 0;
}

.box3 a {
    margin: 1px 2px 0 0;
}

.box-colmn-left {
    width: 48%;
    margin-right: 2%;
    float: left;
}

.box-colmn-right {
    width: 50%;
    float: left;
}

.preference-check {
    height: 150px;
    padding: 4%;
    width: 92%;
    overflow-y: scroll;
}

    .preference-check ul {
        display: inline-block;
        width: 100%;
    }

    .preference-check li {
        clear: both;
        padding-bottom: 10px;
    }

    .preference-check span.chk-label {
        font-size: 12px;
        color: rgb(109,109,109);
        padding-left: 2%;
        vertical-align: middle;
    }

.float-left {
    float: left;
}
/*Grid data end*/

/*..... Project .....*/
.project-detail-lft {
    float: left;
    width: 79%;
}

.project-col-left {
    float: left;
    padding-left: .25%;
    width: 43%;
}

    .project-col-left li, .project-col-right li {
        line-height: 20px;
    }

.sub-heading {
    width: 100%;
    display: inline-block;
    margin-top: 8px;
}

    .sub-heading h4 {
        margin-bottom: 10px;
        padding-left: 2%;
        font-size: 13px;
        color: rgb(117,117,117);
        line-height: 32px;
        background: rgb(237,235,235);
        border-radius: 4px 4px 0 0;
        box-shadow: 0 -1px 0 rgb(255,255,253);
    }

.project-box {
    width: 32.5%;
    padding-bottom: 5px;
    margin-right: .7%;
    float: left;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    position: relative;
}

.project-box-last {
    width: 33.1%;
    padding-bottom: 5px;
    float: left;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    position: relative;
}

    .project-box a, .project-box-last a {
        width: 15px;
        height: 14px;
        position: absolute;
        right: 7px;
        top: 6px;
    }

.project-box-dt {
    width: 100%;
    max-height: 123px;
    overflow: auto;
}

.project-box h5, .project-box-last h5 {
    background: rgb(68,98,150);
    padding: 0 3%;
    font-size: 13px;
    line-height: 28px;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
}

.project-col-right {
    float: left;
}

.project-detail-rgt p {
    font-size: 12px;
    line-height: 18px;
    padding: 5%;
}

.pad-left {
    padding: 5px 0 0 3%;
}

/*..... Project End .....*/

/*.... company info ....*/
.company-left {
    width: 48.4%;
    margin: 5px 0 5px 1%;
    float: left;
    border: 1px solid #d9d9d7;
    border-radius: 4px;
}

.company-right {
    width: 48.4%;
    margin: 5px 0 5px 1%;
    float: left;
    border: 1px solid #d9d9d7;
    border-radius: 4px;
}

.company-box {
    width: 100%;
    padding-bottom: 5px;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    position: relative;
}

    .company-box a {
        width: 15px;
        height: 14px;
        position: absolute;
        right: 7px;
        top: 6px;
    }

    .company-box h5 {
        background: rgb(68,98,150);
        padding: 0 2%;
        font-size: 13px;
        line-height: 28px;
        color: #ffffff;
        border-radius: 4px 4px 0 0;
    }

.company-content {
    padding: 10px 2%;
}

.call-quote-box {
    width: 100%;
    padding-bottom: 5px;
    margin-right: .7%;
    float: left;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    position: relative;
}

.call-quote-box-last {
    width: 33.1%;
    padding-bottom: 5px;
    float: left;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    position: relative;
}

.call-quote-box a, .project-box-last a {
    width: 15px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 6px;
}

.call-quote-box-dt {
    width: 100%;
    max-height: 123px;
    overflow: auto;
}

.call-quote-box h5, .project-box-last h5 {
    background: rgb(68,98,150);
    padding: 0 3%;
    font-size: 13px;
    line-height: 28px;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
}

.check-box-wrapp {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.check-box-left {
    color: #6D6D6D;
    float: left;
    font-size: 12px;
    margin: 0 2% 5px 0;
    text-align: left;
    width: 12%;
}

.check-box-left-cotact {
    color: #000;
    float: left;
    font-size: 12px;
    /*margin: 0 4% 9px 0;*/
    margin: 0 0 9px 66px;
    text-align: right;
    width: 15.6%;
    font-weight: bold;
}

.chek-box-right {
    float: left;
    margin-left: 11px;
    width: 75%;
}

.right-button-align {
    display: inline;
    float: left;
    font-size: 1em;
    height: 18px;
    margin-left: 8px;
    margin-top: -8px;
    padding-top: 8px;
    position: absolute;
    width: 216px;
}

.rowCompanyType-new {
    float: left;
    margin-left: -137px;
    margin-top: 5px;
    width: 100%;
}

    .rowCompanyType-new input {
        margin-left: 10px;
    }

.arrow-left {
    width: 15px;
    margin: 0 12px 0 0;
    float: left;
}

    .arrow-left img {
        width: 100%;
        margin: 0;
    }

#dvFinalizeInvoiceList input[type=text], #dvFinalizeInvoiceList input[type=password] {
    width: 100%;
    height: 30px;
}

#dvFinalizeInvoiceList .gray-calender {
    position: absolute;
    right: 24px;
    top: 2px;
}

#dvFinalizeInvoiceList .control-label {
    padding-top: 4px;
}

.pad-t8 {
    margin-top: 8px;
}

#dvFinalizeInvoiceList .dataTables_length label {
    width: 100%;
}

#dvFinalizeInvoiceList .dataTables_length select {
    margin: 0;
    float: none;
}

.pad-L-0 {
    padding-left: 0 !important;
}

.pad-R-0 {
    padding-right: 0 !important;
}

.hor-scroll {
    width: 100%;
}

.remove-ico {
    margin-left: 12px;
    margin-top: 6px;
    float: left;
}
.site-asset-note{
    padding: 10px 0 0 0;
}
.site-asset-note label{
    font-size: 13px; 
    padding: 0 10px 0 0; 
    display: block; 
    float: left; 
    font-weight: 700;
}
.site-asset-note textarea{
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}
.site-asset-note span{
    font-size:1.3em;
}



@media(min-width:1400px) {
   #EditRolePermission .scroller-content {
        height:100%;
    }

    #EditRolePermission .scroller-active .scroller-bar {
        display:none;
    }

     #EditRolePermission .scrollbar {
        height: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .form-box label.txt-ct {
        width: 28%;
        float: left;
    }

    .rowCompanyType-new {
        float: left;
        margin-left: -87px;
        margin-top: 5px;
        width: 100%;
    }

        .rowCompanyType-new input {
            margin-left: 10px;
        }

}

@media screen and (min-width: 500px) and (max-width: 1400px) {
    #dvFeeScheduleList div.jtable-main-container .jtable {
        width: 170% !important;
    }

    #dvFeeScheduleList div.jtable-main-container > div.jtable-bottom-panel {
        width: 170% !important;
    }

     .update-data-new.tank-info .add-list2-a {
        padding: 4px 0px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 0px 0 0px !important;
    }

      /*.update-data-new.tank-info .add-list2-a {
        padding: 4px 15px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 15px 0 0px !important;
    }*/
     
}

@media screen and (min-width: 1401px) {
    #dvFeeScheduleList div.jtable-main-container .jtable {
        width: 100% !important;
    }

    #dvFeeScheduleList div.jtable-main-container > div.jtable-bottom-panel {
        width: 100% !important;
    }
}


@media(min-width:1400px) and (max-width:1599px) {
    #tblMainPivoitTank thead tr th:first-child, #tblMainPivoitTank tbody tr td:first-child, .normal-moode tbody tr td:first-child, .normal-moode thead tr th:first-child {
        width: 172px;
    }

    .new-table-scroll tr th {
        min-width: 170px;
        height: 28px;
    }
     .update-data-new.tank-info .add-list2-a {
        padding: 4px 0px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 0px 0 0px !important;
    }
     /*.update-data-new.tank-info .add-list2-a {
        padding: 4px 20px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 20px 0 0px !important;
    }*/
}

@media(min-width:1600px) and (max-width:2000px) {
    #tblMainPivoitTank thead tr th:first-child, #tblMainPivoitTank tbody tr td:first-child, .normal-moode tbody tr td:first-child, .normal-moode thead tr th:first-child {
        width: 178px;
    }

    .new-table-scroll tr th {
    min-width: 170px;
    height: 27px;
}

    #tblMainPivoitTank tbody tr td, .normal-moode tbody tr td {
    height: 30px;
}

      .update-data-new.tank-info .add-list2-a {
        padding: 4px 5px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 5px 0 0px !important;
    }

    /*.update-data-new.tank-info .add-list2-a {
        padding: 4px 28px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 28px 0 0px !important;
    }*/

}

@media(min-width:2000px) and (max-width:3400px) {
  .update-data-new.tank-info .add-list2-a {
        padding: 4px 15px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 15px 0 0px !important;
    }

    /*.update-data-new.tank-info .add-list2-a {
        padding: 4px 40px 0px 20px !important;
    }

    .update-data-new.tank-info .add-list1-a {
        padding: 3px 40px 0 0px !important;
    }*/
}

.row-new label {
    color: #6D6D6D;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 29%;
}

.row-new input[type="text"] {
    background: #E9E9E9;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 60%;
}

.txt-ct-associtation {
    float: left;
    margin: 3px 14px 2px -8px;
    text-align: right;
    width: 28%;
}

.lblSite {
    float: right;
    font-size: 13px;
    padding: 5px;
}

.chkSite {
    float: right;
    margin: 4px;
}

.labelTxt {
    float: none !important;
}

.error {
    border: 1px dashed red;
}

.edit-data {
    float: right;
    padding: 5px 0 0 0;
}

    .edit-data a {
        padding: 17px 0 0 10px;
        text-align: center;
        display: block;
        width: 40px;
        /*   background: url(../images/edit.png) no-repeat left;
        font-size: 15px;
        color: rgb(37,37,37);*/
    }

.update-data {
    float: right;
    padding: 5px 0 0 0;
    width: 94px;
    display: block;
    margin-top: -61px;
    margin-right: 17px;
    margin-bottom: 6px;
}

    .update-data a {
        padding: 17px 0 0 10px;
        text-align: center;
        display: block;
        /*width: 40px;*/
    }

.update-button-position {
    float: right;
    padding-right: 5px;
}

.Addressfieldset-field {
    border: 1px solid #999999;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 1%;
    width: 86%;
}

    .Addressfieldset-field input[type=text] {
        width: 41% !important;
    }

.Addressfieldset-field-child input[type=text], input[type="select"] {
    width: 90% !important;
    margin-top: 0px;
}

.Addressfieldset-field label {
    width: 33% !important;
}

.Addressfieldset-field legend {
    border: 1px solid #798DBD;
    border-radius: 10px;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px 3px 9px;
    text-decoration: none;
    background-color: #f2f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
    background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
}

.left-wrappe25-1 {
    float: left;
    margin: 0 auto;
    width: 25%;
}

.left-wrappe25-2 {
    float: left;
    margin: 0 auto;
    width: 25%;
}

.left-wrappe25-3 {
    float: left;
    margin: 0 auto;
    width: 25%;
}

.left-wrappe25-4 {
    float: left;
    margin: 0 auto;
    width: 25%;
}

.left-wrappe26-1 {
    float: left;
    margin: 0 auto;
    width: 22%;
}

.left-wrappe26-2 {
    float: left;
    margin: 0 auto;
    width: 28%;
}

.left-wrappe26-3 {
    float: left;
    margin: 0 auto;
    width: 25%; /*25%;*/
}

.left-wrappe26-4 {
    float: left;
    margin: 0 auto;
    width: 25%;
}

.Addressfieldset-field-size {
    border: 1px solid #999999;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 5%;
    width: 86%;
    height: 139px;
}

    .Addressfieldset-field-size input[type=text] {
        width: 41% !important;
    }

    .Addressfieldset-field-size label {
        width: 49% !important;
    }

    .Addressfieldset-field-size legend {
        border: 1px solid #798DBD;
        border-radius: 10px;
        color: #333333;
        font-family: arial,helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 3px 10px 3px 9px;
        text-decoration: none;
        background-color: #f2f5f6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
        background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
        background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
    }

.gray-calender {
    cursor: pointer;
    height: 17px;
    margin-left: -22px;
    margin-top: 4px;
    /*position: absolute;*/
    width: 17px;
}

.gray-calender1 {
    cursor: pointer;
    height: 17px !important;
    margin-left: -34px !important;
    margin-top: 3px !important;
    width: 17px !important;
}
 /* added today*/
#dvSoldDate img.gray-calender1 {
    height: 17px !important;
    margin-left: -21px !important;
    margin-top: 0px !important;
}

.grid-row-Permission {
    color: #0000FF;
    cursor: pointer;
    float: right !important;
    margin: 0 5px;
    text-decoration: none;
}

.row select {
    background: none repeat scroll 0 0 #E9E9E9;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 #BFBFBF;
    color: #000;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    padding: 2px 3px;
    width: 62%;
}

    .row select:focus {
        color: #000;
    }

.webGrid input[type="text"] {
    width: 70px;
    margin-bottom: 0px;
    padding: 1px;
}

.webGrid textarea.small-txt-box {
    height: 40px;
    margin-bottom: 0px;
}

.webGrid input[type=text], input[type=textarea] {
    width: 85% !important;
    margin: 15px 5px 0px 5px;
    border: 1px solid #bbbbbb;
    background: #fff;
    box-shadow: 0 0 4px #BFBFBF;
}

    .webGrid input[type=text]:focus {
        box-shadow: 0 0 13px #8B8B8B;
    }

.webGrid .small-txt-box {
    width: 85% !important;
    margin: 5px 5px 5px 5px !important;
    border: 1px solid #bbbbbb;
    background: #fff;
    box-shadow: 0 0 4px #BFBFBF;
}

    .webGrid .small-txt-box:focus {
        box-shadow: 0 0 13px #8B8B8B;
    }

.webGrid .auto-comp {
    width: 85% !important;
    margin: 15px 5px 0px 5px !important;
    border: 1px solid #bbbbbb;
    background: #fff;
    box-shadow: 0 0 4px #BFBFBF;
}

    .webGrid .auto-comp:focus {
        box-shadow: 0 0 13px #8B8B8B;
    }

.webGrid select {
    width: 85% !important;
    margin: 15px 5px 0px 5px !important;
    box-shadow: 0 0 4px #BFBFBF;
    border: 1px solid #bbbbbb;
    background: #fff;
    box-shadow: 0 0 4px #BFBFBF;
}

    .webGrid select:focus {
        box-shadow: 0 0 13px #8B8B8B;
    }

#tbodyJob input[type=checkbox] {
    margin: 15px 0px 0px -5px;
}

#tbodyJob th input[type=checkbox] {
    margin-top: -2px;
}

.tbl table {
    border: 1px solid black;
}

.tbl td {
    border: 1px solid black;
}

.txt {
    border: 1px solid #E9E9E9;
}

.ckh-align {
    text-align: center !important;
}

.auto-comp {
}

.text-quantity {
    width: 88% !important;
}

.radioLabel {
    margin-left: 3px;
}

.ext-price {
}

.Preext-price {
}

#ddlProjectManager_0 {
    width: 56% !important;
}

.borderDetailImg {
    width: 21px !important;
    margin-right: 1px;
}

.deleteImgColSize {
    width: 22px !important;
    margin-right: 1px;
    margin-left: 1px;
}

.update-data-new {
    /*margin: 0px 22px 0px 0px;*/
    position: absolute;
    right: 34px /*9px*/;
    z-index: 0;
    font-family: Arial !important;
    display: block;
}

    .update-data-new img {
        width: 70%;
    }

    .update-data-new a {
        font-weight: normal !important;
    }

    .update-data-new .dvUpdate-a a {
        padding: 0 3px !important;
        float: left;
        margin-right:15px;
    }

    .update-data-new .add-list1-button {
        font-weight: normal !important;
    }

.update-data-new-rep {
    margin: -4px 22px 0px 0px;
    position: absolute;
    right: 9px;
    z-index: 0;
    font-family: Arial !important;
}

    .update-data-new-rep img {
        width: 70%;
    }

    .update-data-new-rep a {
        font-weight: normal !important;
    }

    .update-data-new-rep .dvUpdate-a a {
        padding: 0 3px !important float:left;
    }

    .update-data-new-rep .add-list1-button {
        font-weight: normal !important;
    }

#btnReset {
    margin: 20px;
}

.no-record-found-text {
    border: 1px solid #bbb;
    font-size: 13px;
    padding: 10px;
    width: 98.3%;
    overflow: hidden !important;
    text-align: center;
}

.btnSessionCheck {
    width: 158px;
    text-align: center;
    color: #fff;
    border: none;
    float: right;
    background-color: #427ec6;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#427ec6), to(#518ee1));
    background: -webkit-linear-gradient(top, #518ee1, #427ec6);
    background: -moz-linear-gradient(top, #518ee1, #427ec6);
    background: -ms-linear-gradient(top, #518ee1, #427ec6);
    background: -o-linear-gradient(top, #518ee1, #427ec6);
    box-shadow: 1px 1px 1px #000;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px !important;
    padding: 6px 18px !important;
    margin-left: 15px;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
    height: 100px;
}

.activePanel {
    background-color: #829C37 !important;
    color: #FFFFFF !important;
}

.insetTablePanel {
    background-color: #8DA1BA !important;
    color: #000 !important;
}
/* .refresh{ height: 23px; width: 25px; position:absolute; top:8px; right:0;}*/

.refresh {
    height: 20px;
    width: 20px;
    margin-left: 0px;
    padding-top: 3px;
    position: absolute;
    right: 27px;
}

.setLoaderImage {
    clear: both;
    width: 100%;
}

    .setLoaderImage img {
        height: 20px;
        width: 20px;
        position: absolute;
        /*margin-left: 0px ;   
    padding-top:3px;
    
    /*right:27px;*/
    }

.update-btn {
    background: url(../images/update-icn.png) no-repeat left;
    border: none;
    margin-top: 1px;
}

#txtExpandCollapse {
    font-size: 1em;
}

.ctrlWidth100 {
    width: 100% !important;
}
/*table-scroll-start
   
   .new-table-scroll {
    border-collapse: collapse;
    width: 100%; 
}
.new-table-scroll thead {
    text-align:left;
    display: table;
    float: left;
    width: 100%;
	 overflow-y:scroll;
	
}
.new-table-scroll thead tr {
    display: table-row;
    width: 100%; height:20px;
}
.new-table-scroll thead {
    display: block;
    height: 40px;
    overflow-y:scroll;
	overflow-x:hidden;
    float: left;
    width: 100%;
}
.new-table-scroll tbody {
    display: block;
    height: 120px !important;
     overflow-y:scroll;
	overflow-x:hidden;
    float: left;
    width: 100%;
}
.new-table-scroll tbody tr {
    display: table;
    width: 100%;
}
.new-table-scroll tbody tr {
    height: 18px;
}
.new-table-scroll thead tr {
    display: table;
    width: 100%;
}
.new-table-scroll thead tr {
    height: 18px;
}
.new-table-scroll tbody td {
    padding:1px 8px; border:1px solid;
}

.new-table-scroll thead th {
     border:1px solid;
}

.new-table-scroll th, .new-table-scroll td {
    min-width:10% !important;
    color: #FFFFFF;
    font-family: "arial";
    font-size: 1.3em;
    border:1px solid #000 !important;
    
}

.new-table-scroll tr:after{  
    content: ".";
    margin-left: -3px;
    visibility: hidden;
}
table-scroll-end
*/
.new-table-scroll tr td {
    border: 1px solid #000000 !important;
    font-size: 1.3em;
    padding: 2px !important;
}

.new-table-scroll tr th {
    border: 1px solid #000000 !important;
    font-size: 1.3em;
    padding: 2px !important;
}

.new-table-scroll tr td input[type="text"] {
    padding-left: 2% !important;
    margin: 2px !important;
    width: 95% !important;
    height: 22px !important;
}

.new-table-scroll tr td select {
    padding-left: 2% !important;
    margin: 2px !important;
    width: 99% !important;
    height: 22px !important;
}

.updateCtrl {
}

.editCtrl {
}

.cancelCtrl {
}
/* Fo modification 04.06.14*/
.row1 {
    width: 100%;
    float: left;
}
.Recurrrow1 {
    width: 50%;
    /* background: #89cbbc; */
    float: left;
    display: flex;
}

}
.recurring-file{
    display: flex;
}
.viewbox {
    display: flex;
    width: 100%;
    /*margin-left: 1.2rem;*/
    justify-content: flex-start;
}  
.viewbox .row1{
        width: 34%;
        /*display: flex;*/
        float: left;

}
.labelset {
    display: flex;
    align-items: flex-end
}
.cdflex {
    display: flex;
    width: 100%;
    margin: auto;
    margin-left: 5rem;
}
.rowsr {
    width: 50%;
    display:flex;
}
.rowRecuur2 {
    width: 50%;
    display: flex;
    align-items: center;
}
/*.rowRecuur2 {
    margin: -25px -203px 0px 163px;
}*/
.row2 {
    width: 100%;
    float: left;
}
.txt-c {
    font-size: 12px;
    color: rgb(0,0,0);
    font-weight: bold;
}
.row1 label {
        /* color: #6D6D6D;*/
        float: left;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
        /*width: 37%;*/
    }
    .row2 label {
        /* color: #6D6D6D;*/
        float: left;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0px;
        /*width: 37%;*/
    }

    .row1 label {
        /* color: #6D6D6D;*/
    }

.note-label {
    /*color: #C45911;*/
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 3px;
    padding-left: 20px;
}

.notes-div {
    width: 100%;
    overflow-y: auto;
    margin: 0px 0px 20px 0px;
    max-height: 45px;
}

#dvbasicDetailViewMode .row1 .txt-ct {
    color: #000;
}

/*.row2 label {
    width: 37% !important;
}*/

.row1 input[type="text"], input[type="password"] {
    background: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    float: left;
    height: 21px;
    margin-bottom: 2px;
    width: 54%;
}

.row1 input[type="number"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 21px;
    margin-bottom: 2px;
    padding: 0 5px;
    width: 40%;
}

.row1 select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 24px;
    margin: 0 0 2px;
    padding: 2px 3px;
    width: 61%;
}

.row1 textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 40px;
    margin-bottom: 2px;
    padding: 2px 3px;
    width: 61%;
}

.row1 textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 40px;
    margin-bottom: 2px;
    padding: 2px 3px;
    width: 61%;
}

.row-popup {
    width: 100%;
    float: left;
}

    .row-popup input[type="text"], input[type="password"] {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #AEAEAE;
        border-radius: 1px;
        float: left;
        height: 21px;
        margin-bottom: 2px;
        padding: 0 5px;
        width: 50%;
    }

    .row-popup input[type="number"] {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #AEAEAE;
        border-radius: 1px;
        box-shadow: 0 -1px 0 #BFBFBF;
        float: left;
        height: 21px;
        margin-bottom: 2px;
        padding: 0 5px;
        width: 40%;
    }

    .row-popup select {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #AEAEAE;
        border-radius: 1px;
        box-shadow: 0 -1px 0 #BFBFBF;
        float: left;
        height: 24px;
        margin: 0 0 2px;
        padding: 2px 3px;
        width: 53%;
    }

    .row-popup textarea {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #AEAEAE;
        border-radius: 1px;
        box-shadow: 0 -1px 0 #BFBFBF;
        float: left;
        height: 40px;
        margin-bottom: 2px;
        padding: 2px 3px;
        width: 51%;
    }

.row1 textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    box-shadow: 0 -1px 0 #BFBFBF;
    float: left;
    height: 40px;
    margin-bottom: 2px;
    padding: 2px 3px;
    width: 61%;
}

.form-box-ceter-div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-right: 1px solid;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
    width: 94%;
}

.add-list1-a-img {
    background: url(/assets/images/editnew-hvr.png) center no-repeat;
    width: 24px;
    height: 24px;
}

.AddressInfo-height .Addressfieldset {
    height: 197px;
}

#txtH_SPrequalNotes {
    height: 74px;
}

.vendor-type-padding {
    padding: 1.1%;
}

.Addressfieldset-siteComp1 .Addressfieldset {
    height: auto;
    /*margin-left: 55px;*/
    width: 98%;
}

.Addressfieldset-siteComp1:first-child .Addressfieldset {
    margin-left: 0px;
}

.Addressfieldset-siteComp1 .custom-txt-width {
    width: 86% !important;
}

.Addressfieldset-siteComp1 legend {
    margin-left: 11px;
}

.Addressfieldset-siteComp1 .blankddl {
    height: 23px;
    margin-top: 6px;
    width: 95%;
}

.Addressfieldset-siteComp1 input[type=radio] {
    margin-left: 11px;
}

.contact-type {
    margin: 0 !important;
    width: 194px !important;
}

.grid-text-hyperlink {
    /*text-decoration:underline;*/
    cursor: pointer;
}

.webgrid-delete-header-with {
    width: 20px !important;
}

.contact-info .row1 {
    float: left;
    width: 68%;
}

.clear {
    clear: both;
}

.full-text label {
    width: 10.6% !important;
}

.full-text textarea {
    width: 86%;
}

.new-gird .table-head th {
    background: none repeat scroll 0 0 #fff;
    font-family: "arial";
    font-size: 13px;
    line-height: 18px;
    padding: 1px 0 1px 8px;
    margin-left: 5px;
    text-align: left;
}

    .new-gird .table-head th a {
        color: #3C5C7E;
    }

.new-gird .table-head {
    border: 0 none !important;
}

.new-gird {
    border: 1px solid #bbbbbb;
}

    .new-gird .webGrid th a {
        color: #5A637C;
    }

    .new-gird th {
        border: 0 none !important;
    }

    .new-gird td {
        border: 0 none !important;
        color: #000000 !important;
        font-size: 13px;
        height: 20px;
        margin-left: 5px;
        padding: 1px 0 1px 8px !important;
    }

        .new-gird td a {
            color: #0000ff !important;
            line-height: 22px;
        }

.txtPhone {
    width: 40% !important;
}

.txtPhoneExt {
    width: 10% !important;
    padding-left: 3px;
}

.txtSiteSmall-section {
    width: 33% !important;
    padding-left: 3px;
}

.ddlSiteSmall-section {
    width: 36% !important;
}

.left-wrappe26-3 {
    width: 68%;
}

.Project-name-top {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #ebebeb;
    float: left;
    margin-bottom: 7px;
    padding: 3px 8px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

    .Project-name-top input#CTimeSheet {
        background-color: #4a5e90;
        color: #fff;
        padding: 2px 16px;
        border: 1px solid #4A5E81;
        font-size: 12px;
    }

    .Project-name-top input#btnViewModeChanges {
        background-color: #4a5e90;
        color: #fff;
        padding: 2px 16px;
        border: 1px solid #4A5E81;
        font-size: 12px;
    }

    .Project-name-top label {
        color: #6d6d6d;
        float: left;
        font-size: 12px;
        line-height: normal;
        margin-bottom: 0;
        color: #000;
        font-weight: bold;
        padding-right: 10px;
    }

.form-box-separate .check-box-left {
    margin: 3px 2% 9px -7px;
}

.manage-top {
    border: 1px solid;
    border-bottom: 0px;
    border-top: 0px;
    width: 94%;
    margin: 0 auto;
}

    .manage-top .txt-ct {
        width: 94%;
    }

.form-box-ceter-div-new {
    padding: 0px;
    width: 96%;
}

.width299 {
    height: 217px;
}

.width200 {
    height: 120px;
}

.width144 {
    height: 144px;
    margin-left: 20px;
    margin-top: 10px;
    width: 383px;
}

width144 label {
    color: #6d6d6d;
    float: left;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 0;
    color: #000;
    font-weight: bold;
    padding-right: 10px;
}

#dvNotes {
    display: table;
    margin: 0px auto 9px !important;
    padding: 9px 0 0 !important;
    width: 96% !important;
}

.small-div {
    margin-left: auto;
    display: block;
    border: 1px solid;
    margin-right: auto;
    width: 96.3%;
    border-radius: 0px 0px 0px 0px;
}

.sep01 {
    float: left;
    margin-left: 21%;
    width: 22%;
}

    .sep01 .txt-ct {
        font-weight: bold;
    }

    .sep01 label {
        color: #6D6D6D;
        float: left;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
        width: 75% !important;
    }

.Spouse label {
    width: 14%;
}

#MarketingCategory {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
}

.MarketingCategory {
    margin-left: 15px;
}

.main-check {
    clear: right;
    width: 36%;
}

    .main-check li {
        float: left;
        padding-top: 4px;
        width: 50%;
    }

.width12 .txt-ct {
    width: 12%;
}

#lnkEditRepMarketingFamily {
    padding-right: 30px;
}
/*19-6*/
.editicon-adjst {
    margin: 0 10px 0 0;
}

.editadjst02 {
    margin-top: -5px;
}

.blckcolor {
    color: #000 !important;
    font-weight: bold !important;
}

.repersnt-wrap {
    width: auto;
    padding: 10px 0 10px 10px;
}

    .repersnt-wrap .row1 {
        float;
        left;
        width: auto;
        margin-right: 10px;
    }

.note-01 {
    float: left !important;
    width: 10% !important;
    margin-left: 0 !important;
}

.txt-01 textarea {
}

.check-mrgin {
    margin-left: 243px !important;
}

.new-maincheck {
    width: 55% !important;
}

    .new-maincheck.second, .new-maincheck.second {
        width: 30% !important;
        float: left;
    }

.main-check.second li {
    width: 100% !important;
}

.new-maincheck.second li {
    padding-top: 4px;
}

.row-border {
    padding: 10px 0 0 0;
    width: 98%;
    margin: 0 auto;
    border: 1px solid #000;
    margin-bottom: 10px;
    margin-top: -13px;
    border-top: 0px;
}

.clse-mrgin {
    margin-right: 20px !important;
}

.input011 {
    width: 100px !important;
}

.lbe-05 {
    width: 115px !important;
}

.drpState {
    width: 30% !important;
}

.textalign-remove-line-height {
    line-height: 23px;
}

.list-text-click {
    color: blue;
    cursor: pointer;
}

table.tablesorter thead tr .tablesorter-header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter thead tr .tablesorter-headerAsc {
    background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .tablesorter-headerDesc {
    background-image: url(../images/desc.gif);
}
/*table.tablesorter thead tr .tablesorter-header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.tablesorter-headerAsc {
	background-image: url(../images/asc.gif);
    background-color:green;
}
.tablesorter-headerDesc {
	background-image: url(../images/desc.gif);
    background-color:red;
}*/
.max-label label {
    float: left;
    font-size: 1.2em;
    margin: 0 2px 10px 9px !important;
    width: 18% !important;
}

.width94 {
    width: 94%;
}

    .width94 .webGrid tbody tr:nth-child(2n) {
        background-color: #fff;
    }

    .width94 .webGrid label {
        color: #000;
    }

    .width94 .webGrid td {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 0 solid #a2a2a3;
        color: #7b8a8b;
        font-size: 1.2em;
        padding: 2px 0 4px 11px;
    }

.dvGridContent-border {
    border: 1px solid #000;
}

    .dvGridContent-border .new-gird {
        border: 0px;
    }

    .dvGridContent-border .showClass {
        display: inline;
        float: none;
    }

.rptmgr {
    padding: 2.1%;
}

.clsModulesRule {
    font-size: 12px;
}

    .clsModulesRule .boldtd {
        background: none repeat scroll 0 0 #e7e7e7;
        border: 1px solid #dadada;
        color: #000;
        font-size: 13px;
        font-weight: bold;
    }

    .clsModulesRule .boldtd-child {
        background: none repeat scroll 0 0 #f3f3f3;
        border: 1px solid #e8e8e8;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        padding-left: 15px;
    }

        .clsModulesRule .boldtd-child td:nth-child(2) {
            padding-left: 25px;
        }

    .clsModulesRule .boldtd-subchild {
        background: none repeat scroll 0 0 #fcfcfc;
        border: 1px solid #f2f2f2;
        color: #333333;
        font-size: 11.5px;
        font-weight: normal;
        padding-left: 33px;
    }

        .clsModulesRule .boldtd-subchild td:nth-child(2) {
            padding-left: 35px;
        }

    .clsModulesRule td {
        padding: 6px 4px;
        text-align: center;
    }

    .clsModulesRule th {
        background: none repeat scroll 0 0 #425c9b;
        border: 1px solid #2f4782;
        padding: 7px 5px;
        color: #fff;
        font-size: 13px;
        text-align: center;
    }

        .clsModulesRule th:nth-child(2) {
            text-align: left;
        }

    .clsModulesRule td:nth-child(2) {
        text-align: left;
    }

    .clsModulesRule input, select, a img {
        margin-right: 3px;
        margin-top: -3px;
        vertical-align: middle;
    }
/*CSS for file upload progress bar that show while uploading the file */
.progress {
    position: relative;
    width: 400px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
}

.bar {
    background-color: #088A08;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.span-add-more {
    color: Blue;
    padding-left: 146px;
    cursor: pointer;
    text-decoration: underline;
    clear: both;
}

.Addressfieldset-custom {
    border: 1px solid #999;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 1%;
    width: 89%;
}

.gm-style-iw {
    position: absolute;
    left: 12px;
    width: 318px;
    top: 4px;
    overflow: hidden;
    line-height: 1.3;
    height: 200px;
}

    /*.ui-dialog {
    top: 81px !important;
}*/

    .gm-style-iw hr {
        margin: 9px 0;
    }

#iw a {
    text-decoration: underline;
    color: blue;
    float: right;
    font-weight: bold;
    font-size: 11px;
}

.ui-dialog-perent .map-search {
    margin-bottom: 3px;
}

    .ui-dialog-perent .map-search input[type="text"], input[type="password"] {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #aeaeae;
        border-radius: 1px;
        float: left;
        height: 21px;
        margin-bottom: 2px;
        margin-right: 6px;
        padding: 0 5px;
        width: 34%;
    }

    .ui-dialog-perent .map-search input[type="button"] {
        background: none repeat scroll 0 0 #495d8d;
        border: medium none;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        float: left;
        font-size: 1em;
        height: 25px;
        line-height: 24px;
        padding: 0 10px !important;
    }

.ui-dialog-perent .ui-widget-content {
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #ffffff;
    border: 1px solid #bbbbbb;
    color: #222222;
    box-shadow: 0 2px 4px #475b8b;
    padding: 0px;
}

.ui-dialog-perent .ui-widget-header {
    background: none repeat scroll 0 0 #495d8d !important;
    border: 1px solid #979797 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: bold;
    padding: 7px !important;
}

.ui-dialog-perent {
    border-radius: 0 !important;
    padding: 0 !important;
}

    .ui-dialog-perent .ui-dialog-buttonpane {
        background-image: none;
        border-width: 1px 0 0;
        margin-top: 0;
        padding: 0 2px;
        text-align: left;
    }

.a-map {
    color: blue;
    text-decoration: underline;
}

.textbox-table {
    border: 1px solid #c5c5c6;
    margin: 7px 18px 18px 0px;
    float: left;
}

    .textbox-table .table-head th {
        padding: 3px 0 4px 8px;
    }

    .textbox-table td {
        vertical-align: middle;
    }

    .textbox-table td {
        color: #000;
    }

    .textbox-table .table-head th:nth-child(4), .textbox-table .table-head th:nth-child(5) {
        width: 20%;
    }

    .textbox-table input[type="text"], .textbox-table select {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #aeaeae;
        border-radius: 1px;
        box-shadow: 0 -1px 0 rgb(191, 191, 191);
        height: 22px !important;
        margin: 5px 5px 3px !important;
        width: 89% !important;
        text-indent: 3px;
        box-sizing: border-box;
    }

    .textbox-table .small-txt-box {
        border: 1px solid #aeaeae !important;
        text-indent: 3px;
        border-radius: 1px !important;
        box-shadow: 0 -1px 0 rgb(191, 191, 191) !important;
        height: 33px !important;
        width: 94.2% !important;
        box-sizing: border-box;
    }

.textbox-table-three-td {
    width: 65.5%;
}

    .textbox-table-three-td .table-head th {
        min-width: 46%;
    }

        .textbox-table-three-td .table-head th:nth-child(4) {
            width: auto;
        }

        .textbox-table-three-td .table-head th:nth-child(1) {
            min-width: 4%;
        }

.DVOilGas .row1 textarea {
    width: 81.5%;
}

.textbox-table select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aeaeae;
    border-radius: 1px;
    box-shadow: 0 -1px 0 rgb(191, 191, 191);
    margin: 5px 5px 3px !important;
    width: 90% !important;
    height: 22px !important;
}

.textbox-table td input[type="checkbox"] {
    margin-top: 10px;
}

.textbox-table td {
    border-bottom: 1px solid #d9d9da;
    border-right: 1px solid #dededf;
    padding: 0 0 1px;
    text-align: center;
}

.textbox-table tfoot.table-head td a {
    float: right;
    padding: 5px 8px 0 0;
    text-align: right;
    text-decoration: none;
}

.textbox-table tfoot.table-head td a {
    float: left;
    padding: 5px 8px 0 0;
    text-align: right;
    text-decoration: none;
}
/*#ddlTechnician_chosen .chosen-choices {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0 #bfbfbf;
    box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin:0 0 4px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
#ddlTechnician_chosen .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 95%;
}
#ddlTechnician_chosen .chosen-choices li.search-field input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aeaeae !important;
    border-radius: 1px;
    box-shadow: 0 -1px 0 rgb(191, 191, 191);
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    height: 10px;
    line-height: normal;
    margin: 1px 0;
    padding: 5px;
    width: 100% !important;
}*/
.progress {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0;
    padding: 1px;
    position: relative;
    width: 252px;
}

.green-progress {
    float: left;
    margin: 10px 8px;
}

.right-table-data .tablesorter-header {
    width: 100%;
    margin-bottom: 10px;
}

    .right-table-data .tablesorter-header th {
        background: none repeat scroll 0 0 #5a637c;
        border: 1px solid #3f4861;
        color: #fff;
        font-size: 1.3em;
        padding: 4px 7px;
    }

.right-table-data {
    float: left;
    width: 35%;
}

    .right-table-data input[type="file"] {
        margin: 0 0 0 13px;
    }

.left-table-data {
    float: left;
    width: 65%;
}

    .left-table-data .textbox-table-three-td {
        width: 94%;
        margin-top: 0;
    }

.row .divisionHeading_alignment {
    margin-left: 87px !important;
    padding-right: 6px;
    text-align: left !important;
    width: 40px !important;
}

#DVSubContractor .textbox-table .table-head th:nth-child(4) {
    width: 4%;
}

.Filtertext_Search {
    color: #000 !important;
    text-align: right;
}

/*******************************Developed by Suresh****************/
#toggle-slide-button {
    width: 15px;
    margin: 0px;
    float: left;
    background-color: #000;
    position: relative;
}

#imgHideDate {
    width: 15px;
    margin: 0px;
    float: left;
    /*background-color: #FFFFFF;*/
    position: relative;
}

.Addressfieldsett {
    width: 97%;
    padding: 1%;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 8px;
    height: 493px;
    overflow-x: auto;
    direction: rtl;
    /*  min-height:135px*/
}

.Addressfieldsets {
    width: 117%;
    padding: 1%;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 8px;
    height: 493px;
    overflow: scroll;
    /*  min-height:135px*/
}

.loading {
    background: url("../image/loading.gif") center no-repeat rgba(0,0,0,0.5);
    width: 100%;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999999;
}

#MySplitter {
    width: 100%;
}

    #MySplitter divHide {
        overflow: auto;
    }

.vsplitbar {
    width: 5px;
    background: #aaa;
}

.dashboard_deti table tr td {
    font-size: 14px;
    padding: 4px;
}

.txtsize_boximg {
    background-color: #313c4a;
    width: 98.65%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0 10px 0 10px;
    margin-top: -2px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.form-box-wrappe_dashboard {
    border: 1px solid #000;
    display: inline-block;
    width: 100%;
    border-top: 0;
    position: relative;
}

.DashboardAddressfieldsets_fieldbox {
    height: 493px;
    overflow: scroll;
    padding-bottom: 30px;
}

.DashboardAddressfieldsets_fieldboxss {
    height: 89px;
    overflow: scroll;
}

.right_bd {
    border-right: 1px solid #000;
}

.left_bdDashboard {
    border-left: 1px solid #000;
}

.left_pannel_heading_GI {
    background-color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #000;
    color: #ccc;
}

.left_pannel_heading {
    background-color: #deebf7;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #000;
}

.left_pannel_head {
    background-color: white;
    font-size: 15px;
    line-height: 19px;
    padding: 0 10px;
    border-bottom: 1px solid #000;
}

.left_pannel_head {
    background-color: white;
    font-size: 15px;
    line-height: 19px;
    padding: 0 10px;
    border-bottom: 1px solid #000;
}

.left_pannelData_Table table {
    width: 100%;
}

    .left_pannelData_Table table tr td {
        padding: 7px 10px;
        border-bottom: 1px solid #000;
        font-size: 12px;
        line-height: 18px;
    }

.left_pannelData_Tables table tr td {
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
}

.left_pannelDataa_Table table b {
    padding: 20px;
    border-bottom: 1px solid #000;
    font-size: 13px;
    line-height: 18px;
}

.left_pannelDataa_Table table {
    width: 100%;
}

    .left_pannelDataa_Table table tr td {
        padding: 10px;
        border-bottom: 1px solid #000;
        font-size: 13px;
    }

.right_pannelData_Table table {
    width: 100%;
}

    .right_pannelData_Table table tr td {
        padding: 9px 0px 1px 10px;
        font-size: 13px;
        line-height: 0px;
    }
/* accordian*/
.glossymenu {
    margin: 0px 0;
    padding: 0;
    width: 170px; /*width of menu*/
    width: 100%;
}

    .glossymenu a.menuitem {
        background-color: #DDEBF7;
        border-bottom: 2px solid #000000;
        font-family: "Helvetica Neue",sans-serif;
        font-size: 14px;
        color: #000;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding: 9px 0;
        padding-left: 10px;
        text-decoration: none;
    }

        .glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
            color: #000;
        }

        .glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
            position: absolute;
            top: 13px;
            right: 13px;
            border: none;
        }

        .glossymenu a.menuitem:hover {
            background-image: url(../assets/images/glossyback2.gif);
        }

    .glossymenu div.submenu { /*DIV that contains each sub menu*/
        background: white;
    }

        .glossymenu div.submenu ul { /*UL of each sub menu*/
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .glossymenu div.submenu ul li {
            }

                .glossymenu div.submenu ul li a {
                    display: block;
                    font-family: "Helvetica Neue",sans-serif;
                    color: black;
                    font-size: 13px;
                    text-decoration: none;
                    padding: 2px 0px 2px 45px;
                    line-height: 30px;
                    background: url(../assets/images/aroow-icon-hover.png) no-repeat scroll 21px 8px transparent;
                }

                    .glossymenu div.submenu ul li a:hover {
                        background: url(../assets/images/aroow-icon.png) no-repeat scroll 21px 8px transparent;
                    }
/* accordian end here*/
.center_Accordian {
    border-left: 1px solid #000000;
    float: left;
    height: 525px;
    max-width: 100%;
    overflow: scroll;
    width: 65.8%;
}

.center_Accordians {
    border-left: 1px solid #000000;
    float: left;
    height: 525px;
    max-width: 100%;
    overflow: scroll;
    width: 60.234%;
}

.center_Accordian1 {
    float: left;
    max-width: 100%;
    width: 100%;
}

.accordian {
    width: 70px;
}

.field-height {
    height: 95px !important;
}

.width-center {
    width: 74% !important;
    overflow: hidden !important;
    border-left: 0 !important;
}

table.data-tb {
    border: 0;
}

    table.data-tb td {
        padding: 3px;
    }

.sky-blue-bg {
    background: none repeat scroll 0 0 #DEEBF7 !important;
    color: #000 !important;
    line-height: 25px;
    display: inline-flex;
}

.sky-white-bg {
    background: none repeat scroll 0 0 #fff !important;
    color: #000 !important;
    border-top: 0 !important;
    line-height: 20px;
}

.sky-black-bg {
    background: none repeat scroll 0 0 #000 !important;
}

.bold-txt {
    font-weight: bold;
}

.width-60per {
    width: 54.9% !important;
}

.width-9per {
    width: 9.7% !important;
}

.project-name {
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.active-inactive {
    font-size: 12px;
    font-weight: bold;
}

.active-inactive {
    font-size: 11px;
    font-weight: bold;
}
/*div.jtable-main-container > table.jtable > thead th {
            /background-color:white;
        }

        div.jtable-main-container > table.jtable > tbody > tr > td {
            border-top: 0;
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #45B8F1;
            background-color: white;
        }*/

div.left_pannel_heading > a:hover {
    color: #FF0000;
}

.clsModulesRule input, select, a img {
    margin-top: 4px;
}

div.jtable-title-text {
    line-height: 26px !important;
}

.form-box-wrappe h3 {
    /*/*background: #DEEBF7;
            box-shadow: 0 1px 0 #FFFFFD;
            font-size: 14px;
            line-height: 28px;
            margin-top: -4px;
            padding-left: 1%;*/
    box-shadow: 0 1px 0 #FFFFFD;
    font-size: 14px;
    line-height: 28px;
    margin-top: -4px;
    padding: 3px 1% 0;
}

    .form-box-wrappe h3 a:focus,
    .form-box-wrappe h3 a:active {
        background: none;
    }

#tblName, #tblName1, #tblName2, #dvfilter {
    font-weight: bold;
}
/*******************************End ****************/
.vendor-list {
    -moz-column-count: 4; /* Firefox */
    -webkit-column-count: 4; /* Safari and Chrome */
    column-count: 4;
    display: none;
}

.vendor-list1 {
    -moz-column-count: 4; /* Firefox */
    -webkit-column-count: 4; /* Safari and Chrome */
    column-count: 4;
}

.full-width {
    width: 100%;
}

.add-asset {
    float: right;
    margin: 5px 2px 0 0;
}

.form-box label.txt-ct.lineheight12 {
    line-height: 12px;
}

    .form-box label.txt-ct.lineheight12 span {
        font-size: 10px;
    }

.mar-right15 {
    margin-right: 15px !important;
}

.popup-selected {
    background: #ccc;
    width: 644px;
    position: absolute;
    z-index: 1000;
    right: -56px;
    bottom: 18px;
    padding: 6px 0 10px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

    .popup-selected label {
        width: 200px;
        color: #000;
        font-size: 13px;
        padding: 4px 0 0 2%;
        float: left;
    }

.icon {
    background: url(../../images/filter.png) no-repeat scroll 0 0 transparent;
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    position: relative;
    float: right;
    padding: 5px;
}

    .icon.pad {
        background: url("../../images/filter.png") no-repeat center center;
        /*padding: 0 6px 4px 8px;*/
    }
    /*.icon.second {
    background: url("../../images/filter.png") no-repeat scroll center center #ccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:4px 9px;
}*/
    .icon.second {
        background: url("../../images/filter.png") no-repeat scroll center center #ccc;
        border-radius: 0 0 4px 4px;
        margin-right: 2px;
        /*padding: 0 6px 4px 8px;*/
    }

    .icon.small {
        background: url("../../images/filter1-small.png") no-repeat center center;
        width: 10px;
        height: 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 6px 7px;
    }

    .icon.white {
        background: url(../../images/filter-icon.png) no-repeat scroll 0 0 transparent;
        margin: 4px 26px 0 10px;
    }

.form-box-wrappe.small .icon {
    background: url(../../images/filter-ico.png) no-repeat scroll 0 0 transparent;
    top: 3px;
}

    /*.icon:hover .popup-selected {
    display: block;
}*/

    .form-box-wrappe.small .icon .popup-selected {
        width: 200px;
        top: 20px;
        bottom: auto;
    }

        .form-box-wrappe.small .icon .popup-selected label {
            line-height: 14px;
            padding-bottom: 7px;
        }

            .form-box-wrappe.small .icon .popup-selected label input {
                margin: 0 7px 0 0;
                float: left;
            }

.subcontactor-hover {
    width: 20px;
    height: 20px;
    margin: 0 26px 0 0px;
    position: relative;
    float: right;
}

    .subcontactor-hover:hover .popup-selected {
        display: block;
    }
/************************************************FET*************************************************************************************/
.txtaligncenter {
    text-align: center !important;
}

.center_Accordian_Fet {
    box-sizing: border-box;
    float: left;
    height: 525px;
    max-width: 100%;
    /*overflow: scroll;*/
    padding-left: 0px;
    width: 74.5%;
}

/*#dvcenter {
    box-sizing: border-box;
    float: left;
    height: 553px;
    max-width: 100%;
    overflow: scroll;
    padding-left: 0;
    width: 74.5%;
}*/

.glossymenu-fet {
    background-color: #ddebf7;
    border-bottom: 2px solid #000000;
    color: #000;
    display: block;
    font-size: 13px;
    padding: 9px 0 9px 10px;
    position: relative;
    text-decoration: none;
    width: auto;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #000;
    font-weight: bold;
    float: left;
}

.glossymenu-gi {
    background-color: #000;
    border-bottom: 2px solid #000000;
    color: #ccc;
    display: block;
    font-size: 13px;
    padding: 9px 0 9px 10px;
    position: relative;
    text-decoration: none;
    width: auto;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #000;
    font-weight: bold;
    float: left;
}

.fet-image-toggle {
    background-color: #ddebf7;
    border-bottom: 1px solid #000;
    color: #000;
    /*display: block;*/
    font-size: 12px;
    font-weight: bold;
    /*padding: 9px 0 9px 10px;*/
    padding: 6px 11px 0;
    height: 22px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
    float: right;
}

.rightrow {
    float: right;
    width: 31%;
    margin-top: -46px;
}

.leftScope {
    float: left;
    width: 100%;
    margin-left: 0.5%;
    margin-top: -20px;
}

.txt-ct-lbl {
    color: rgb(0, 0, 0);
    font-size: 1.2em;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    float: left;
    margin: -3px 23px 2px 39px;
    text-align: right;
    width: 7%;
}

.txt-ct-lbl1 {
    color: rgb(0, 0, 0);
    font-size: 1.2em;
    font-weight: bold;
    line-height: 20px;
    float: left;
    margin: 0px 0px 0px 0px;
    text-align: right;
    width: 7%;
}


.glossymenu a.menuitem-fet {
    border-bottom: 2px solid #000000;
    color: #000;
    display: block;
    font-family: "Helvetica Neue",sans-serif;
    font-size: 14px;
    padding: 9px 0 9px 10px;
    position: relative;
    text-decoration: none;
    width: auto;
}
/*********************************************************************************************************************************/

.rightrow {
    float: right;
    width: 31%;
    margin-top: -46px;
}

.leftScope {
    float: left;
    width: 100%;
    margin-left: 0.5%;
    margin-top: -20px;
}

.txt-ct-lbl {
    color: rgb(0, 0, 0);
    font-size: 1.2em;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    float: left;
    margin: -3px 23px 2px 39px;
    text-align: right;
    width: 7%;
}

.divCompFileUpload {
    float: left;
    margin-top: 1%;
    width: 100%;
}

/*modified by:mohit*/

.width-container {
    width: 100%;
}

    .width-container table tr td {
        font-size: 13px;
        padding: 3px;
    }

        .width-container table tr td.bold-text {
            font-weight: 700;
        }

    .width-container table {
        width: 100%;
        border: solid black 1px;
        margin: 0 0 5px;
    }

        .width-container table.first-table td.cgrs-site {
            width: 28%;
        }

        .width-container table.first-table tr.first-tr {
            border-bottom: solid black 1px;
        }

/*.width-container table.first-table td {
            width: 10%;
}

        .width-container table.second-table td {
            width: 15%;
}

            .width-container table.second-table td.tagid {
                width: 20%;
}

        .width-container table.third-table td.tagid {
            width: 20%;
}

        .width-container table.third-table td {
            width: 15%;
}

        .width-container table.fourth-table {
    border-bottom: none;
    border-left: none;
    border-right: none;
        }

            .width-container table.fourth-table td {
                width: 15%;
}

                .width-container table.fourth-table td.tagid {
                    width: 20%;
}
*/
.emission-tag {
    text-align: center;
}

.scroll {
    height: 493px;
    overflow: scroll;
}

.active-row {
    background-color: #d8e4bc;
}

.site-list tr {
    cursor: pointer;
}

/*end*/
.ui-dialog {
    z-index: 1000 !important;
}

.table-head-new th {
    color: #FFFFFF !important;
}

.title-bar-name {
    color: #6092c0;
    padding-left: 30px;
}

/* 25oct */
.row1 #txtLongitudePopup, .row1 #txtlattitudePopup {
    width: 32%;
    margin-right: 10px;
}

.row1 #txtAddresS {
    width: 65%;
    margin-right: 10px;
}

.update-data-new.tank-info {
    right: 58px;
}

   
.check {
    margin-top: 3px;
    float: left;
}

.line-height {
    line-height: 20px;
}

.ui-tooltip {
    padding: 10px 20px;
    color: black /*white*/;
    border-radius: 20px;
    font: 12px "Helvetica Neue", Sans-Serif;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.gap-bottom {
    padding-bottom: 4px !important;
}

.gap-top {
    padding-top: 0 !important;
}

/* rectifier */
.rectifier {
    width: 100%;
    float: left;
}

    .rectifier .col {
        width: 90%;
        padding: 10px 5%;
        float: left;
    }

        .rectifier .col h1 {
            color: #000;
            font-size: 20px;
            text-align: center;
            padding-bottom: 20px;
        }

    .rectifier .row {
        width: 100%;
        padding-bottom: 2px;
        float: left;
    }

    .rectifier label {
        width: 150px;
        color: #000;
        line-height: 27px;
        margin: 0;
        float: left;
    }

    .rectifier .input {
        background: #fff !important;
        border: 1px solid #AEAEAE !important;
        float: left !important;
        height: 21px !important;
        margin-bottom: 2px !important;
        padding: 0 5px !important;
        width: 43% !important;
        border-radius: 1px !important;
    }

    .rectifier .label {
        width: auto;
        color: #000;
        padding: 5px 20px 0 0;
        line-height: normal;
        float: left;
    }

    .rectifier .radio {
        margin: 0 7px 0 0;
        float: left;
    }

.elld {
    width: 100%;
    padding: 0;
    border-top: 1px solid #ccc;
    float: left;
    margin-top: 10px;
}

    .elld .button {
        background: #495D8D;
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        font-size: 1.3em;
        height: 26px;
        line-height: 26px;
        padding: 0 10px !important;
    }

    .elld h4 {
        color: #000;
        font-size: 16px;
        padding-top: 10px;
    }

    .elld .column {
        width: 33%;
        float: left;
    }

        .elld .column h5 {
            color: #000;
            font-size: 13px;
            padding: 10px 0;
        }

        .elld .column .textfield {
            background: #fff !important;
            border: 1px solid #AEAEAE !important;
            float: left !important;
            height: 21px !important;
            margin-bottom: 2px !important;
            padding: 0 5px !important;
            width: 92% !important;
            border-radius: 1px !important;
        }

.timeTxtBox {
    width: 25% !important;
}

.height-AddressFieldSet {
    min-height: 150px !important;
}

.height-AddressFieldSet-view {
    min-height: 134px !important;
}

.height-AddressFieldSet-view2 {
    min-height: 153px !important;
}

.height-AddressFieldSet-view3 {
    min-height: 178px !important;
}

.height-addr-ContactType {
    min-height: 182px !important;
}
/*------updated for circular icon-------*/
#header .logout-wel li.user-iconli {
    height: 25px;
    float: left;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0;
    line-height: 27px;
}

#header .logout-wel .circular-cnt {
    width: 44px;
    height: 44px;
    float: left;
    margin-right: 8px;
}

    #header .logout-wel .circular-cnt img {
        height: 52px;
        width: 52px;
        display: block;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border: 2px solid #ccc;
        overflow: hidden;
    }

.right-user-log {
    float: right;
    width: auto;
    padding-top: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 55px;
    padding-right: 12px;
    padding-left: 12px;
    min-width: 200px;
}

.welcome-txt {
    float: right;
    width: auto;
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
    text-align: right;
    margin-top: 5px;
    font-weight: bold;
    padding-left: 80px;
}

.logout-txt {
    /*float: right;
    font-size: 15px;
    color: #212121;
    
    width:77px;*/
    background: url(../../images/logout-icon.png) no-repeat right center;
}

.setting_icon {
    background: url(../../images/settings1.png) no-repeat right center;
}

#header .background-none {
    background: none !important;
}

.ul-class {
    /*width: 55px;
    float: left;
    margin-left: -5px;
    position: absolute;
    margin-top: -5px;*/
    /*Debasis*/
    width: 76px;
    float: left;
    margin-left: 23px;
    position: absolute;
    padding-top: 8px;
}

.search-input {
    background: #fff url(../images/search-icon.jpg) no-repeat right center !important;
    display: block;
    padding-right: 20px !important;
}

.search-input-StateID {
    background: #fff url(../images/search-icon.jpg) no-repeat right center !important;
    display: block;
    padding-right: 20px !important;
}

.search-input-project {
    background: url(../images/search-icon.jpg) no-repeat right center !important;
}

.loader-txtbx {
    background: url(../images/ajax-loader.gif) no-repeat right center !important;
    display: block;
}

.popup-selected-left {
    background: #ccc;
    top: 15px;
    display: none;
    padding: 6px 0 10px;
    position: absolute;
    right: 0;
    width: 300px;
    z-index: 1000;
}

    .popup-selected-left.second {
        background: #313c4a;
        top: 20px;
        display: none;
        padding: 10px 0 10px 12px;
        position: absolute;
        left: 0;
        width: 300px;
        color: #fff;
        z-index: 1000;
    }

.left-drop-icon {
    display: inline;
    margin: 0;
    position: absolute;
    top: 4px;
}

    .left-drop-icon:hover {
        background: url("../../images/filter1-small.png") no-repeat center center #313c4a;
    }

        .left-drop-icon:hover .popup-selected-left {
            display: block;
            background: #313c4a;
        }

.mail-body {
    width: 55.7% !important;
}

.popup-selected .modify-prefrence {
    background: #495d8d;
    border: none;
    color: #fff;
    margin: 8px 8px 0 0;
    padding: 3px 5px;
    float: right;
}
/*===Style For left Pagination into FET page===*/

.pagination-container {
    position: absolute;
    bottom: 5px;
    display: inline-block;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    z-index: 5;
}

    .pagination-container input[type="button"] {
        display: block;
        height: 30px;
        width: 40px;
        font-size: 19px;
        line-height: 30px;
        float: left;
        outline: none;
        border-right: 1px solid #CDCDCD;
        border-left: 1px solid #CDCDCD;
        border-bottom: 1px solid #cdcdcd;
        font-family: Times, 'Times New Roman', Georgia, Palatino;
        color: #555555;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        background-color: #f3f3f3;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
        background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
        background-image: linear-gradient(#f3f3f3, lightgrey);
    }

    .pagination-container label {
        height: 30px;
        line-height: 33px;
        font-size: 13px;
        padding: 0 3px 0 13px;
        float: left;
        background: #fff;
    }

.left-description-column {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

    .left-description-column .desc-label {
        display: inline-block;
        width: 14%;
        margin-top: 45px;
        font-size: 1.2em;
        font-weight: bold;
    }

    .left-description-column textarea {
        width: 80%;
        height: 100px;
    }

#dvFileUploadControlSection .right-wrapee h2 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

#dvFileUploadControlSection #dropZone {
    display: inline-block;
    height: 80px;
    background: rgb(109,109,109);
    border: #000 3px dashed;
    width: 200px;
    padding: 10px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

    #dvFileUploadControlSection #dropZone h2,
    #dvFileUploadControlSection #dropZone h3 {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: normal;
        background: none;
        box-shadow: none;
    }

    #dvFileUploadControlSection #dropZone h2 {
        font-size: 14px;
        margin-top: 20px;
    }

#dvFileUploadControlSection .browse-btn {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    top: -10px;
}

.attachements-row {
    width: 100%;
    float: left;
    display: block;
}

.left-block-attachements {
    float: left;
    width: 42%;
}

    .left-block-attachements .attachemets-temp {
        float: left;
        width: 99.5%;
        max-height: 250px;
        overflow: auto;
        margin: -4px 0 10px 0;
        border: #ccc 1px solid;
        padding: 3px 0 0 0;
    }

    .left-block-attachements h3 {
        background: #edebeb;
        width: 98%;
        line-height: 28px;
        padding: 3px 1% 0;
        position: relative;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        float: left;
    }

        .left-block-attachements h3 a {
            position: absolute;
            z-index: 100;
            top: -1px;
            right: 7px;
        }

            .left-block-attachements h3 a img {
                width: 20px;
                height: 20px;
            }

.right-block-attachements {
    float: right;
    margin-top: 0px;
    border-color: rgb(239, 242, 247);
    border: solid;
    height: 500px;
    overflow: auto;
    width: 56%;
    height: auto;
}

.mainHeading {
    border-bottom: 2px solid #4b70ce;
    color: #000;
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 5px 4px;
    width: 98%;
}

.Subheading {
    width: 95%;
    margin-left: 13px;
    padding: 5px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    float: left;
}

.fright {
    float: right;
}

    .fright img {
        cursor: pointer;
    }

.deletedata {
    width: 15px;
    height: 15px;
    margin: 7px 9px 0 7px;
    border: none;
    cursor: pointer;
    cursor: pointer;
}

.showfile {
    cursor: pointer;
    padding: 4px 0 0 0;
    float: left;
    line-height: 15px;
}

.viewImagefile {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    float: left;
}

.PreviewFilecss {
    height: 37px;
    margin-bottom: 4px;
    margin-left: 312px;
    margin-top: 48px;
    font-size: 15px;
    font-weight: 600;
}

.demo-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    padding: 5px 0px 0px 0px;
}

.thumbnail-text {
    display: block;
}

.demo-left {
    width: 15%;
    float: left;
}

.demo-right {
    width: 85%;
    float: left;
}

.hWrapperAuto {
    margin-top: 20px;
}

.demo-tabs {
    width: 100%;
    height: 50px;
    color: White;
    margin: 0;
    padding: 0;
}

    .demo-tabs div.item {
        height: 35px;
        float: left;
        background-color: #2F2F2F;
        border: solid 1px gray;
        border-bottom: none;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        text-align: center;
        padding: 5px 4px 4px 4px;
        font-weight: bold;
    }

.contents {
    width: 100%;
    margin: 0;
    padding: 0;
    color: White;
    font: arial;
    font-size: 11pt;
}

.demo-tabs div.item.active-tab {
    background-color: Black;
}

.demo-tabs div.item.active-tabc {
    background-color: Black;
}

.v1, .v2 {
    margin: 20px;
}

.visible {
    display: block;
}

.hidden {
    display: none;
}

.oldWrapper {
    margin-left: 100px;
}

.contents a {
    color: yellow;
}

    .contents a:hover {
        text-decoration: none;
        color: Gray;
    }

.heading {
    font-size: 20pt;
    font-weight: bold;
}

.toggle-image {
    height: 20px;
    width: 20px;
}

.width70 {
    width: 69% !important;
}

.fourty8 {
    width: 48% !important;
}

.mbotnone {
    margin-bottom: 0 !important;
}

.mtopnone {
    margin-top: 0 !important;
}


/* Table Gird CSS*/

#tblLabor, .table-area {
    margin: 0 !important;
}

    #tblLabor input[type="text"], #tblLabor select, .table-area input[type="text"], .table-area select {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100% !important;
        height: 22px;
        margin: 0 !important;
    }

    #tblLabor td, .table-area td {
        padding: 2px !important;
    }

    #tblLabor input[type="checkbox"],
    .table-area input[type="checkbox"] {
        width: auto !important;
        height: auto;
        margin: 0 !important;
    }

    #tblLabor th, .table-area th {
        min-width: 20px;
    }

.table-area-min th {
    min-width: auto !important;
}

.table-area .gray-calender1 {
    margin-left: -26px !important;
    margin-top: 2px !important;
}

.width33-pect {
    width: 33%;
    float: left;
}

.txt-area {
    width: 66%;
    float: left;
}

    .txt-area textarea {
        width: 100% !important;
    }

.scrolable-div {
    overflow: auto;
    width: 98%;
    clear: both;
}
/*--------#tblSiteListOnProject---------*/
#tblSiteListOnProject .textbox-table {
    border: none;
}

table#tblSiteListOnProject tr td {
    border: 0px solid !important;
    text-align: left;
}

#tblSiteListOnProject tbody#tbodySite tr#trSiteViewMode:nth-child(odd) {
    background: #EDEBEC !important;
}

#trCompanyViewMode td {
    border: none;
    text-align: left;
    padding-left: 3px;
}

#trCompanyEditMode td {
    border: none;
    text-align: left;
}

#trAddNewCompanyRow td {
    border: none;
}

input#txtIsOtherContactPopup {
    display: inline-block;
    float: right;
    margin-top: 5px;
    border: 1px solid #ccc;
    background: #f6f6f6;
    border-radius: 3px;
    height: 20px;
}

#rowSiteComp1 td {
    vertical-align: top;
}

Job-Item-text1 {
    width: 30%;
}

.Treditmode {
    display: none;
}

.Trviewmode {
    display: none;
}

.lbrtrviewmode {
    display: none;
}

.lbreditmode {
    display: none;
}

.tcgrspoeditmode {
    display: none;
}

.tcgrspoviewmode {
    display: none;
}

.NoRecordsFound {
    display: none;
}

.Tnewcontacteditmode {
    display: none;
}

.Seditmode {
    display: none;
}

.new-table-head {
    border-bottom: 1px solid #eee;
}

    .new-table-head th {
        background: none;
        color: #3C5C7E;
        font-family: "arial";
        font-size: 1.3em;
        text-align: left;
        line-height: 18px;
        padding: 1px 0px 1px 8px;
    }
        #tblESPreInvoicingData .new-table-head th {    
        padding: 1px 0px 1px 5px;
    }

.invoice-note-counter {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px;
    line-height: 11px;
}

/*.webGrid.nobg tbody tr:nth-child(2n+1) {
    background-color: #fff !important;
}*/

.ClearFloat {
    float: none !important;
}



#subcontractor thead th, #subcontractor tr td {
    padding: 5px;
}

#subcontractor tr.Seditmode td {
    padding: 0px;
}


#contact thead th, #contact tr td {
    padding: 5px;
}

#contact tr.Tnewcontacteditmode td {
    padding: 0px;
}

#panelProjProp .row1 input[type="text"],
#panelProjProp .row1 input[type="password"],
#dvWorkOrderEdit .row1 input[type="text"],
#dvWorkOrderEdit .row1 input[type="password"] {
    width: 60.6%;
}

#panelProjProp .search-input,
#dvWorkOrderEdit .search-input {
    padding-right: 0px !important;
}

#panelProjProp div.cleditorMain {
    width: 82% !important;
}

#dvWorkOrderEdit textarea {
    width: 59.4%;
}

#txtNote {
    width: 65% !important;
}

#txtEmail {
    width: 58.2%;
}

#txtFax,
#txtWebsite {
    width: 51.4%;
}

.Addressfieldset input[type="text"] {
    width: 62.3%;
}

.site-list-form {
    width: 100%;
    float: left;
}

    .site-list-form label {
        width: 100px;
        float: left;
    }

    .site-list-form .row1 {
        margin-bottom: 10px;
    }

.Addressfieldset .site-list-form input[type="text"] {
    width: 20.5%;
    margin: 5px 10px;
}

/*===Style for SCOPE OF WORK GRID By Ravi 15-06-2015 ====*/

#DivScopeofWork .webGrid tbody tr:nth-child(odd) {
    background-color: #fff;
}

#DivScopeofWork .webGrid td {
    color: #000;
    border-color: #7a7a7a;
}

    #DivScopeofWork .webGrid td .edit-button:hover,
    #DivScopeofWork .webGrid td #btnAddNewRow:hover {
        cursor: pointer;
    }

#DivScopeofWork .webGrid tr.muted-text td,
#DivScopeofWork .webGrid tr.muted-text td a {
    color: #6d6d6d;
}

#DivScopeofWork .webGrid tbody tr:hover td {
    background-color: #e6e6e6;
}

/*===Change Password Page style===*/

.change-password {
    margin-top: 20%;
    width: 385px;
}

    .change-password .loginRow {
        width: 100%;
    }

    .change-password input[type='text'],
    .change-password input[type='password'] {
        margin-bottom: 5px;
        width: 55% !important;
    }

.loginBlock .submit-btn-changepwd {
    margin-left: 155px !important;
}

.loginBlock .add-list-button {
    font-size: 14px;
}

.loginBlock .loginRow input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
    float: left;
    height: 21px;
    margin-bottom: 5px;
    width: 54%;
}

.loginBlock .loginRow label {
    width: 155px;
}

    .loginBlock .loginRow label.reset-desktop {
        width: 85px;
    }


.desktopforgot-password {
    margin-top: 20%;
    width: 315px;
}

    .desktopforgot-password .submit-btn-changepwd {
        margin-left: 85px !important;
    }

/*==Welcome Drop down Style====*/

.wel-dropdown {
    position: absolute;
    display: inline-block;
    right: 0;
}

    .wel-dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        display: none;
        margin: 0;
        z-index: 99;
        list-style: none; /** Remove list bullets */
        width: 100%; /** Set the width to 100% of it's parent */
        padding: 0;
    }

    .wel-dropdown:hover .dropdown-menu {
        display: block;
        z-index: 9999;
    }

    /** Button Styles **/
    .wel-dropdown button {
        background: #FF6223;
        color: #FFFFFF;
        border: none;
        margin: 0;
        padding: 0.4em 0.8em;
        font-size: 1em;
    }

    /** List Item Styles **/
    .wel-dropdown a {
        display: block;
        padding: 0.2em 0.8em;
        text-decoration: none;
        background: #CCCCCC;
        color: #333333;
    }

        /** List Item Hover Styles **/
        .wel-dropdown a:hover {
            background: #BBBBBB;
        }

.setting_dropdown {
    width: 155px;
    margin-top: 21px;
    z-index: 9999;
    float: left;
    color: rgb(0, 0, 0);
    position: absolute;
    color: #000;
    margin-left: 0px;
    border: 1px solid #999;
    border-radius: 0px 0px 4px 4px;
    background: #2e8bb7;
}

    .setting_dropdown ul li {
        border-right: 0px !important;
        width: 100%;
    }

        .setting_dropdown ul li a {
            background: transparent none repeat scroll 0% 0% !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

#dvMatchingString table {
    width: 100%;
    text-align: left;
}

    #dvMatchingString th, #dvMatchingString table tr td {
        padding: 5px;
        border: 1px solid #ccc;
    }
    
#dvMatchingString1 table {
    width: 100%;
    text-align: left;
}

    #dvMatchingString1 th, #dvMatchingString1 table tr td {
        padding: 5px;
        border: 1px solid #ccc;
    }

.notificationImage {
    background: url(../images/flag_notification.png) no-repeat 0 center;
    position: relative;
    width: 50px;
    height: 12px;
    float: left;
    margin-left: 7px;
    background-size: 15px;
    top: 1px;
}

.notificationNewImage {
    background: url(../images/Flag_Exclamative.png) no-repeat 0 center;
    position: relative;
    width: 50px;
    height: 12px;
    float: left;
    margin-left: 7px;
    background-size: 15px;
    top: 1px;
}

.form-image {
    background: url(../images/form-icon.png) no-repeat 0 center;
    width: 30px;
    height: 30px;
    padding: 1px;
}

.popup-table {
    width: 100%;
    table-layout: auto;
}
    /*.popup-table tr td:nth-child(even){
    background:#f2f2f2;
    }*/
    .popup-table tr td {
        border: 1px solid #ccc !important;
        padding: 5px;
        font-size: 12px;
    }

.popup-active {
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eee;
    font-weight: bold;
}

.table-hear {
    background-color: #eee;
    border: 1px solid #595959 !important;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.primary-txt {
    background: #f9f9f9;
    border-bottom: 1px solid #595959 !important;
    text-align: center;
    font-weight: bold;
}

#tblSecond tbody tr td { /*border:1px solid #000 !important; padding:1%; font-size:16px; line-height:24px;*/
}

    #tblSecond tbody tr td span {
        width: 100%;
        float: left;
    }


.popup-success {
    background-color: #fff;
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
}

.popup-info {
    /*background-color: #d9edf7;*/
    background-color: #eef7fb;
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
}

.popup-warning {
    background-color: #fcf8e3;
}

.popup-danger {
    background-color: #f2dede;
}

.popup-table-parent {
    width: 100%;
    border: 0px;
}
    /*.popup-table tr td:nth-child(even){
    background:#f2f2f2;
    }*/
    .popup-table-parent tr td {
        border: 0px solid #ccc;
        /*padding: 5px;*/
        font-size: 11px;
        color: #595959;
        font-family: Arial, Helvetica, sans-serif;
    }

.classTdMid {
    width: 5px !important;
    font-weight: 600;
}

.boldFont {
    font-weight: 600;
}

.loader-pmdashboard {
    /*background: rgba(0, 0, 0, 0.2);*/
    /*position: absolute;*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

    .loader-pmdashboard img {
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -25px;
        margin-top: -25px;
    }

/* Added by kavita*/
.btnadd {
    background: url("../images/plus-btn.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    /*float: right;*/
    font-size: 1.3em;
    height: 45px;
    width: 45px;
    margin-left: 25px !important;
    padding: 0 10px !important;
}

.jtable-bottom-panel select {
    background: #fff;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0px 0 #BFBFBF;
    color: #000;
    float: none;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    width: auto;
}

.no-records-found {
    text-align: center;
    color: dodgerblue;
    font-weight: 600;
    vertical-align: middle;
    font-size: 18px;
}

#dvGIDetails div {
    font-size: 12px;
    padding-left: 5px;
    word-wrap: normal;
    line-height: 1.5;
}

.qun-img-vid {
    display: none;
}

    .qun-img-vid > img {
        height: 50px;
    }

.rectifier .col .label-key {
    width: 30% !important;
}

.rectifier .col .label-value {
    width: 70% !important;
}

.custom-table1, .custom-table2 {
    width: 100%;
    /*border: 1px solid #ccc;*/
}

   .custom-table1 tbody tr td {
        /*padding: 8px;*/
    }

    .custom-table2 tbody tr td {
        padding: 5px 10px;
        /*background: #eee;*/
        font-size: 12px;
    }

        .custom-table2 tbody tr td b.location {
            /*min-width: 100px;*/
            display: inline-block;
            color: #595959;
            font-family: Arial, Helvetica, sans-serif;
            /*padding: 0px 10px 0px 0px;*/
            /*text-align:right;*/
        }

        .custom-table2 tbody tr td b.location1 {
            min-width: 100px;
            display: inline-block;
            padding: 0px 0px 0px 0px;
        }

        .custom-table2 tbody tr td b.tank {
            min-width: 132px;
            display: inline-block;
            padding: 0px 0 0px 0px;
        }

.mar-rgt10 {
    margin-right: 10px;
}

.custom-table2 tbody tr td.center-txt {
    text-align: center;
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-align: center; /*border:1px solid #000;*/
    border-bottom: none;
}

.text-center {
    text-align: center;
}

.input-group #txtInspectionDate {
    background: none;
    border: none;
    vertical-align: text-bottom;
}

.wid150 {
    width: 150px;
    margin-right: 20px;
}


.popup-table-parent tr.bottom_spc {
    /*margin-top: 145px;*/
    overflow: hidden;
    display: block;
}

.popup-table-parent tr td.signature {
    float: right;
    padding: 0px 100px 0px 0px;
}

.popup-table-parent tr td.technician {
    float: left;
    margin-left: 6px;
}

.custom-table2 tbody tr td b.date {
    color: #595959;
    font-family: Arial, Helvetica, sans-serif;
    /*min-width: 70px;*/
    display: inline-block;
}

#PDFLineTestForm div, #PDFLineTestForm td, #PDFLineTestForm span {
    /*font-family: 'Lato', sans-serif;*/
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #595959;
}

#PDFLineTestForm h2 {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #595959;
    font-weight: bold;
}

#tblHtml table tr td:first-child {
    width: 145px;
}

.formArialFont {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #595959;
}

.PDFASTFormtd {
    border-bottom: 1px solid #595959;
}

table {
    /*page-break-inside: auto;*/
}

/*tr {
    page-break-inside: avoid;
    page-break-after: auto;
}*/

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

.ASTQuestion {
    min-height: 50px;
    line-height: 24px;
}

.popup-table-parent tr td.test-outer-border {
    border: 2px solid #042d8d;
}

#tblEmployeeCertification textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aeaeae;
    border-radius: 1px;
    margin: 5px 5px 3px !important;
    width: 300px !important;
    box-sizing: border-box;
    height: 30px;
}

.date-box {
    position: relative;
    float: left;
}

    .date-box img {
        position: absolute;
        right: 5px;
        margin-top: 3px;
    }

#tblSignatureInfo {
    width: 100%;
}

#tblSignatureInfo td {
    border: 1px solid #e0d9d9;
    height: 24px;
    width: 25%;
    color: #595959;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    vertical-align: middle;
}

.tblSignatureInfoforDesign td {
    border: 1px solid #e0d9d9;
    height: 24px;
    width: 25%;
    color: #595959;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 10px;
    vertical-align: middle;
}



#tblSignatureInfo2 {
    width: 100%;
}

#tblSignatureInfo2 td {
    border: 1px solid #e0d9d9;
    height: 25px;
    width: 25%;
    color: #595959;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 10px;
    vertical-align: middle;
}


#tblInvoicedItem {
    width: 100%;
}

    #tblInvoicedItem th, #tblInvoicedItem td {
        border: 1px solid #e0d9d9;
        text-align: center;
    }


#panelProjectAssociation .row1 .Addressfieldset {
    width: 98%;
}

#rowSiteComp1 table tbody tr td:first-child fieldset.Addressfieldset {
    width: 95%;
}

#rowSiteComp1 .represent-section fieldset.Addressfieldset {
    width: 98% !important;
}


#rowSiteComp1 table tbody tr td:nth-child(2) fieldset.Addressfieldset {
    width: 98% !important;
}


#panelProjectAssociation #tblLabor td, #panelProjectAssociation .table-area td {
    padding: 5px !important;
}

#panelProjectAssociation .right-wrappe {
    padding-left: 10px;
    position: relative;
    bottom: 2px;
}


 #dvATGSCFormId #tab-container1 .tab-content {
           border: 0 !important;
    }

#dvATGSCFormId #tab-container1 .etabs {
        border-bottom: 1px solid;
}

#dvATGSCFormId h3 {
        font-size: 17px !important;
}

.sen-table th {
    font-size:12px;
}
/*New Add...........................*/
.ui-dialog-content h2 {
    font-size: 1.5em;
    font-weight:bold;
    color: #595959;
    margin:0;
    line-height: 1.4;
}
.ui-dialog-content h3{
    font-size: 1.17em;
    font-weight:bold;
    color: #595959;
    margin:0;
    line-height: 1.4;
}

#PDFUSTAnnualCompliance tr td {
    line-height: 1.4;
}

div.pd-l-0{
        padding-left:6px;
    }



.text-normal{
    line-height: 20px;
    font-size: 12px;
    color: rgb(0,0,0);
}

/*======Added 27Mar2018 start ====*/

#dvAssetsContent  #dvTankContent .representative  .new-table-scroll tr td input[type="text"] {
    width:82% !important
}

.response-table-width {
        width: 200% !important;
}

.representative {
        overflow-x: auto;
}
 .headcol {
    position: absolute;
    width: 29%;
    left: 0;
    padding-left: 4px;
    top: auto;
    border-right: 0px none black;
}

/*For less no. of columns*/

/*.default-sec thead tr th:first-child, .default-sec tbody tr td:first-child{
    position:relative !important;
  left: 0 !important;
    height:auto;
    
}
.default-sec {
    margin-left: 0 !important;
}

#tblMainPivoitTank.default-sec.edit-mode {
        width: 100% !important;
    margin-left: 0 !important;
}*/

 .m_one .headcol {
    left: 1.5%;
}

#tblMainPivoitTank thead tr th:first-child , #tblMainPivoitTank tbody tr td:first-child, .normal-moode tbody tr td:first-child, .normal-moode thead tr th:first-child {
  position:absolute;
	/*width:86px;*/
    width:170px;
	left:26px;
    background-color:#fff;
    height: 29px;
}

 .newedit-mode tbody tr td:first-child, .newedit-mode thead tr th:first-child {
    height: 28px !important;
    position:absolute;
	/*width:86px;*/
    width:170px;
	left:28px;
    background-color:#fff;
}

 .newedit-mode tbody tr td {
    height: 28px !important;
}
#tblMainPivoitTank tbody tr td, .normal-moode tbody tr td {
    height: 29px;
}

.new-table-scroll tr th {
    min-width:170px;
}


#tblMainPivoitTank, .normal-moode {
overflow-x: scroll;
    margin-left: 172px;
    table-layout: initial !important;

}

.edit-mode {
/*width: 1800px !important;*/
    margin-left: 172px !important;
}

table.newedit-mode {
    /*width: 1800px !important;*/
    max-width: 2200px;
    table-layout: initial;
}

/*No scroll on table with 6 tanks*/


.no-scroll tbody tr td:first-child, .no-scroll thead tr th:first-child {
    position: static !important;
    left: 0 !important;
    width: auto !important;
}

table.no-scroll {
      margin-left:0 !important;
}

table.new-table-scroll.no-scroll {
    width:100% !important;
}


#newBasicFormDialog tbody td input, #newBasicFormDialog tbody td select {
    width:100%;
}

.Addressfieldset div table tbody tr:first-child td:last-child{
    padding-top:4px;
}

.Addressfieldset-field-size div:last-child table tbody tr td:last-child {
     padding-top:4px;
}

.add-list1-a img {
       width: 18px !important;
}

.grid-stack-item .panel #tblMainPivoitTank thead tr th:first-child, .grid-stack-item .panel #tblMainPivoitTank tbody tr td:first-child, .grid-stack-item .panel .normal-moode tbody tr td:first-child, .grid-stack-item .panel .normal-moode thead tr th:first-child {
        position: static !important;
            left: 0 !important;
}

.grid-stack-item .panel  #tblMainPivoitTank, .grid-stack-item .panel  .normal-moode{
    margin-left: 0 !important;
}



/*End No scroll on table with 6 tanks*/


/*For Pipe start*/





/*For Pipe End*/
/*======Added 27Mar2018 end====*/

/*======PRINT MEDIA=====*/
@media print {
    @page{
        size:A4 landscape;
    }
    body {
        -webkit-print-color-adjust: exact;
    }
       td.popup-info{
        background-color: #eef7fb !important;
        -webkit-print-color-adjust: exact; 
    }
    .popup-table-parent tr td.test-outer-border {
         border: none; 
    }
   /*body { box-sizing: border-box; border: 10px solid black; }*/
    .border-print {
      position: fixed;
      top: 0;
      left: 0;
      border: 2px solid #042d8d;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .label-sec{
        float:right !important;
    }

    #dvATGSCFormId h3 {
        font-size: 17px !important;
    }

    div.pd-l-0{
        padding-left:6px;
    }
    
    /*.border-print {
        box-sizing:border-box;
        
    }*/
    .border-print2 {
        border: 2px solid #042d8d;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: auto;
        overflow: auto;
        height:100%;
        box-sizing:border-box;
        z-index:5555;

    }
    .border-print3 {
        border: 2px solid #042d8d;
        position: absolute;
        top: 200%;
        left: 0;
        right: 0;
        bottom: auto;
        overflow: auto;
        height:100%;
        box-sizing:border-box;
        z-index:6666;   
    }

     .border-print4 {
        border: 2px solid #042d8d;
        position: absolute;
        top: 300%;
        left: 0;
        right: 0;
        bottom: auto;
        overflow: auto;
        height:100%;
        box-sizing:border-box;
    }    
    #PDFASTForm{
        margin-top: 200px;
        float: left;
    }
    td.popup-info {
        background-color: #eef7fb !important;
        -webkit-print-color-adjust: exact;
    }

    #tblCompliancePlanBody tr td {
        text-align: center;
    }

    #tblTankInformation tr td {
        text-align: center;
    }

    #tblCompliancePlan tr td .date {
        align-content: center;
    }

    #tblInspectionChecklist tr td {
        min-width: 50px;
        text-align: center;
    }

    #tblDispenserInfo tr td {
        min-width: 30px;
        text-align: center;
    }

    #tblTankInformation tr td {
        padding-left: 20px;
    }

    #tblContainmentInfo tr td {
        min-width: 30px;
        text-align: center;
    }

    #tblSiteInspectionInfo tr td {
        min-width: 30px;
        text-align: center;
    }

    #PDFASTAnnualCompliance tr td {
        padding: 5px 0px 5px 5px;
    }

    #tblCompliancePlanBody tr th {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 0px;
    }

    .popup-table-parent {
        width: 100%;
        border: 0px;
    }

        /*.popup-table-parent tr td {
            border: none;
            font-size: 12px;
            color: #595959;
            font-family: Arial, Helvetica, sans-serif;
        }*/ 
               
        /*.popup-table-parent tr td, .custom-table2 tr td {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 12px;
            color: #595959;
            font-family: Arial, Helvetica, sans-serif;
        }*/

        /*.custom-table2 tr:nth-child(even), #tblInspectionChecklist1 tr:nth-child(even), #tblContainmentInfo1 tr:nth-child(even), #tblContainmentInfo2 tr:nth-child(even), #tblContainmentInfo3 tr:nth-child(even), #tblDeficiencyBasic tr:nth-child(even), #tblDeficiencyForm tr:nth-child(even){
            background-color: #F5F5F5;
        }*/

        /*.popup-table-parent tr td, .custom-table3 tr td {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 12px;
            color: #595959;
            font-family: Arial, Helvetica, sans-serif;
        }
        .custom-table3 tr:nth-child(even), #tblInspectionChecklist1 tr:nth-child(even), #tblContainmentInfo1 tr:nth-child(even), #tblContainmentInfo2 tr:nth-child(even), #tblContainmentInfo3 tr:nth-child(even), #tblDeficiencyBasic tr:nth-child(even), #tblDeficiencyForm tr:nth-child(even){
            background-color: #F5F5F5;
        }*/

       .popup-table-parent tr td, .ASTFormCustom-table tr td {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 11px;
            color: #595959;
            font-family: Arial, Helvetica, sans-serif;
        }
     
     .ASTFormCustom-table tr:nth-child(even), #tblInspectionChecklist1 tr:nth-child(even), #tblContainmentInfo1 tr:nth-child(even), #tblContainmentInfo2 tr:nth-child(even), #tblContainmentInfo3 tr:nth-child(even), #tblDeficiencyBasic tr:nth-child(even), #tblDeficiencyForm tr:nth-child(even){
            background-color: #F5F5F5;
        }

        #PDFASTForm tr td {
            padding: 5px;
        }
        #txtVolts, #txtAmps {
            width: auto;
            float: none;
        }
        
    .pad-lr5 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pull-left {
        display: inline-block;
    }

    .d-block {
        display: block;
    }

    .dataColumn {
        width: 6% !important;
    }

    .ASTTankHeight {
        height: 30px;
    }

    /*UST Style*/


    #tblDispenserInfoUST tr td:nth-child(3) {
        width: 34%;
        text-align: center;
    }

    #tblDispenserInfoUST tr td:nth-child(n+4) {
        width: 3%;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 5px;
    }

    #tblDispenserInfoUST tr td:nth-child(1) {
        width: 2%;
        text-align: center;
    }

    #tblDispenserInfoUST tr td:nth-child(2) {
        width: 4%;
        text-align: center;
    }

    #tblTankInformationUST tr td:nth-child(n+2) {
        width: 10%;
        text-align: center;
    }

    #tblInspectionChecklistUST tr td:nth-child(n+4) {
        width: 3%;
        text-align: center;
        padding: 5px 2px;
    }

    #tblInspectionChecklistUST tr td:nth-child(1) {
        width: 2%;
        text-align: center;
    }

    #tblInspectionChecklistUST tr td:nth-child(2) {
        width: 4%;
        text-align: center;
    }

    .USTheader {
        padding-left: 10px !important;
        height: 30px;
    }

    #tblTankInformationUST .tableTrHeight {
        height: 30px;
        text-align: left;
        padding-left: 10px !important;
    }

    #tblTankInformationUST .tableFirstTr {
        text-align: left;
        padding-left: 10px !important;
        height: 30px;
    }

    .contentInspectionChecklist {
        padding: 3px 8px !important;
        line-height: 20px;
        text-align: justify;
    }

    .txtCommentsU {
        border: 1px solid #ccc;
        height: 160px;
    }

    .dvUSTHeight {
        width: 100%;
        height: 43px;
    }
    .height80{
        height: 200px;
        float: left;
    }
    /*.USTheader {
        padding: 10px !important;
       
    }*/
    #tb1 tr:nth-child(even) {
        background: #F5F5F5;
    }

    #tb1 tr:nth-child(odd) {
        background: #FFF;
    }

    #tbASTForm tr:nth-child(even) {
        background: #F5F5F5;
    }

    #tbASTForm tr:nth-child(odd) {
        background: #FFF;
    }
    .USTheaderAtWOA {
        padding-left: 4px !important;
    }

    .USTheaderContent {
        padding-left: 4px !important;
    }

    .dff tr td {
        border: 1px solid #ccc;
      /*font-size: 14px;*/
        font-family: Arial, Helvetica, sans-serif;
    }

    .AdjustHeightUSTMonthly {
        height: 80px;
    }

    .tdRecommendedItem {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }


    .tdRecommendedItemASTMonthly {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .tblCompliancePlanHeaderColor {
        color: #6d6d6d;
    }

    .popup-table-parent #tblBasic23 tr td {
      border: 1px solid #ccc;
        /*padding: 5px;*/
        font-size: 12px;
        color: #595959;
        font-family: Arial, Helvetica, sans-serif;
    
    }
  
     .popup-table-parent #tblDeficiencyForm23 tr td {
      border: 1px solid #ccc;
        /*padding: 5px;*/
        font-size: 12px;
        color: #595959;
        font-family: Arial, Helvetica, sans-serif;
    
    }

  #tblBasic23 tr:nth-child(even) {
        background: #F5F5F5;
    }

    #tblBasic23 tr:nth-child(odd) {
        background: #FFF;
    }

    
  #tblDeficiencyForm23 tr:nth-child(even) {
        background: #F5F5F5;
    }

    #tblDeficiencyForm23 tr:nth-child(odd) {
        background: #FFF;
    }



    .deficiencyHeight {
    height:30px;
    }

     #tblDeficiency tbody tr td{
        border: 1px solid #ccc;
         page-break-before: always;
    }

    table.grount-table tbody tr td {
        padding: 5px !important;
    }

    #dvMain .popup-table-parent tr td{
        border: 1px solid #ccc;     
        font-size: 11px;
        color: #595959;
        font-family: Arial, Helvetica, sans-serif;
    }
    
     .FormBasicInfo {
        padding-left: 5px;
        height:28px;
    }

    #tblDeficiencyForm tr td {    
     height:30px;
    }

    #tblSignatureInfo tr td {
    padding-left:10px;
    }

    .lineTestTd {
        padding-left: 10px;
    }
    .print-pad-0{
        padding: 0;
    }
   #dvATGSCFormId #tab-container1 .etabs, .custom-table1{
        border-bottom: 0 !important;
    }
   .tab-content{
       border: 0 !important;
   }
   table.tptable{
       margin-bottom: 100px;
   }
            
      .ASTheader {
        padding-left: 10px !important;
        height: 47px;
    }
     
    .custom-table2 tbody tr td {
        padding: 5px 10px;
    }

      .ASTFormCustom-table tbody tr td {
        padding: 5px 10px;
    }
        .page-inside-notbreak1{
      page-break-inside:avoid;
  }
}


#gridContentSOW table.jtable tbody tr td:nth-child(16){
    position:relative;
}

#gridContentSOW table.jtable tbody tr td:nth-child(16) span img {
    position: absolute;
    right: 12px;
    top: 11px;
}
#gridContentSOW input[type=text]{
    width: 95% !important;
}

.tdgray-calender {
    margin-top: 1px;
}


#gridContentSOW table.jtable tbody tr td:last-child div{
    text-align:right;
    padding-right:10px;
}

#gridContentSOW table.jtable tbody tr td:nth-child(6){
     text-align:right;
    padding-right:10px !important;
}

#snackbar {
    font-size:16px !important;
}

#btnCloseMonthDate {
    font-size:14px;
}

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 0;
    color: #000;
    font-size: 14.5px !important;
}

.ui-button-text-only .ui-button-text {
    padding: 0.2em 0.1em !important;
}

.ui-dialog-titlebar-close {
        background-image: url(/Content/themes/base/images/ui-icons_888888_256x240.png);
    background-position: -96px -128px;
}

.right-wrappe select, .left-wrappe select{
    font-size:12px !important;
}
.scrollbar {

    height: calc(100vh - 200px) !important;
}
#tblSiteListInfo tbody tr td div table tbody tr td {
    width:100% !important;
    border-bottom:none;
}

/*shubham*/

#SiteMainForm div.update-data-new #dvEditSiteInfo .add-list1-a img, #SiteMainForm div.update-data-new #dvEditSiteComp .add-list1-a img{
    position:relative;
    top:4px;
    right:5px;
}

 #SiteMainForm div.update-data-new #dvUpdateSiteComp .add-list1-a img,  #SiteMainForm div.update-data-new #dvUpdateSiteInfo .add-list1-a img{
    position:relative;
    top:4px;
    right:5px;
}

 #SiteMainForm #dvUpdateRepresentativeInfo .add-list1-a img, #SiteMainForm #dvUpdateSiteIndustryInfo .add-list1-a img, #SiteMainForm #dvEditSiteIndustryInfo .add-list1-a img, #SiteMainForm #dvEditRepresentativeInfo .add-list1-a img{
    position:relative;
    top:4px;
}

#SiteMainForm #dvUpdateTankInfo .add-list1-a:nth-child(2) img, #SiteMainForm #dvUpdatePipeInfo .add-list1-a:nth-child(2) img, #SiteMainForm #dvUpdateContainmentSumps .add-list1-a:nth-child(2) img{
    left:0px;
}

#SiteMainForm .update-data-new .add-list1-a img{
    position:relative;
    right:14px;
}

#texteditor .te {
        width: 100%;

}

#texteditor .te div iframe{
    width:100% !important;
}

#dvOpenMailPop-Up {
    overflow-x:hidden;
}

/*shubham*/


#tblWOScheduleTileList_wrapper .dataTables_scrollHeadInner {
    width:100% !important;
}
#tblWOScheduleTileList_wrapper .dataTable {
    width:100% !important;
}


/*30thJul'20*/
@media (min-width: 1600px) {
    #dvtxtQuery.row1 input[type="text"] {
        width: 306px;
    }

    #dvtxtQuery.row1 .ui-multiselect.ui-widget {
        width: 306px !important;
    }
}

/*26/7*/
.ux-recurring {
    align-items: flex-end;
    margin-left: auto;
    margin-right: 15%;
}

.ux-txt-ct {
    margin-right: 0px !important;
}
/*@media screen and (min-width:2000px){
    .ux-recurring {
        margin-right: 0px;
    } 
}*/


/*.cstm-popup-table-parent tr td {
    padding: 0px 5px !important;
}*/

.page-break-cstm{
    page-break-before:always;
}

/*.table-padding-2 {
    height: -32px;
}*/


/*.fontBoldToNormal .popup-active {
    font-weight: 100;
    font-size: 10px;
}
.popup-table-parent tr td {
    font-size: 10px;
}
.fontBoldercstm{
    font-weight:700 !important;
}*/
.popup-table tr td {
    padding: 0px 5px !important;
}
.popup-table-parent .text_area {
    height: auto !important;
}
.popup-table-parent tr td.test-outer-border {
    padding: 1px !important;
}
.tblUstFormHeader tr td {
    padding: 1px 0px 0px 5px !important;
}
.formArialFont {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #595959;
}
table.tblUstFormPrintHeader tr td {
    padding: 1px 0px 0px 5px !important;
}
@media print {
    .PrintIconCstm {
        display: none;
    }
    .popup-table-parent .tblUstFormHeader .tdUstFormheader {
        border: 1px solid #ccc;
    }
    
    /*.fontBoldToNormal .formArialFont {
        font-weight: 100;
        color: #595959;
    }*/
    .popup-table-parent .popup-active{
        font-weight:400;
    }
   
.popup-table-parent tr td{
        font-size:10px;
    }


}

.tblUstFormHeader tr:nth-child(2) td:nth-child(1){
    width:10%
}
.tblUstFormHeader tr:nth-child(2) td:nth-child(2) {
    width: 50%
}
.tblUstFormHeader tr:nth-child(2) td:nth-child(3) {
    width: 20%
}
.tblUstFormHeader tr:nth-child(2) td:nth-child(4) {
    width: 20%
}

.tblUstFormPrintHeader tr:nth-child(2) td:nth-child(1) {
    width: 10%
}

.tblUstFormPrintHeader tr:nth-child(2) td:nth-child(2) {
    width: 50%
}

.tblUstFormPrintHeader tr:nth-child(2) td:nth-child(3) {
    width: 20%
}

.tblUstFormPrintHeader tr:nth-child(2) td:nth-child(4) {
    width: 20%
}

.popup-table input[type='radio'] {
    margin-right: unset !important;
}


/*03/12/2024*/
.DialogueCstmCommon .ui-dialog-titlebar-close {
    background-image: url(https://connect.cgrs.com/CGRSReplica/Scripts/images/ui-icons_888888_256x240.png);
    background-position: -96px -128px;
}

#tblProjectCommunicationLogList td:nth-child(5), #tblProjectCommunicationLogList th:nth-child(5) {
    max-width: 700px;
    word-break: break-word;
    text-align: left;
}
#tblProjectCommunicationLogList td:nth-child(6), #tblProjectCommunicationLogList th:nth-child(6) {
    max-width: 200px;
    word-break: break-word;
    text-align: center;
}


#tblProjectCommunicationLogList td:nth-child(5) span {
    font-size: 12px !important;
    
}