/* Minification failed. Returning unminified contents.
(636,13): run-time error CSS1035: Expected colon, found '}'
(4803,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(4837,27): run-time error CSS1036: Expected expression, found '<'
(4840,27): run-time error CSS1036: Expected expression, found '<'
 */
html, body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    border: 0;
}

body {
    margin: 0;
    padding: 0;
    background: url(images/layout/bg.png);
    background:#e5e5e5;
}

* {
    font-family: arial !important;
    font-size: 12px;
}

#promptPopup_container p, b {
    font-family: "Trebuchet MS" ,Verdana,Arial,Helvetica,sans-serif !important;
}
/* Default font  p, div a Elements */

h1, p {
    margin: 0;
    padding: 0.3em 0;
}

h2 {
    font-size: 20px !important;
}

a {
    text-decoration: none;
    color: #00F;
    border: none !important;
}

    a:hover {
        text-decoration: underline;
    }
/* Font Family */
.font-Arial {
    font-family: arial !important;
}
/* Font Sizes in Px */
.font-size-9 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-14 {
     font-size: 14px;
}
.font-size-16 {
     font-size: 16px;
}
.font-size-18 {
     font-size: 18px;
}
.font-size-20 {
     font-size: 20px;
}

a {
    border: none;
    border: 0px;
    outline: none;
}

.header {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    min-width: 100%;
    background-image: url("images/bg-sprite.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    z-index: 1000;
}

.main-content-body {
    background-color: #fff;
    position: relative;
    height: 100%;
    min-width: 900px;
    margin-left: 25px;
    margin-right: 25px;
    min-height: 100%;
    margin-top: -145px;
    z-index: 0;
}

*html .container {
    height: 100% !important;
    width: 100%;
    background-color: #CCC;
}

.glare {
    background-image: url("images/bg-sprite.png");
    background-repeat: no-repeat;
    /*background-position: 219px -559px;*/
    background-position: 5px -559px;
}


/* footer */
.footer { background-image: url("images/bg-sprite.png"); background-position: 0px -96px; background-repeat: repeat-x; bottom: 0px; clear: both; color: #FFFFFF; height: 35px; line-height: 26px; text-align: center; width: 100%; position:fixed; z-index: 9999;vertical-align: middle;}

    /*.footer p {
        padding-top: 20px;
    }*/

        .footer p a {
            color: #fff;
            padding-top: 5px;
            font-size:10px;
        }

     .footer-content p a,.footer-content p {
             
            font-size:10px;
        }  

.bg-topmenu {
    width: 100%;
    height: 24px;
    background: #09337d;
    z-index: 30;
    position: relative;
    display: block;
    min-width: 100%;
}

.bg-topmenu-gradient {
    background: url(images/bg-header-strip-900.png) no-repeat;
    width: 900px;
    height: 24px;
    margin: 0px auto 0px auto;
}

.content-wrapper {
    height: 100%;
    width: 100%;
    min-height: 100%;
    /*position: absolute;*/
    z-index: 1;
}

.main-content-placeholder {
    position: relative;
    z-index: 0;
    background: #fff;
    height: 100%;
}

.content {
    padding-top: 148px;
    padding-left: 200px;
    background: #fff;
    height: 100%;
    vertical-align: top;
    padding-right: 10px;
}

.left-nav-placeholder {
    height: auto;
    min-height: 100%;
    width: 190px;
    position: absolute;
    float: left;
    border-right: solid 1px #cccccc;
    z-index: 200;
    vertical-align: top !important;
}
/*Header Section*/

.top-links-2 {
    float: right;
    height: 40px;
    margin-right: 8px;
    margin-top: 10px;
    text-align: right;
    /*width: 360px;*/
}

.btn-home, .btn-password, .btn-user-access {
    float: left;
    margin-right: 20px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    color: gray;
}

.current {
    background: url(images/btn-sprite.png);
    color: #fff;
    background-position: -12px -278px;
}

.top-links-2 div:hover {
    background: url(images/btn-sprite.png) no-repeat;
    color: gray !important;
    background-position: -12px -224px;
}

.btn-home span, .btn-password span, .btn-user-access span {
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 20px;
    margin: 2px 0px 0 4px;
    padding-top: 10px;
    text-align: center;
    width: 60px;
}

.top-links-2 div a {
    color: gray;
}

.top-links-2 .current:hover {
    color: #fff !important;
    background: url(images/btn-sprite.png);
    background-position: -12px -278px;
    color: #fff !important;
}

.top-links-2 .current a {
    color: #fff !important;
}

.header-tbl {
    display: table;
    width: 100%;
    height: 70px;
}

    .header-tbl .tb-row {
        display: table-row;
    }

        .header-tbl .tb-row .logo-placeholder {
            width: 33.33%;
            display: table-cell;
            vertical-align: top !important;
        }

        .header-tbl .tb-row .top-links-placeholder {
            width: 33.33%;
            display: table-cell;
            vertical-align: top !important;
            /*padding-top: 20px;*/
            text-align: right;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: nowrap;
        }

        .header-tbl .tb-row .top-linkbtns-placeholder {
            width: 33.33%;
            display: table-cell;
        }

        .header-tbl .tb-row .tp-links-placeholder {
        }

.bg-logo {
    background: url(images/AjgLogo.png) no-repeat;
    display: block;
    width: 282px;
    height: 57px;
    margin: 2px 0px 0px 15px;
}
/*Left Navigation*/

.left-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 200;
    position: relative;
    /*margin-top: 150px;*/
}

.left-nav-wrapper {
    vertical-align: top;
    z-index: 4000;
    min-width: 190px;
    max-width: 190px;
}

.left-nav .empty {
    height: 1px;
    background: url(images/bg-sprite.png);
    background-repeat: repeat-x;
    background-position: left top;
}

.left-nav li {
    color: gray;
    height: 36px;
    width: 190px;
    padding-left: 0px;
    vertical-align: middle;
    /*background: url(images/bg-sprite.png);*/
    background-repeat: repeat-x;
    background-position: left bottom;
   border:none;
}

.left-nav-separator {
    background: url(images/bg-sprite.png);
    background-repeat: repeat-x;
}

.sprite-left-nav {
    background: url("images/icon-sprite.png");
    float: right;
    height: 25px;
    margin-right: 10px;
    margin-top: -2px;
    width: 28px;
}
/*links*/

.icon-home {
    background-position: -10px -97px;
    margin-top: -5px;
    border: 0;
}

.ui-state-active .icon-home {
    background-position: -42px -97px;
    margin-top: -9px;
    border: 0;
}

.icon-contracts {
    background-position: -10px -141px;
    border: 0;
}

.ui-state-active .icon-contracts {
    background-position: -40px -141px;
    border: 0;
}

.icon-documents {
    background-position: -10px -181px;
    margin-top: -5px;
    border: 0;
}

.ui-state-active .icon-documents {
    background-position: -42px -181px;
    margin-top: -5px;
    border: 0;
}

.icon-cliams {
    background-position: -73px -221px;
    margin-top: -5px;
    border: 0;
}

.ui-state-active .icon-cliams {
    background-position: -110px -221px;
    margin-top: -5px;
    border: 0;
}

.icon-reports {
    background-position: -10px -263px;
    margin-top: -5px;
    border: 0;
}

.ui-state-active .icon-reports {
    background-position: -42px -263px;
    margin-top: -5px;
    border: 0;
}

.m-item a {
    text-decoration: none;
    color: gray;
}

.left-nav-current:hover > .m-item span {
    color: #fff !important;
    text-decoration: none !important;
}

.left-nav-current .m-item a:hover {
    text-decoration: none !important;
}

.left-nav li:hover {
    cursor: pointer;
}

.m-item span {
    position: relative;
    padding-left: 10px;
    padding-top: 10px;
    display: block;
    height: auto;
    cursor: pointer;
}

.left-nav li:hover > .m-item span {
    color: black;
}
/*.current-m-fold {
	background: url(images/layout/m-shadow.png) no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	margin-left: -15px;
	margin-top: 36px
}
.current-m-item {
	background: url(images/selected.png) repeat-y;
	color: #fff;
	margin-left: -20px;
	width: 210px;
	height: 40px;
	display: block;
	float: left;
	margin-top: -4px;
}
.m-item span.txt {
	position: relative;
	padding-left: 30px;
	padding-top: 12px;
	display: block;
	height: auto;
	cursor: pointer;
	color: #fff
}*/
/*Login Style*/


.height-371 {
    height: 371px;
}

.width-806 {
    width: 806px;
}

.element-center {
    margin-left: auto;
    margin-right: auto;
}

p, div, a, input {
    font-family: arial;
    font-size: 12px;
}

.border-all {
    border: 1px solid #CCCCCC;
}

.position-relative {
    position: relative;
}

.background-white {
    background-color: #FFFFFF;
}

.height-auto {
    height: auto;
}

.margin-top_190 {
    margin-top: -169px;
}

.width-450 {
    width: 450px;
}

.round-corners {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.login-logo {
    background-image: url("images/AjgLogo.png");
    background-repeat: no-repeat;
    height: 57px;
    width: 265px;
}

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

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

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

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

.border-0-transparent {
    border: 0 none transparent;
}

.btn-login {
    background-image: url("images/btn-sprite.png");
    background-repeat: no-repeat;
    background-position: -13px -178px;
    width: 117px;
    height: 29px;
}

.border-none {
    border: medium none;
}

.text-colorFFF {
    color: #FFFFFF;
}

.padding-bottom-3 {
    padding-bottom: 3px;
}

.margin-top-20 {
    margin-top: 20px;
}

.height-28 {
    height: 29px;
}

.height-30 {
    height: 30px !important;
}

.width-138 {
    width: 139px;
}

.font-size-14 {
    font-size: 14px;
}

.font-Arial {
    font-family: arial;
}

.color333 {
    color: #333333;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.margin-top-14 {
    margin-top: 14px;
}

.width-450 {
    width: 450px;
}

.Custum-DB-db-top {
    background-image: url(images/widget-middle.png);
    background-repeat: repeat-x;
}


.payroll-tbl-wrapper {
    display: block;
    /*padding-right: 10px;*/
    padding-right:0px;
    width: 100%;
    position: relative;
}
    /*=================== =================================*/
    .payroll-tbl-wrapper .tbl {
        display: table;
        border: solid 0px red;
        position: relative;
    }

        .payroll-tbl-wrapper .tbl .tbl-row {
            display: table-row;
        }

            .payroll-tbl-wrapper .tbl .tbl-row .tbl-cell {
                display: table-cell;
            }

                .payroll-tbl-wrapper .tbl .tbl-row .tbl-cell:first-child {
                    min-width: 220px;
                    border-right: solid 1px gray;
                    vertical-align: top; /*DESIGN TEAM*/
                }

                .payroll-tbl-wrapper .tbl .tbl-row .tbl-cell:last-child {
                    width: 100%;
                    border: none;
                    margin-right: 10px;
                    position: relative;
                }

            .payroll-tbl-wrapper .tbl .tbl-row .rt-cell {
                width: 100%; \9
            }
/* IE 8 hack */
/*====================================================*/
/*Title bar/Icon Bar*/
.icon-bar {
    width: 100%;
    height: 28px;
    background: #e2e2e2;
    margin: 5px auto 0px auto;
}

.apd {
    height: 28px;
    background: #e2e2e2;
    margin: 4px 5px 0px 5px;
}

.form-fields-placeholder {
    padding: 24px; /*DESIGN TEAM*/
}

    .form-fields-placeholder input[type="text"] {
        width: 200px;
         border: solid 0px gray; 
       
        height: 16px;
    }

    .form-fields-placeholder label {
        padding-right: 5px;
    }

    .form-fields-placeholder .input-wrapper {
        /*border: solid 1px #7a7a7a;*/
        border: solid 1px #DBDBDB;
        width: auto;
        display: inline-block;
        height: 18px;
    }

        .form-fields-placeholder .input-wrapper .icon-search {
            width: 20px;
            height: 18px;
            display: inline-block;
            vertical-align: top;
        }

.icon.sprite {
    background: url(images/icon-sprite.png);
}

.icon-calander {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.checkbox {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Grid Header */

.t-toolbar, .t-grid-toolbar, .t-grid-top, .grid-header {
    background: url(images/bg-sprite.png) repeat-x;
    background-position: 0px -172px;
    width: 100%;
    /*height: 34px;*/
       height: 38px;
    margin: 0px auto 0px auto;
    border: 1px solid #306895;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    padding: 0px;
    box-sizing:border-box
 
}
.k-grid-header th.k-header>.k-link {
    
    background: transparent;
    margin: 0px;
    padding: 0px;
        height: 31px;
    line-height: 32px;
}
.k-grid-header th.k-header {
      vertical-align: top; 
}
.switch-header {
    background: url(images/bg-sprite.png) repeat-x;
    background-position: 0px -172px;
    width: 100%;
    height: 33px;
    margin: 0px auto 0px auto;
    border: 1px solid #3f88c3;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    padding: 0px;
    cursor: pointer;
}

.switch-title {
    float: left;
    padding: 7px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #fff;
}

.switch-title.projecttracker {
    color: blue;
}

.switch-header.projecttracker {
    background: none !important;
    background-color: #ffc000 !important;
}

.gridtoolbar {
    float: right;
    padding-top: 7px;
}

    .gridtoolbar a {
        margin-right: 5px;
    }
/*Placehoders*/


.grid-icons-placeholder {
    height: 0px;
    padding: 0px;
    float: right;
}

    .grid-icons-placeholder span {
        display: inline-block;
         margin: 0px 10px;
    }

.icon-text-placeholder {
    float: left;
    font-weight: normal;
    padding: 6px;
    font-size: 14px;
    color: #0e3d84;
}

.icons-placeholder {
    height: 0px;
    padding: 3px;
    float: right;
}

.grid-icons-placeholder img {
    margin-left: 14px;
}

.grid-icons-placeholder span {
    /*margin-left: 14px;*/
   
    margin-left: 0px;
}

.icons-placeholder span {
    margin-left: 10px;
}

.label-placeholder {
    width: 3.0% !important;
    vertical-align: top;
    padding-right: 10px;
}

.checkbox-placeholder {
    margin-top: -1px;
}

.btn-submit {
    margin: 0px auto 0px auto;
    display: block;
    width: 100px;
    text-align: center;
    padding-top: 8px;
    color: #fff;
    cursor: pointer;
}

    .btn-submit a {
        color: #000;
    }

        .btn-submit a:hover {
            text-decoration: none;
            color: #000;
        }

.btn-submit-0 a span {
    display: inline-block;
    margin-top: 8px;
    color: #000;
}

.btn-sprite {
    background: url(images/btn-sprite.png);
}
/*icons Sprite and positions  */
/*.sprite*/

.icon-sprite {
    background: url(images/icon-sprite.png);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .icon-sprite span {
        display: inline-block;
    }

.icon-add-0 {
   /*background-position: -8px -2px; */
   background: url(images/sprite-icons.png);
       background-position: -90px -668px;
    width: 35px;
    height: 32px;
    display: block;
    float: left;
    background-color: #005197;
     
}
.icon-add-0:hover {
    background-color: #003664;

}
.icon-add-1 {
    background-position: -7px -2px;
    display: inline-block;
}

.icon-remove {
    background: url(images/sprite-icons.png);
    background-position: -116px -668px;
    width: 33px;
    height: 32px;
    margin-top: 7px;
    display: block;
    float: left;
    background-color: #C83400;

}
    .icon-remove:hover {
    background-color:#952700;
    }

.icon-help {
    background-position: -93px -3px;
    display: inline-block;
}

.icon-print {
    background-position: -66px -3px;
    display: inline-block;
}

.icon-calander {
    background-position: -38px -2px;
}

.icon-search {
    background-position: -31px -26px;
}

.icon-calculator {
    background-position: -93px -25px;
}

.icon-download {
    background-position: -66px -26px;
}

.btn-submit-0 {
    background-position: -13px -178px;
    width: 119px;
    height: 32px;
}

.txt-align-center {
    text-align: center;
}

    .txt-align-center label {
        color: #878787;
    }

h2, h2 span {
    text-align: center;
    font-size: 18px !important;
}

.ICW-tbl-wrapper {
    display: block;
    padding-right: 10px;
    width: 90%;
    height: auto;
    margin: 0px auto 0px auto;
    margin-bottom: 30px;
}

.bg-table-row {
    background: url(images/bg-sprite.png) !important;
    background-position: 0px -331px;
}


.btn-ICW-wrapper {
    display: block;
    width: 90%;
    height: auto;
    margin: 0px auto 0px auto;
    margin-bottom: 10px;
}

.btn-table {
    display: table;
    width: 100%;
    height: auto;
    border-left: none;
}

.btn-tr {
    display: table-row;
    width: 100%;
    height: auto;
}

.btn-td {
    display: table-cell;
    height: auto;
}












.table {
    display: table;
    width: 100%;
    height: auto;
    /*border: solid 1px gray;*/
    border-left: none;
}

.tr {
    display: table-row;
    width: 100%;
    height: 25px;
}

.td {
    display: table-cell;
    background: orange;
    height: 26px;
    border-top: solid 0px gray;
    border-left: solid 1px gray;
}

.td {
    background: url(images/bg-sprite.png);
    background-position: 0px -234px;
    vertical-align: top;
    text-align: center;
    color: #656463;
}

.th .td {
    background: #fff;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-weight: bold;
}

* .grid-title {
    float: left;
    width: 30%;
    padding: 7px;
    font-weight: bold;
    font-size: 13px;
}

.APcontent-wrapper { /*DESIGN TEAM*/
    /*	overflow-y: scroll !important;
	overflow-x: hidden*/
}
/*payroll TABLE*/
.payroll-table-wrapper {
    width: 96% !important;
    border: none;
    height: 100%;
}

.payroll-table {
    display: table;
    position:relative !important
}

.payroll-tr {
    display: table-row;
}

.payroll-td {
    display: table-cell;
    padding-top: 12px;
}
textarea:focus, texarea:active {
 
outline:none;
}

.icons-placeholder .add-new-link,.icons-placeholder .print-link{text-decoration:none;}
.f-label {
    min-width: 100px;
    text-align: right;
    padding-right: 10px;
    color: #878787;
}

.ash-outline-bx .f-label {
    padding-left: 2px;
    min-width: 100px;
}

.textarea {
    width: 100%;
    padding-right: 20px;
}

textarea {
    width: 485px; /*DESIGN TEAM*/
    height: 100px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    textarea {
        width: 484px;
    }
}


.apd-textarea {
    width: 383px !important; /*DESIGN TEAM*/
    height: 100px;
}

input[type="text"] {
    width: 170px;
}

.date input {
    width: 142px;
}

.chkbox {
    width: 170px;
}

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

.form-caption {
    font-weight: bold;
    font-size: 13px;
    padding-left: 20px;
}

.payroll-tbl {
    width: 90%;
    margin: 0px auto 0px auto;
}

.payroll-grid-header {
    width: 90%;
}


.btn-submit {
    position: relative;
    background-position: -13px -178px;
    width: 119px;
    height: 32px;
    text-align: center;
}

.btn-submit-gray a {
    color: Gray;
}

    .btn-submit-gray a:hover {
        text-decoration: none;
        color: Gray;
        cursor: default;
    }

.align-rt {
    float: right !important;
}
/***************************************Contract Document Start Here******************************************/
.display-block {
    display: inline-block;
}

.display-inline {
display:inline-block;
}
.doc-main-container {
    width: 100%;
    margin-top: 2px;
}

.doc-graybar {
    width: 100%;
    height: 25px;
    background-color: #e2e2e2;
    padding-top: 8px;
    font-family: Wingdings 2;
}

    .doc-graybar span {
        margin-left: 10px;
        color: #0e3d84;
    }

.height-46 {
    height: 46px;
}

.paddingtop-24 {
    padding-top: 24px;
}

.form-label {
    float: left;
    margin-right: 5px;
    width: 136px;
    height: 21px;
    text-align: right;
    color: #878787;
}

.form-input {
    float: left;
    margin-left: 15px;
    border: 1px solid gray;
    height: 18px;
}

    .form-input span input {
        width: 210px;
        border: none;
        height: 16px;
        vertical-align: top;
    }

.icon-search {
    background: url(images/icon-sprite.png);
    background-repeat: no-repeat;
    background-position: -37px -26px;
    width: 18px;
    height: 21px;
    display: inline-block;
}
/*.divider*/
.bg-hr-divider {
    background: url(images/bg-sprite.png);
    background-repeat: repeat-x;
    background-position: 0px -339px;
    width: 98%;
    height: 5px;
    margin-bottom: 10px;
    display: block;
    margin: 0px auto;
}

.height-122 {
    height: 122px;
}

.formtype-label {
    float: left;
    margin-right: 5px;
    width: 136px;
    height: 21px;
    text-align: right;
    color: #878787;
}

.selectbox-container {
    float: left;
    margin-left: 15px;
    height: 120px;
    float: left;
    overflow: scroll;
    border: 1px solid #7a7a7a;
    min-width: 275px;
    margin-left: 156px;
    margin-top: -20px;
}

.selectbox-subcontainer {
    height: 25px;
    float: left;
    width: 209px;
}

    .selectbox-subcontainer .check-box {
        padding-right: 5px;
        width: 100px;
    }

    .selectbox-subcontainer .label {
        padding-right: 5px;
        width: 100px;
    }

.browse-input {
    float: left;
    /*margin-left: 15px;*/
    margin-bottom: -8px;
}

    .browse-input input {
        width: auto;
        height: 23px;
    }

.btn-browse {
    float: left;
    margin-left: 12px;
    height: 24px;
    padding-top: 1px;
}
/*.helpicon*/
.icon-tooltip {
    width: 24px;
    height: 21px;
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}
    /*helpicon*/
    .icon-tooltip span {
        width: 18px;
        height: 18px;
        display: inline-block;
        background: url(images/icon-sprite.png);
        background-repeat: no-repeat;
        background-position: -93px -3px;
    }
/*help-popup*/
.tooltip {
    margin-top: -4px;
    width: 165px;
    height: 29px;
    float: left;
    background: url(images/bg-sprite.png);
    background-repeat: no-repeat;
    background-position: -20px -507px;
    /*padding-top: 8px;*/
    padding-left: 10px;
}
    /*.help-popup span*/
    .tooltip span {
        font-size: 10px;
        color: #0e3d84;
    }
/*.help-popup-close-btn */

.btn-tootip-close {
    margin-top: -10px;
    margin-left: -26px;
    float: left;
    width: 18px;
    height: 18px;
    background: url(images/icon-sprite.png);
    background-repeat: no-repeat;
    background-position: -119px -2px;
}

.height-50 {
    height: 50px;
}
/*.upload-btn*/
.btn-upload {
    float: left;
    /*margin-left: 15px;*/
    background: url(images/btn-sprite.png);
    width: 95px;
    height: 30px;
    background-position: -13px -178px;
    padding-top: 8px;
    padding-left: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: left !important;
}

.btn-submit-gray {
    position: relative;
    background-position: -168px -178px;
    width: 119px;
    height: 32px;
    text-align: center;
    cursor: default;
}

    .btn-submit-gray span {
        color: Gray;
    }

.document-grid {
    height: auto;
    width: 99.8%;
}
/***************************************Contract Document Ends Here******************************************/

/************************************Dashboard 4 Ash Buttons Starts Here*************************************/

.icon-db-enrollment {
    display: inline-block;
    width: 20px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
    background-position: -8px -56px;
}

.icon-db-icw {
    display: inline-block;
    width: 20px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
    background-position: -106px -56px;
}

.icon-db-payroll {
    display: inline-block;
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
    background-position: -70px -56px;
}

.icon-db-documents {
    display: inline-block;
    width: 20px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
    background-position: -40px -56px;
}

.btn-placeholder {
    text-align: right;
    margin-top: 9px;
}

.btn-ash {
    border: 0 solid red;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    width: auto;
}

    .btn-ash span a {
        text-decoration: none;
        color: #000;
    }

.btn-ash-lt {
    background: url("images/btn-sprite.png") repeat scroll -12px -10px transparent;
    float: left;
    height: 33px;
    width: 140px;
}

.btn-ash-rt {
    background: url("images/btn-sprite.png") repeat scroll -292px -10px transparent;
    float: left;
    height: 33px;
    width: 7px;
}

.btn-ash-lt span {
    padding: 8px 10px 10px 0px;
    display: block;
    position: relative;
    border: solid 0px green;
    text-align: center;
    font-size: 14px;
}
/**********************************Dashboard 4 Ash Buttons Ends Here**************************************/

/************************Grid Navigation Swap****************************/

.t-grid .t-status-text {
    float: left !important;
}

.t-grid .t-pager {
    float: right !important;
}
/************************Grid Pagination Drop Down Text Color****************************/

.t-popup .t-item {
    color: #898989 !important;
}

.t-dirty {
    border: none;
}

.text-colorff0 {
    color: Red;
}

.bg-icon {
    background-image: url("images/bg-sprite.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 18px;
    float: right;
    margin-top: -5px;
    margin-right: 5px;
}
/*
.bg-enrolled {
    background-position: -376px -510px;
}

.bg-pending {
    background-position: -414px -510px;
}

.bg-onhold {
    background-position: -455px -510px;
}

.bg-incomplete {
    background-position: -490px -510px;
}

.bg-excluded {
    background-position: -524px -510px;
}

.bg-excluded-but-sub-enrolled {
    background-position: -556px -510px;
}

.bg-new {
    background-position: -376px -589px;
}

.bg-closed {
    background-position: -414px -589px;
}

.bg-cancelled {
    background-position: -455px -589px;
}

.bg-terminated {
    background-position: -490px -589px;
}
*/
.text-filed-border {
    border: solid 1px #DBDBDB;
}

.changepassword-textbox {
    width: 240px !important;
    height: 25px !important;
}

input[disabled][type='text'] {
    background-color: #DFECF4 !important;
    color: #000;
}

input[readonly][type='text'] {
    background-color: #DFECF4 !important;
}

input[readonly][type='password'] {
    background-color: #DFECF4 !important;
}

select[disabled] {
    background-color: #DFECF4 !important;
}

select[readonly] {
    background-color: #DFECF4 !important;
}

.enrollmentrequired {
    background: none repeat scroll 0 0 #FFFFE0 !important;
}

.customrequired {
    background: none repeat scroll 0 0 #FFFFE0 !important;
}

.readonly-textbox {
    background-color: rgb(223, 236, 244);
}

.required-textbox {
    background-color: rgb(255, 255, 224);
}

.cssi-reqfield {
    background-color: rgb(255, 255, 224);
}

.readonly-legend {
    background-color: #DFECF4;
}

.required-legend {
    background-color: #FFFFE0;
}

.box-style {
    letter-spacing: 1px;
    width: 10px;
    height: 10px;
    font-size: 9px;
    float: left;
    margin-right: 80px;
    border: solid 1px #CCCCCC;
}

    .box-style span {
        padding-left: 15px;
        letter-spacing: 1px;
        width: 100px;
        color: #666666;
        font-family: Arial;
        font-size: 9px;
    }

        .box-style span em {
            font-family: Arial;
            font-size: 9px;
        }

.legend-area {
    font-family: Arial;
    font-size: 8px; /*DESIGN TEAM*/
  
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 8px;
}


/*this is for ICW gird*/
#elgrdICWEstPayroll .t-grid-bottom, #elgrdICWWC .t-grid-bottom, #elgrdICWLiability .t-grid-bottom, #elgrdICWOtherAdj .t-grid-bottom, #elgrdICWExcessLiability .t-grid-bottom {
    display: none;
}

.t-animation-container {
    z-index: 99999 !important;
}




.header-title {
    color: #444;
    width: 50px;
    font-weight: bold;
    font-size: 16px;
}

.width-280 {
    width: 280px;
}

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

.header-title, .icon-x, .icon-arrow {
    display: block;
    position: relative;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 10px;
}
/*TDA*/
.widget-table {
    display: table;
    width: 100%;
    border: solid 0px #E5E5E5;
}

.widget-tr {
    display: table-row;
    -moz-border-radius: 10px !important;
}

.widget-td {
    display: table-cell;
    height: 40px;
    width: 100%;
}

.widget-header {
    background-position: 0px -830px;
    background-repeat: repeat-y;
    color: gray;
}

.widget-content {
    width: 99.80%;
    height: auto;
    z-index: 3000;
    position: relative;
    display: none;
    overflow: hidden;
    border-left: solid 1px #E5E5E5;
    border-right: solid 1px #E5E5E5;
    border-bottom: #E5E5E5;
}

.widget-footer {
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: 0px;
    background: url("images/bg-sprite.png");
    background-position: 0px -957px;
    background-repeat: repeat-x;
}

.sprite-bg {
    background: url("images/bg-sprite.png");
}

.sprite-icon {
    background: url("images/icon-sprite.png");
}

.ui-icon-gripsmall-diagonal-se {
    background: url("images/bg-sprite.png");
    background-position: -543px -546px;
    width: 50% !important;
    margin: 0px auto 0px auto !important;
    background-repeat: no-repeat;
}

.icon-x {
    background-position: -78px -258px;
    height: 35px !important;
    width: 35px !important;
    margin-top: 2px;
}

    .icon-x span {
        margin: 6px 0px 0px 11px;
        color: #fff;
        display: block;
        cursor: default;
        font-size: 18px;
        font-weight: bold;
    }

.icon-collapse {
    background-position: -82px -93px !important;
}

.icon-expand {
    background-position: -124px -93px;
    float: right;
    height: 33px;
    margin-right: 7px;
    padding: 3px;
    vertical-align: middle;
    width: 30px;
}

.toggle-chk {
    float: left;
    padding: 10px;
    color: #878787;
}

    .toggle-chk .toggle-checkbox {
        float: left;
    }

    .toggle-chk .toggle-label {
        float: left;
        margin-top: 3px;
    }

.toggle-checkbox {
    float: left;
}

.toggle-label {
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.m-left50 {
    margin-left: 50px;
}

.m-bottom-btn {
    margin-bottom: 30px;
}

.width-auto {
    width: auto !important;
}

.clear {
    clear: both;
}

.clearfix {
    height: 20px;
}
.veritcal-separator {

color:#949494;
}

.margin-top8 {
    margin-top: 8px;
}

.none {
    display: none;
}

.block {
    display: block;
}

* {
    font-family: arial !important;
}

.legends-ph {
    text-align: left;
    width: 100%;
    padding-top: 14px;
}

    .legends-ph .legends {
        float: right;
        margin-right: 10px;
    }

.legends .legend-readonly {
    padding-top: -1px;
    display: inline-block;
}

    .legends .legend-readonly .symbol {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: solid 1px #cfe1f7;
        background: #cfe1f7;
    }

    .legends .legend-readonly .l-label {
        display: inline-block;
        height: 14px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 0px;
        font-size: 10px;
        vertical-align: text-top;
        color: #999;
    }

.legends .legend-required {
    padding-top: -1px;
    display: inline-block;
}

    .legends .legend-required .symbol {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: solid 1px #CCCCCC;
        background: #FFFFE0;
    }

    .legends .legend-required .l-label {
        display: inline-block;
        height: 14px;
        padding-left: 5px;
        margin-top: 0px;
        font-size: 10px;
        vertical-align: text-top;
        color: #999;
    }

.require input, .require select, .require textarea { background: none repeat scroll 0 0 #EFE89B; }

.c-table {
    display: table;
    width: 100%;
}

.c-tr {
    display: table-row;
}

.c-td {
    display: table-cell;
    margin: 10px;
}

.label {
    text-align: right;
    padding-right: 10px;
    /*height: 22px;*/
    height:18px;
    vertical-align: middle;
    color: #878787;
    width: 200px;
}

.control {
    float: left;
    width: 82%;
}

#epReportPanel_AdvSearch .control {
    width: 100% !important;
}

.ui-multiselect-menu label input {
    width: 13px !important;
    height: 13px !important;
}

#ReportViewer {
    width: 98%;
}

.control input {
    width: 100% !important;
    height: 20px;
}

.control .ESD, .control .EED {
    width: 87% !important;
    height: 20px;
}

.cal {
    display: block;
    width: 20px;
    height: 22px;
    background-position: -37px 0px;
    float: right;
}

.input-ph {
    border: solid 1px #B5B5B5;
    width: 89%;
    height: 24px;
    margin-top: 2px;
}

.c-table .c-td input[type="text"] {
    border: none;
    background: transparent;
}

.ta-ph {
    width: 89% !important;
    border: solid 1px #999999;
    height: 100px;
    margin-top: 2px;
}

.textarea {
    width: 100% !important;
    border: none;
    height: 98px;
    padding: 0px;
}

.notfilled {
    border: solid 1px red;
}

.cs-select {
    width: 100% !important;
    border: none;
    height: 24px;
}

.state-zip {
    width: 38% !important;
    border: solid 1px #999999;
    height: 100px;
    margin-top: 2px;
    height: 24px;
    display: inline-block;
}

    .state-zip input[type="text"] {
        width: 40px !important;
        height: 24px !important;
    }

.chkbox {
    border: none;
    width: auto;
    float: left;
}




.btn-ph {
    width: 100%;
    height: 35px;
    float: right;
    text-align: right;
}

.btn-common {
    padding: 8px;
    color: #fff;
    width: 60px;
    text-align: center;
    margin: 0px 10px 0px 10px;
    display: inline-block;
    float: right;
}

.btn-blue {
    background: #3a87ad;
}

.btn-gray {
    background: #d9d7d8;
}

.btn-action {
    background-position: -13px -178px;
    width: 128px;
    height: 30px;
    margin: 0px auto 0px auto;
}

    .btn-action span {
        padding: 7px;
        display: inline-block;
        text-align: center;
        width: 110px;
        font-size: 14px;
    }

.icon-ph {
    width: 60px;
    display: inline-block;
    margin-left: 70px;
}


.btn-sprite-2 {
    background: url(images/btn-sprite.png);
}

.btn-placeholder {
    text-align: right;
  
}

.btn-placeholder.link-buttons {
    float:right;
    padding:4px 0px 3px 0px;
}
.btn-placeholder.link-buttons a{float:left;margin-left:5px;}
.btn-placeholder.link-buttons a span {
    font-size:16px !important
}

.btn-placeholder.link-buttons a:hover  {

    cursor:pointer;
    /*text-decoration:none;*/
   
  
 
}
.push-btn {
    width: auto;
    display: inline-block;
    border: solid 0px red;
    cursor: pointer;
    margin: 5px;
}

.btn-lt1 {
    background-position: -12px -10px;
    height: 33px;
    width: 146px;
    float: left;
}

.btn-rt1 {
    background-position: -292px -10px;
    height: 33px;
    width: 7px;
    float: left;
}

.btn-lt1 span {
    padding: 7px 10px 10px 0px;
    display: block;
    position: relative;
    border: solid 0px green;
    text-align: center;
    font-size: 14px;
}
/*TDA*/
.icon-missing-data {
    display: inline-block;
    background-position: -128px -266px;
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
}

.icon-icw {
    display: inline-block;
    width: 22px;
    background-position: -106px -55px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
}

.icon-subcontract {
    display: inline-block;
    background-position: -11px -294px;
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 5px;
    padding-right: 5px;
    margin-left: 5px;
}

.icon-help-2 {
    background-position: -93px -3px;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 13px;
    padding-right: 5px;
    width: 13px;
}
/*TDA*/
.icon-back {
    background-position: -43px -297px;
    width: 20px;
    height: 20px;
    margin-top: 8px;
}

.sub-title {
    margin-left: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #444444;
}


.radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-left-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    border: 1px solid #E5E5E5;
}


.main-footer {
    height: 49px;
    width: 100%;
    min-width: 100%;
    color: #fff;
    background-image: url("images/bg-sprite.png");
    background-position: 0px -94px;
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    z-index: 1200;
    margin-bottom: 0px;
}

    .main-footer p {
        padding-top: 20px;
    }

        .main-footer p a {
            color: #fff;
            padding-top: 5px;
        }

.header-new {
    background-image: url("images/bg-sprite.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
}



/* --------------------------------- Main Layout Page Style --------------------------------- */


.main-table {
    display: table;
    width: 100%;
    height: 100%;
}

.main-tr {
    display: table-row;
}
/*DESIGN TEAM*/
.main-td {
    display: table-cell;
    vertical-align: top;
}
/*DESIGN TEAM*/
.height70 {
    height: 70px;
}

.header-bg {
    background-image: url("images/bg-sprite.png");
   background-position: 0px -845px;
    background-repeat: repeat-x;
}

.header-table {
    display: table;
    width: 100%;
    height: 70px;
}

.header-tr {
    display: table-row;
}


.header-td {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
}

.header-ph {
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
}

.content-bg {
    background: url(images/layout/bg.png);
}

.ctbl {
    display: table;
    min-width: 800px;
    width: 97% !important;
    margin: 0px auto 0px auto;
    height: 100%;
    z-index: 100;
        box-sizing: border-box;
}

.ctbl-tr {
    display: table-row;
    min-width: 800px;
}

.ctbl-td {
    display: table-cell;
}

.leftnav-ph {
    background: #fff;
    width: 190px;
    border-right: solid 1px #E5E5E5;
}

.main-content-ph {
    background: white;
    height: auto;
    min-height: 100%;
    vertical-align: top;
    padding: 0px 10px 0px 10px !important;
}

.footer-ph {
    height: 50px;
}



.showall-contract {
    background: none;
    border: none;
    float: right;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin: 8px 4px 0 0;
    cursor: pointer;
}
    /*DESIGN TEAM*/
    .showall-contract:hover {
        background: none;
        border: none;
        float: right;
        color: white;
        font-weight: bold;
        text-decoration: underline;
        margin: 8px 4px 0 0;
        cursor: pointer;
    }
/*DESIGN TEAM*/
.error-msg {
    display: block;
    margin-left: 58px;
    margin-right: auto;
}
    /*DESIGN TEAM*/
    .error-msg ul {
        list-style-type: none;
    }
/*DESIGN TEAM*/
.btn-cancel {
    background-image: url("images/btn-sprite.png");
    background-repeat: no-repeat;
    background-position: -169px -178px;
    width: 117px;
    height: 29px;
}
/*DESIGN TEAM*/


/*pay roll*/

.payroll-ul {
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 490px;
    float: left;
    margin-left: 10px;
}

.payroll-li {
    float: left;
    width: 30%;
}

.payroll-calph {
}

.payroll-calc {
    width: 20px;
    height: 20px;
    background: red;
    display: block;
    margin-top: 0px;
    float: right;
    z-index: 100;
    position: relative;
}

.payroll-input {
    border: none;
    width: 100%;
}

.p-input-select {
    border: none;
    width: 100%;
}

.payroll-input-ph {
    display: block;
    width: 121px;
}

    .payroll-input-ph input[type="text"] {
        width: 119px;
    }

    .payroll-input-ph .t-input {
        width: 115px !important;
    }

    .payroll-input-ph #txtTitle {
        width: 115px !important;
    }

.payroll-lable {
    color: gray;
    white-space: nowrap;
    width: 18%;
    text-align: right;
    margin-right: 5px;
    margin-top: 2px;
}

.p-input-small-ph {
    border: solid 1px gray;
    width: 40%;
    float: left;
}

.p-input-type-chk {
    width: 16px;
    height: 16px;
}

.textarea-ph {
    border: solid 0px gray;
    width: 390px;
    margin-top: 2px;
}

.textarea { /*border:solid 1px gray;*/
    width: 380px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.no-border {
    border: none !important;
}

.txt-left {
    text-align: left !important;
}

.width100CT {
    width: 100% !important;
}

.t-picker-wrap .t-icon {
    margin-left: /*-87px*/ 0 !important;
    margin-right: 0 !important;
}

/*Enrollment Pages index and Subcontract */
.enrollment-ul {
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 99%;
    clear: both;
    padding-top: 21px;
}

.enrollment-li {
    float: left;
    width: 160px;
}

.enrollment-calph {
}

.clear {
    clear: both;
}

.enrollment-calc {
    background-position: -37px 0;
    width: 20px;
    height: 22px;
    display: block;
    margin-top: 0px;
    float: right;
    z-index: 100;
    position: relative;
}

.enrollment-input {
    border: none;
    width: 100%;
    height: 22px;
}

.input-select {
    border: none;
    width: 100%;
    height: 22px;
}

.enrollment-input-ph {
    border: solid 1px gray;
    display: block;
    width: 100%;
}

.enrollment-lable {
    color: gray;
    white-space: normal;
    text-align: right;
    margin-right: 8px;
    padding-top: 4px;
}

.input-small-ph {
    border: solid 1px gray;
    width: 40%;
    float: left;
}

    .input-small-ph .enrollment-input {
        border: solid 0px gray;
        width: 97% !important;
        float: left;
    }

.input-type-chk {
    width: 16px;
    height: 16px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.no-border {
    border: none !important;
}

.txt-left {
    text-align: left !important;
}

.sub-title {
    clear: both;
    padding-top: 10px;
    display: inline-block;
}

.heigh20 {
    height: 20px;
}

.display-block {
    display: block;
}

.width100CT {
    width: 98% !important;
}

textarea.width100CT {
    width: 99.5% !important;
}

.width73CT {
    width: 497px;
}

@-moz-document url-prefix() {
    .width100CT {
        width: 100% !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .width73CT {
        width: 488px;
    }
}


/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .width100CT {
        width: 100% !important;
    }

    .enrollment-input {
        width: 82% !important;
    }

    .enrollment-input {
        height: 21px !important;
    }

    textarea.width100CT {
        width: 98% !important;
    }

    .input-select {
        border: none;
        width: 100%;
        height: 20px;
    }
}


/***WIDTH***/

.width-48 {
    width: 48%;
}




/***ALIGN***/

.left {
    float: left;
    text-align: left;
}

.right {
    float: right;
}

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

.clearL {
    clear: left;
    height: inherit;
}

.clearR {
    clear: right;
    height: inherit;
}

.center {
    text-align: center;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.width-auto {
    float: left;
    width: auto;
}

.mtop {
    margin-top: 8px;
}

.mright {
    margin-top: 8px;
}

.mbottom {
    margin-bottom: 8px;
}

.mleft {
    margin-left: 8px;
}


.ptop {
    padding-top: 8px;
}

.pright {
    padding-top: 8px;
}

.pbottom {
    padding-bottom: 8px;
}

.pleft {
    padding-left: 8px;
}

.goto-top {
    background: url(images/icon-sprite.png);
    background-position: -124px -152px;
    width: 33px;
    height: 32px;
    cursor: pointer;
    float: right;
    display: none;
    left: 97%;
    top: 50%;
    position: fixed;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


.hdr-link {
    float: right;
    margin: 6px 5px 0 0;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .hdr-link:hover {
        text-decoration: underline;
    }


.ash-outline-bx {
    border: solid 1px #CCCCCC;
    min-height: 300px;
    overflow: auto;
}

.btn-cancel {
    background-image: url("images/btn-sprite.png");
    background-repeat: no-repeat;
    background-position: -169px -178px;
    width: 117px;
    height: 29px;
    border: 0px;
    cursor: pointer;
}

.btn-login {
    border: 0px;
    cursor: pointer;
}

.t-grid-header-wrap .t-link {
    background: #fff;
    cursor: pointer;
}

    .t-grid-header-wrap .t-link:hover {
        background: #cae4f9;
    }


.password-change-tips {
    padding: 2px 8px;
    line-height: 30px;
}
/*.padding-left-25 {
	padding-left: 25px;
}
padding-left-10 {padding-left: 10px;}*/

/*Calender*/

.t-calendar .t-other-month a {
    color: #808080 !important;
}

.t-calendar table td a {
    color: #000 !important;
}

.t-calendar .t-header {
    background: #3778AB;
    color: #fff;
}

.t-calendar table th {
    background: #000;
    color: #fff;
}

.homepage-widget {
    width: auto !important;
}

/*.t-grid-content .t-detail-row .t-detail-cell .t-widget { overflow: none !important;}*/
.t-picker-wrap .t-input, .t-combobox .t-input {
    height: 21.0px;
}

.enrollment-ul {
    width: 99% !important;
}
/*.enrollment-ul .enrollment-li .enrollment-input-ph input{width:98% !important}*/
/*.t-detail-row .t-grid{overflow:hidden !important;height:47px !important;border-collapse:collapse;}
.t-grid .t-grid-header .t-header {height:16px !important}*/
.payroll-grid-wrapper {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.payroll-grid-wrapper {
    margin-left: 40px \9 !important;
}

:root .payroll-grid-wrapper {
    margin-left: 36px \0/IE9 !important;
}

@-moz-document url-prefix() {
    .payroll-grid-wrapper {
        margin-left: 37px !important;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .payroll-grid-wrapper {
            margin-left: 30px !important;
        }
    }

    .enrollment-input-ph input[type="text"] { /*width:145px !important*/
        width: 150px !important;
    }
    /*Ashok */
    /*.enrollment-input-ph input[name~="CONTRACTESTSTARTDATE"]{width:146px !important}*/
    .enrollment-input-ph input[data-type~="date"] {
        width: 146px !important;
    }
    /*Ashok*/
    #ddlState {
        border: solid 1px gray;
        height: 24px;
        margin-top: -1px;
    }
    /*.enrollment-input-ph{width:160px !important}*/
    .enrollment-li {
        width: 150px !important;
    }

    .Multi-Line-Txt {
        width: 458px !important;
    }

    .Multi-Line-Txt-ph {
        width: 458px !important;
    }

    @-moz-document url-prefix() {
        .Multi-Line-Txt {
            width: 456px !important;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {

        Multi-Line-Txt {
            width: 450px !important;
        }
    }
}

.payroll-grid-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    margin-right: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .payroll-grid-wrapper {
        margin-left: 30px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
        margin-right: 13px;
    }
}
/*
#reportViewerControl_ctl09{width:80% !important; float:left;}
#reportViewerControl_ctl10{width:80% !important; float:left;} */

.pendingsubcon {
    opacity: 0.10;
    filter: alpha(opacity = 10);
}

#chkerror {
    float: left;
    margin-left: 20px;
}


#lblStartDate {
    display: block;
    padding-left: 17px !important;
}

#lblEndDate {
    display: block;
    padding-left: 10px !important;
    float: right;
}

INPUT[value~="Use"] {
    background: url(images/Common/sprite.png);
    background-position: -115px -176px;
    color: #333333;
    font-size: 11px;
    height: 22px;
    padding: 3px;
    width: 76px;
}


.t-grid .t-grid-header table tr th {
    border-right: 1px solid #CCCCCC;
    white-space: normal;
}

.select-box {
    margin-top: 2px !important;
}

.t-grid-header table th {
    border-right: solid 1px #cccccc !important;
}

.grid-entitypanel-header {
    margin-left: -8px;
}

input[type~="text"] {
    /*width: 158px;
   line-height: 19px;
    text-indent: 5px;*/
    line-height: 18px;
    text-indent: 5px;
    box-sizing: border-box;
    
    height:24px;
}


@-moz-document url-prefix() {
    .enrollment-input-ph INPUT[type~="Text"] {
        width: 148px !important;
    }
}

@-moz-document url-prefix() {
    .enrollment-input-ph INPUT[data-type~="date"] {
        width: 125px !important;
    }
}

@-moz-document url-prefix() {
    select[id~="ddlState"] {
        border: solid 1px gray;
        margin-top: 0px !important;
    }
}

#logname {
    width: 240px !important;
}

.cssi-error-message {
    color: Red;
    clear: both;
    float: left;
}

.footerhelp {
    float: left;
}

    .footerhelp a {
        font-size: 10px;
    }

.loginlink {
    color: blue;
    text-decoration: underline;
}

.width125 {
    width: 125px !important;
}

.width150 {
    width: 150px !important;
}

.width170 {
    width: 170px !important;
}

.width210 {
    width: 210px !important;
}

.width250 {
    width: 250px !important;
}

.customeheader {
    background: url(images/bg-sprite.png) repeat-x;
    background-position: 0px -172px;
    color: #fff;
}

.clear-both {
    clear: both;
}

.width-380 {
    width: 380px;
}

.accordion-padding-bottom {
    padding-bottom: 15px;
}

.contract-Reset { 
    margin-top: -10px;
    margin-bottom: -12px;
}

.proj-description {
    margin-top: -15px;
    margin-bottom: -10px;
    margin-left: 10px
}

/*.t-grid-content tbody td span input[type="checkbox"]{margin-left:35%;}*/


.t-animation-container .t-filter-options input[type~='text'] {
    width: 144px;
}

.document-grid .t-grid{
    width:96% !important; margin:1% 2%;
}

.document-grid {border:solid 1px #3573a5;
border-radius:5px 5px 0px 0px;}

.t-toolbar .pp-keyword-info{color:#fff; border-bottom-color:#fff;}

.tollbar-filter,.tollbar-item{padding:6px;}

.tollbar-filter{width:160px !important; margin-left:38%} 

.t-grid-toolbar{/*background: #878787;*/border-radius: 0px;}

/*.t-grid-toolbar .t-header:hover
{ 
    background-color: #575757;
}*/ 

.t-grid-toolbar .t-header:hover
{ 
    background:url(../images/bg-sprite.png) repeat-x;background-position:0px -172px;
} 

/*.tollbar-filter?{width:?160px !important;?margin-left:?38%;}*/ 

/*Grid active filter color*/
.t-active-filter
{
    background-color: #49cc58 !important;
}

/* Added by PrakashS */

.dropbtn {    
    color: white;
    background-color: #3c82b9;
    /*padding: 16px;
    font-size: 16px;*/
    border: none;
    cursor: pointer;
    font-weight:bold;
    height:24px;
}

/* The container <div> - needed to position the dropdown content */
.videodropdown {
    position: relative;
    display: inline-block;
    float: right;
    height: 28px;
    margin-right: 38px;
    margin-top: 0px;
    text-align: right;
    clear:both;    
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: relative;
    background-color: white;    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3001;
    border:solid 1px #999;
    width: 250px;
}

/* Links inside the dropdown */
.dropdown-content a {
    background-color:#ffffff;
    color: #131212;
    padding: 0px 7px;
    text-decoration: none;
    display: block;
    text-align:left;
    height: 65px;
    
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
    color:#4769a0;
    background-color:lightgray;
}

/* Show the dropdown menu on hover */
.videodropdown:hover .dropdown-content   {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.videodropdown:hover .dropbtn {    
    background-color: #3c82b9;
    color:white;
}



.Container 
{
    
    height:auto;
    padding:3%;
}

.Container img
{
    float:left; 
    height:30px;
    width:45px;
    border:none;
}

.custom-arrow-down {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;  
    border-top: 9px solid #ffffff;
    float:right;
    margin-top: 3px;
    margin-left: 3px;
}

.dropdown-content h1 {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.Container #CustomDivVideoText
{
    padding-left:10px;
    display:table-cell;
    vertical-align:middle;
    height:30px;
}

.Container #CustomDivVideoText span {
    display: block;    
    overflow: hidden;    
    height:30px
}

.report-footer-align a {
    vertical-align : initial !important;
}



/* fields */

.field {
    float: left;
    width: 240px;
    margin: 0px 50px;
    height: 64px;
}
    .field .label {
    text-align:left;
    }

/**/





div.k-treeview {
overflow:hidden !important;
}







/*---------left Nav -------*/


#treeaccordion .ui-state-default .icon-home {
    background-position: -10px -97px;
    margin: -5px 9px;
    border: 0;
}

#treeaccordion .k-splitter {
border:none;
}
#treeaccordion .ui-state-default.ui-state-active .icon-home {
   background-position: -42px -97px;
    margin: -5px 9px;

}

#treeaccordion .ui-state-default .icon-contracts {
 background-position: -9px -143px;
    border: 0;
    margin-top: 0px;
}
#treeaccordion .ui-state-active .icon-contracts {

        background-position: -40px -144px !important;
} 


#treeaccordion  .ui-state-default  .icon-documents {
     background-position: -9px -182px;
    margin-top: -4px;
    border: 0;
}

#treeaccordion  .ui-state-default  .icon-reports {
      background-position: -9px -263px;
    margin-top: -5px;
    border: 0;
}
#treeaccordion .ui-state-active a, #treeaccordion .ui-state-active span {
    color: #fff;
     
    margin-top: 0px;
}
.treemenuurl {
position: relative;
    top: -5px;
    left: -1px;
}

.ui-accordion-header a {
 text-indent:1px;
}

.icon-help {
    background-position: -93px -3px;
    display: inline-block;
}

/*-------------*/
.gridtoolbar a img {border:none;}    
/*.Seletedmenu{font-weight:bold;}*/

#NavBarSubareas .t-state-selected ,.Seletedmenu{font-weight:bold;color:#3B7FB5 !important;}
#reportstree{padding:0px 0px !important;}
#NavBarSubareas ul li ul li{padding : 0 0 0 0px  ;}

/*General Classes*/
.italic {
font-style:italic;
 
}

.cssi-reqfield {
    background-color: #ffffe0;
}
/**/

/*new Classes*/

 

.lnkSwitchPortal {
    width: 207px;
      padding: 8px;
    font-size: 13px;
      background: none !important;
    background-color: #ffc000 !important;
    color: #fff;
    border-radius: 4px;
  
   
    cursor:pointer;
    height: 33px;
    margin: 0px auto 0px auto;
    border: 1px solid #3f88c3;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
      margin: 0px auto;
    display: inline-block;
    padding: 0px;
    cursor:default

}
    .lnkSwitchPortal a {
       display: inline-block;
    width: 100%;
    height: 32px;
    /* background: red; */
    text-align: center;
    padding: 7px;
    box-sizing: border-box;
    padding-left: 9px;
    }
.lnkSwitchPortal a span {
        color: blue;
   
    padding: 7px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    vertical-align: sub;
}
.home-content-wraper {
    margin-top: 10px;
}
.msg_1{
    margin-top: 10px;
    padding-left: 5px;
  
}
.lnkSwitchPortal a:hover {
text-decoration:none;
cursor:pointer;
}





/**/

/*-----kendo-custom----*/

/*.k-grid {
 
    margin: 0px;
    max-width: calc(98vw - 224px) !important;
    width: calc(98vw - 224px) !important;
}*/

/*.k-grid { 
margin: 0px; 
max-width: calc(98vw - 272px) !important; 
width: calc(98vw - 224px) !important;
}*/ 

.grid-header div {
box-sizing:border-box;
padding: 6px ;
font-size:13px;
font-weight:bold
}
.k-grid td {
    line-height: 16px;
    /*background: url(../content/images/grid-row-bg.png);*/
    /* height:  30px; */
}
 
.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px;
   
}



/*grid footer */
.k-pager-wrap {
    text-align: right;
    margin-bottom: 10px;
    border: solid 1px #d6d6d6;
        padding: 2px 5px 2px 5px;
}

div.k-grid-footer{border-bottom-width:0px;}
div.k-grid-footer:focus{outline:none;}

.k-grid-pager {
    width: 100%;
    box-sizing: border-box;
    border:none;
    margin:0px;
    float:none;
}

.k-pager-sizes {
    display: inline-block;
    padding-top: 0px;
}
div.k-grid-header {
    /*background: #fff;*/
   
}
.k-grid th {
    color: #fff !important; 
    font-size: 12px;
    font-weight:bold !important;
}

.k-grid-header .k-header .k-link {
 
  
    font-size: 12px;
    font-weight:bold
}

.k-grid-header .k-header {
    
    padding: 0px 0px !important;
    margin:0px;
     
}
.k-grid-header th.k-header, .k-filter-row th {
     
   /*line-height: 23px;*/
    border-bottom: solid 2px #737373;
    /*height: 30px;*/
    border-bottom: none;
    border-top: none;
}
.k-grid-header .k-header input[type="checkbox"] {
position:relative;
top:3px;
}


/*grid filter */
.k-filter-menu {
 width:264px;
}
.k-filter-menu *{
    max-width: 275px !important;
    padding: 0px 0px 0px 0px;

}
.k-filter-menu .k-picker-wrap.k-state-default {
        width: 259px;
    height: 30px;
 
 
}
.k-filter-menu .k-widget.k-datepicker {
   border: solid 1px #ccc;
    width: 260px !important;
    max-height: 30px;
    min-height: 30px;
        margin-top: 10px;
    margin-bottom: 10px;

}
.k-filter-menu button[type="submit"] {width: 70px;float: right;color: #fff;border: 0px solid transparent; margin-left: 10px;margin-right: 0px;height: 31px;cursor:pointer;outline:none;}
.k-filter-menu .k-picker-wrap .k-icon {
    /* margin-top: -2px; */
    margin-top: 2px;
}
.k-filter-menu button[type="submit"]:hover {background: #7ea700 !important;float: right;color: #fff;border: 0px solid transparent;}


.k-filter-menu  button[type="reset"] {
 
    background: #6F6F6F !important;
    width: 70px;
    float: right;
    line-height: 29px;
    color: #fff;
     border: 1px solid transparent;
    height: 31px ;
}

 
.k-filter-menu  button[type="reset"]:focus {
 
 color:#fff;
 border:solid 1px transparent;
}
.k-filter-menu  button[type="reset"]:hover {
 
 color:#fff;
}
.k-filter-menu  button[type="reset"]:focus {
 
border:none;
box-shadow:none !important;

  line-height: 29px;
    height: 31px;
}

.k-filter-menu input.k-textbox {
     height: 30px;
    max-height: 30px;
    min-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.k-filter-menu .k-dropdown-wrap  .k-input {
   
width: 263px !important;
height: 9px;
 
    vertical-align: middle;
        padding: 7px 0px;
}
/*.k-filter-menu .k-dropdown-wrap.k-state-default.k-state-hover {
    border-color:#0000ff;
 }*/

.k-filter-menu .k-dropdown-wrap .k-i-arrow-s {
    background-position: 0px -33px !important;
}

.k-filter-menu .k-dropdown-wrap.k-state-default.k-state-hover  .k-i-arrow-s  {
        background-position: 0px -33px ;
 }
/*.k-filter-menu .k-dropdown-wrap.k-state-default.k-state-focused {
    border-color:#0000ff;
 }*/
.k-filter-menu .k-widget.k-datepicker.k-header:hover {
    border-color:#0000ff !important;
 
}
.k-filter-menu .k-widget.k-datepicker.k-header.k-state-border-down {
    border-color:#0000ff;
 
}
.k-filter-menu .k-picker-wrap .k-input {
     height: 30px !important;
} 
.k-filter-menu .k-picker-wrap.k-state-focused  {
 
    border: solid 0px transparent
}
.k-filter-menu  .k-widget.k-dropdown.k-header {
    min-height: 30px;
    max-height: 30px;
    margin-top: 5px;
    margin-bottom: 10px;
}
 .k-filter-menu .k-dropdown-wrap{ 
    width: 263px !important;
    min-height: 30px;
    max-height: 30px;

 }
 .k-filter-menu .k-dropdown:focus { 
     border:none !important
       }

.k-filter-menu .k-numeric-wrap {
   width: 258px !important;
   height: 29px;
  
}
.k-filter-menu .k-numerictextbox .k-link {
 height:14px !important;
}
 .k-filter-menu  .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0px -3px !important;
}
.k-filter-menu  .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px !important;
}
form.k-filter-menu .k-numerictextbox {
    display: block;
    max-height: 30px;
    min-height: 30px;
    border: solid 1px #ccc;
    margin: 0px;
    padding: 0px;
    width: 261px !important;
    margin-top: 0px;
    margin-bottom: 8px;
}
.k-filter-menu .k-numeric-wrap.k-state-default.k-state-hover {
    border:none;
}
.k-filter-menu .k-formatted-value.k-input {
        height: 24px;

}
.k-filter-menu .k-numeric-wrap.k-state-focused {
  
    border:   #437bb4;
}
/*.k-filter-menu input.k-textbox:hover {
        border-color:#0000ff !important;
}*/
.k-filter-menu input.k-textbox:focus {
        border-color:#0000ff;
}
/*----*/
.context-menu .k-item .k-link{color:#333;}







.k-pager-numbers li span.k-state-selected{    background: #387aae !important;
    color: #fff;
    border: none;
    height:23px;
}

.k-pager-wrap a[title="Go to the next page"]:hover,.k-pager-wrap a[title="Go to the last page"]:hover,.k-pager-wrap a[title="Go to the first page"]:hover ,.k-pager-wrap a[title="Go to the previous page"]:hover{
    background: #3b7fb5 !important;
 
   
   
}
.k-pager-wrap a[title="Go to the next page"],
.k-pager-wrap a[title="Go to the last page"],
.k-pager-wrap a[title="Go to the first page"],
.k-pager-wrap a[title="Go to the previous page"] {
    border:solid 1px #ccc !important;
 
   
   
}
/*grid column text alingment*/
 
 td[data-controlname="CONTRACTVALUE"] div {
text-align:left !important;
 


 }

td[data-controlname="CONTRACTESTSTARTDATE"] div,td[data-controlname="CONTRACTESTENDDATE"] div {
    text-align:left !important;
 
}
td a[data-controlname="CONTRACTSTATUS"]   {
     
    display: inline-block; 
}
/**/

.help-btn {
display:inline-block;
float:right;
 
}

.k-widget.k-datepicker {
 width: 167px !important;
 max-height: 24px;
 min-height: 24px;
}
.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
width:144px;
}

.payroll-td .k-autocomplete.k-state-default, .payroll-td .k-picker-wrap.k-state-default, .payroll-td .k-dropdown-wrap.k-state-default {
    width:144px !important;
    height:22px;
}

/*input:focus, .k-dropdown:focus {
  
    border: solid 1px #ccc; 
}*/

.k-datepicker:hover>.k-picker-wrap:hover > .k-select {/*background:transparent !important*/}

.k-calendar .k-header {
    background: #fff;
    color: #787878;
}
.k-calendar .k-link.k-nav-fast {
     color: #787878;
}

.k-link.k-nav-fast.k-state-hover {
background:#3778AB !important;
color:#fff;
}
.k-calendar .k-link.k-nav-prev.k-state-hover,.k-calendar  .k-link.k-nav-next.k-state-hover {
    background:#3778AB !important;
color:#fff;
}

.k-pager-wrap .k-pager-numbers .k-link:hover{ background : #cae4f9 !important;color:#333}
.k-pager-sizes .k-input {
    line-height:20px;
 }

/*-icons--*/
span[class='k-icon k-filter'] {
    margin-right: 7px;
}

.icon-help {
    background-position: -93px -3px !important;
    display: inline-block;
    margin-top: 2px;
}
.icon-search {
    background: url(../content/images/icon-sprite.png);
    background-repeat: no-repeat;
    background-position: -37px -26px !important;
}

.k-picker-wrap  .k-input {
    height: 22px !important;
}
.k-picker-wrap.k-state-default.k-state-hover .k-icon.k-i-calendar {
   
    /*background: url(../content/images/telerik-icon.png);
    width: 20px;
    height: 21px;*/
      background-position: -48px -176px
      
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
/*border:none;*/
}

.k-state-selected.k-state-focused a {
    color:#fff;
}

.k-today.k-state-focused {
    background: #3778AB;
    color: #787878;
}

.k-today.k-state-focused a {
     
    color:#fff;
}

.k-widget.k-calendar td.k-state-hover {
     background: #3778AB;
     color:#fff;
}

/*-end-*/

/* payroll*/

.payroll-grid-wrapper .k-grid {
/*width: calc(98vw - 550px) !important;*/
width: calc(98vw - 510px) !important;
}
.payroll-grid-wrapper {
margin:0px 17px;
}
.payroll-table-wrapper {
 width:100% !important;
}
.payroll-grid-header {
    width: 100%;
}

.payroll-table-0 {
position:relative
}

.payroll-grid-wrapper .k-grid-content  {max-height:139px;min-height:130px}
.payroll-table-0 .payroll-td textarea{width:426px !important; height:30px !important;border:solid 1px #DBDBDB   }

.payroll-table-wrapper .grid-icons-placeholder {
  height: 30px;
    /* padding: 100px; */
    /* float: right; */
    clear: both;
    position: inherit;
    margin-right: 10px;
    padding-bottom: 5px;
}
    .payroll-table-wrapper .grid-icons-placeholder a {
    /*margin:0px 10px;*/
    }

.f-label {
    vertical-align: middle;
}

.f-label {
    width: 155px;
    text-align: right;
    padding-right: 10px;
    color: #878787;
}
/* 

.k-treeview .k-group, .k-treeview .k-content {
    list-style-type: none;
    background: none;
    margin: 0;
    padding: 0;
}
.k-treeview .k-minus {
    background-image: url(../content/images/custom-sprite.png);
    background-position: -16px -256px; 
}

.k-treeview .k-last {
    background-image: none;
}


.k-treeview  .k-last .k-top {
    background-position: -25px -66px;
}
.k-treeview .k-top, .k-treeview .k-mid, .k-treeview .k-bot {
    background-image: url(../content/images/treeview-nodes.png);
}

.k-treeview .k-top, .k-treeview .k-mid, .k-treeview .k-bot {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}


.k-treeview .k-in {
    margin: 1px 0;
    padding: 2px 4px 2px 3px;
    text-decoration: none;
    line-height: 16px;
    margin-left: 2px;
}
k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-in {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.k-treeview .k-group, .k-treeview .k-content {
    list-style-type: none;
    background: none;
    margin: 0;
    padding: 0;
}
.k-treeview .k-item {
     background-image: url(../content/images/treeview-line.png);
     background-repeat: no-repeat;
}
.k-treeview .k-item {
    padding: 0 0 0 16px;
    margin: 0;
    border-width: 0;
    position: static;
    top: auto;
    display: block;
}
.k-treeview  .k-last .k-top {
    background-position: -25px -66px;
}

.k-treeview-lines .k-top, .k-treeview-lines .k-mid, .k-treeview-lines .k-bot {
    background-image: url(Custom/treeview-nodes.png);
}*/


.k-treeview .k-minus {
    background-image: url(../content/images/custom-sprite.png);
    background-position: -18px -257px; 
}
 
.k-treeview    .k-top ,.k-treeview  .k-bot{
    background-position: -41px -66px;
    background-image: url(../content/images/treeview-nodes.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
   
 
}

.k-treeview .k-item[role="treeitem"] div{
  
background-position: -25px -66px;
  
background-image: url(../content/images/treeview-nodes.png);
  background-repeat: no-repeat;
padding-left: -8px;
  
padding-left: 16px;
  
margin-left: -16px;

}





 
.k-treeview .k-item.k-last  {
     background-image:none;
    background-repeat:no-repeat; 
 
   
}
.k-treeview .k-item {
    background-image: url(../content/images/treeview-line.png);
    background-repeat:no-repeat;
 
   
}
.k-treeview [role="tree"] .k-first:first-child > .k-top.k-bot {
    background-position: -23px -66px !important;
}
.k-treeview .k-item .k-top  {
    background-position: -23px -66px ;
    background-image: url(../content/images/treeview-nodes.png); 
}
.k-treeview .k-last .k-top {
    background-position: -25px -66px;
}
.k-treeview  .k-bot  {
  background-position: -69px -22px !important;
  background-image: url(../content/images/treeview-nodes.png) !important; 
}

.k-treeview .k-group .k-item .k-state-selected {
    
    margin-left: 2px;
}
   .k-treeview .k-item {
    padding: 0 0 0 16px !important;
    margin: 0;
    border-width: 0;
    position: static;
    top: auto;
    display: block;
}

.k-treeview .k-in {
    margin: 1px 0;
    padding: 2px 3px 2px 3px;
    text-decoration: none;
    line-height: 14px;
    margin-left: 2px;
    border: solid 1px transparent !important;
}

 .k-treeview .k-in.k-state-hover  {
  background-color: #cae4f9 !important;
    /* border-color: #080808 !important; */
    border: solid 1px black !important;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important
}



 /*reports-treegray*/

#NavBarSubareas .k-treeview .k-item .k-top , #NavBarSubareas .k-treeview .k-item .k-bot {
background-image:none !important;

}


#NavBarSubareas .k-treeview .k-item[role="treeitem"] div,#NavBarSubareas  .k-treeview .k-item {
background-image:none !important;
margin-left:0px;
padding-left:0px;
}

#NavBarSubareas .k-treeview .k-in.k-state-selected {
background:none !important;
border:none !important;
color:#3B7FB5 !important;
font-weight: bold;
}
#NavBarSubareas .k-treeview .k-in.k-state-hover  {
 
background:none !important;
border:solid 1px transparent !important;
color:#212121  !important
}
 /*--*/







.divider { /* margin: 8px 17px 0px 0px; */ width: 99%;  margin: 0px auto;}
 
/*.apd {margin:7px 10px}*/
.k-grid-content td:last-child div[title="Pending"], .k-grid-content td:last-child div[title="Pending Contractor Submission"] {color: #008000;}
.k-grid-content td:last-child div[title="Approved"] {color: #0000ff;}
.k-grid-content td:last-child div[title="Rejected"] {color: #ff0000;}

/*.k-grid-content td[role="gridcell"] div, .k-grid-content td[role="gridcell"] a {text-indent:5px;}*/
.k-grid-content td[role="gridcell"] div, .k-grid-content td[role="gridcell"] a {margin:0px 5px;}


 /*Page Preloader */

 .pp-progressbar{
     display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0px;
    z-index: 10005;
    opacity: 0.5;
 

 }

.pp-progressimage {

    position: absolute;
    top: 30%;
    left: 50%;

}

 /*---end----------*/


 /*Kendo custom */
.k-grid-content {
    max-height: 298px;
}
 /**/

 /*popup*/

.k-widget.k-window.popup-findnuse .grid-entitypanel {
    width: 90%;
   min-height: 90px;
   margin:0px;
}
 .k-window .k-content .grid-entitypanel-content {
    width: 100%;
}

.k-window .k-content .grid-entitypanel {
    height:auto !important
}
.k-window .grid-entitypanel-content .field {
    margin: 0px 30px 0px 0px;
    width:280px;
}
 .k-window  .searchfield {
       position: absolute;
        right: 40px;
    
      height: auto;
     
}
  .k-window  .control input {
    width: 100% !important;
    height: 24px;
}
 .k-window  .k-dropdown-wrap.k-state-default {
    
 
    height: 24px;
    border: solid 1px #DBDBDB;
    
}
 .k-window   .k-grid-content  {
    max-height: 196px !important;
    /* max-height: 180px !important; */
}
 .k-window .k-content .k-grid td {
    line-height: 14px;
     background: none;
}
.k-window .k-content .entitypanel-control-container {
    width:280px !important;
    
}
 .k-window .k-content .entitypanel-control-container input {
    outline:none;
    border: solid 1px #DBDBDB;
    margin: 0px !important;
    height: 28px !important;
    }
     
    .k-window .k-content .entitypanel-control-container input:focus {
    outline:none;
    border: solid 1px #437ab4;
    margin: 0px !important;
    height: 28px !important;
      background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
}

 

.k-window .k-content .entitypanel-control-container .k-dropdown .k-state-default {
    width: 260px !important;
}
.k-window .k-content .entitypanel-control-container .k-dropdown-wrap.k-state-default.k-state-hover.k-state-focused.k-state-active.k-state-border-down  {
    
    border: solid 1px #437ab4 !important;
}
    .k-window .k-content .entitypanel-control-container .k-widget.k-datepicker input {
    border:none;
    height:24px !important
    }
    .k-window .k-content .entitypanel-control-container .k-widget.k-datepicker input:focus {
    border:none;
    height:31px !important
    }
.k-window .k-content .entitypanel-control-container .k-widget.k-datepicker {
    width: 285px !important;
    
}

.k-window .k-content .entitypanel-control-container .k-header {
    background: transparent;
    color: #fff;
    line-height: 29px;
    height: 30px;
}
.k-window .k-content .entitypanel-control-container .k-picker-wrap.k-state-default {
width:260px !important;
  border: solid 1px #DBDBDB;
    height: 30px !important;
}
.k-window .k-window-content .grid-entitypanel .grid-entitypanel-content .field .control .entitypanel-control-container .k-header .k-state-hover {
    height: 30px !important;
    border: solid 1px #DBDBDB;
}
.k-window .k-content .entitypanel-control-container .k-picker-wrap.k-state-default.k-state-focused {
    border: solid 1px #437ab4 !important;
}
.k-window .k-grid {
    min-height: 248px;
    width: 100% !important;
    margin: 0px auto;
}
.k-window .k-content .k-picker-wrap .k-icon {
    /* margin-top: -2px; */
    margin-top: 0px;
}
 .k-window  .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none repeat scroll 0 0 #888888;
    color: #FFFFFF;
    cursor: pointer;
    display:  inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 10px 10px;
    min-width: 80px;
    width:80px;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
}
 .k-window .button {
    height: 28px;
    line-height: 28px;
}
.margin-all, .margin-top {
    margin-top: 10px;
}
.bottom-center {
    text-align: center;
    bottom: 0;
    position: relative;
}
.k-window  input[type="button"] {
    border: 0 none;
    border-radius: 0 !important;
    padding: 0 5px;
}
 .k-window .k-content .button-primary {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: none repeat scroll 0 0 #ff7e00;
    background-color: #ff7e00;
}

 .searchfield .button {
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-right: 0px;
}
.button-success {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: none repeat scroll 0 0 #93BA50 !important;
}
 .button-success:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: none repeat scroll 0 0 #58B227;
}

 /*Reports*/

#AdvancedPanel {
width:calc(100vw - 271px) !important;
float:left !important

}
#reportiFrame {
    width:calc(100vw - 281px) !important;
float:left !important
}

.grid-advanced-entitypanel[data-cat="Reports"] {
 width:101%;
  

}
    .grid-advanced-entitypanel[data-cat="Reports"] .searchfield {
       
    top: 65px;
    /*right: 123px;*/
	right:90px;
    position: absolute;
    }
.grid-advanced-entitypanel[data-cat="Reports"] .searchfield .button {
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-right: 0px;
    width: 100px;
    text-align: center;
    color: #fff;
    cursor: default;
        text-transform: uppercase;
    font-size: 14px;
}
    .grid-advanced-entitypanel[data-cat="Reports"] .searchfield .button-success:hover {
        background: #58B227 !important;
    }
    .grid-advanced-entitypanel[data-cat="Reports"] .searchfield .button.button-clear {
      margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-right: 0px;
    width: 100px;
    text-align: center;
    background: #888888;
    cursor: default;

    
    }
        .grid-advanced-entitypanel[data-cat="Reports"] .searchfield .button.button-clear:hover {
        background: #6f6f6f;
        }
 
#epReportPanel_AdvSearch_btnDownload  {
     background: #93BA50 !important  ;
     height:21px;
     position: relative;
    top: -10px;
}
#epReportPanel_AdvSearch_btnDownload:hover  {
     background: #58B227 !important  ;
     
}

#epReportPanel_AdvSearch_btnDownload .k-link  .k-animation-container {
 
 height:0px;
 overflow:hidden;
 width:0px
}
#epReportPanel_AdvSearch_btnDownload   .k-animation-container .k-menu-group {
 
  height:0px;
  overflow:hidden;
  width:0px;
}
#epReportPanel_AdvSearch_btnDownload    li.k-item   {
 background:transparent !important;
 width:0px;
 margin:0px;
 padding:0px;
 border:solid 0px #fff;
}
    #epReportPanel_AdvSearch_btnDownload li.k-item .k-link {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        color: #fff;
      margin: 0px 8px;
    top: -3px;
    position: absolute;
    height: 27px;
    background: transparent;
    
    position: absolute;
    }


     .grid-advanced-entitypanel[data-cat="Reports"] .grid-advancedsearch-content .entitylookupdropdown
     {width:90% !important;}
.grid-advanced-entitypanel[data-cat="Reports"] .grid-advancedsearch-content .entitylookupdropdown .k-dropdown-wrap{
width:200px !important
}



.grid-entitypanel-content .field .entitylookupdropdown .k-dropdown.k-header .k-dropdown-wrap.k-state-focused {
border:none;
}

.entitylookupdropdown .k-button {
   float: right;
    margin-top: -24px;
    z-index: 1000;
    position: relative;
    right: -35px;
    border: solid 1px #ccc !important;
    width: 27px;
    height: 24px;
}
    .entitylookupdropdown .k-button:hover {
    background:#3778AB
    }
    .entitylookupdropdown .k-button .k-i-search {
    margin-left:-3px;
    }

table#tblQuick {
    border: 0;
    height: 25px;
    position: relative;
    top: -13px;
     
}

.ToolBarImageVisible {
    width: 16px;
    height: 16px;
    display: inline;
    vertical-align: baseline;
    top: 5px;
    position: relative;
}


/*left-nave treegray*/

.treeview-gray li {
    height: 18px;
}
.treeview-gray {
 
    margin: 6px;
    
}

/*reports*/
/*advance search arrow*/
#rptToggle .arrow-down {
    background-position: -11px -215px;
    cursor: pointer;
    height: 13px;
    width: 15px;
    display: block;
    margin-top: 4px;
}

.cont-bx-hdr-prfl {
    background: #353535;
    height: 41px !important;
    min-height: 11px;
    width: 100%;
    vertical-align: middle;
    color: #fff;
}

.ToolBarPanel {
 
    margin-top: 2px !important;
}

/*************POPUP********************/
.popup { color: #828282; line-height: 20px; margin: 15px; }
.k-window .title { color: #505050; font-size: 12px; height: 30px; background: none; border: 1px #dadada solid; padding: 5px 10px 2px 4px; width: 98.5%; margin-bottom: 0px; }
.popup ul { float: left; margin-left: -25px; margin-top: -12px; }
.popup ul li {list-style-type: none;}
.popup ul li:before { color: #FF0000; content: ". "; font-family: Georgia; font-size: 44px; }
.popup hr {border: 1px solid #DBDBDB;}
.popup .block { display: block; float: left; height: auto; line-height: 24px; min-height: 155px; padding: 0 5px 0 15px; width: 265px; }
.k-window-content .field {padding-right: 15px;}
.k-window  .grid-entitypanel-content {margin: 5px 2% 5px 20px;}
 .popup-dialogue { width: 380px !important; min-height: 180px !important; /*width: 387px;*/ /*width: 363px;*/ /*overflow-y:auto;*/ height: auto !important; max-height: 640px; /*overflow-y:auto;*/ /*overflow-x:hidden;*/ }
/*.popup-dialogue .content {    width:80%; float:left; margin:0px 10px; min-height:110px;}*/
.popup-general { width: 460px; min-height: 200px; height: auto; max-height: 640px; }
.popup-wizard { width: 960px !important; min-height: 400px; max-height: 640px; height: auto; }
.popup-search { width: 840px !important; min-height: 426px; max-height: 640px; height: auto; overflow-x: hidden; }
.message-text {
    padding-left: 44px !important;
    padding-top: 0px !important;
}
/* Pop ups Content dims*/
.popup-dialogue .pp-validation-summary-valid { width: 300px; margin-left: 40px; }
.popup-dialogue .pp-validation-summary-valid li {margin: 8px 9px;width:90%}
.popup-dialogue .pp-validation-summary-errors li {width: 270px !important;}
.popup-dialogue .popup-cont-box {width: 368px}
.popup-dialogue .popup-cont-box  .popup-contentsummaery {min-height: 90px;}
.popup-dialogue .popup-cont-box  .popup-contentsummaery p {padding-left: 50px; /*margin-top:-50px;*/}
.popup-general .popup-cont-box .message-text {min-height: 148px;}
.popup-wizard .popup-cont-box .message-text {min-height: 148px;}
.popup-search .popup-cont-box .message-text {min-height: 148px;}

.k-window-content .popup-dialogue .popup-cont-box .padding-all .pp-contentsummery > p {    padding-left: 40px !important;}


.popup-dialogue .k-window-content {    overflow-x: hidden !important;    overflow-y: hidden !important;}
.popup-dialogue .pp-validation-summary-errors {    /*width: 290px !important;*/    width: 335px !important;    margin-left: 21px;    margin-top: 20px;}
.popup-dialogue .pp-validation-summary-errors li {    width:270px !important;    }
 

.k-window .popup-dialogue .icon-warning {    margin-right: 10px;}
.k-window .popup-dialogue .icon-warning {    
    background-position: -2px -506px;
    width: 50px;
}
.k-window .k-window-content .popup-cont-box .message-text {    max-height: 540px !important;    overflow-x: hidden;    overflow-y: auto;    /*width: 310px;*/    padding-left: 20px !important;
    padding-top: 9px;
}

.popup-dialogue .popup-cont-box .popup-contentsummaery p b {
    color: #717171;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    /*padding-left: 12px;*/
}

.popup-dialogue .k-window-content ul li {
    margin: 8px 44px !important;
}

#promptPopup_container p, b {
    color: #717171;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}

#promptPopup #pp-contentsummery {
    margin-left: 22px !important;
}

#promptPopup #pp-contentsummery .message-text {
    padding-left: 14px !important;
}

#promptPopup #pp-validationSummary-footer {
    margin-top: 40px !important
}
/*-----------*/

#treeaccordion .ui-state-active span{margin-top: -5px;}
#treeaccordion .ui-state-active span.icon-contracts{margin-top: -1px;}
#treeaccordion .ui-state-active span.icon-documents{margin-top: -4px;}
#treeaccordion .ui-state-active span.icon-reports{margin-top: -3px;}

/*Vitthal-Start*/
/* tooltip */
.tool-tip{
	color: black;
	background-color: #FFFFE0;
	text-shadow: none;
	font-size: .8em;
	visibility: hidden;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-border-radius: 7px; 
	border-radius: 7px;	
	text-align: center;	
	opacity: 0;
	z-index: 999;
	padding: 3px 8px;	
	position: absolute;
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;	
}

.tool-tip,
.tool-tip.top{
	top: auto;
	bottom: 114%;
	left: 50%;		
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: black;	
}

/* default heights, width and margin w/o Javscript */
.tool-tip,
.tool-tip.top{
	width: 350px;
	height: 100px;
	margin-left: -43px;
    text-align:left
}

/* tool tip position right */
.tool-tip.right{
	top: 50%;
	right: auto;
	left: 106%;
	margin-top: -20px;
	margin-right: auto;	
	margin-left: auto;
}

.tool-tip.right:after{
	left: -5px;
	top: 50%;	
	margin-top: -40px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: black;	
}

/* tooltip on focus left and right */
.on-focus .tool-tip.left,
.on-focus .tool-tip.right{
	margin-top: -19px;
    border:1px solid black;
}

/* on hover of element containing tooltip default*/
*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;		
}

/* right slideIn */
*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right{
	left: 40%;		
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right{
	left: 105%;
}
/*Vitthal-End*/

/*Smart search DDL in Report screen*/


.grid-entitypanel-content .field{margin:0px 18px}
.entitylookupsmartsearch .k-dropdown-wrap.k-state-default{width: 190px !important;border:1px solid #ccc !important;}
.entitylookupsmartsearch .k-button {float:right;position: relative;margin-left:37px;border: 1px solid #ccc !important;height:24px;RIGHT: -10px;top: -24px;}
.entitypanel-control-container .k-dropdown .k-dropdown-wrap:hover >* {background-color:  transparent !important;}
.entitypanel-control-container .control .k-dropdown-wrap.k-state-default{height:23px !important;}
.k-dropdown-wrap .k-select{line-height: 30px;}

/*End */


@media  screen and (max-width: 1440px) {
.grid-advanced-entitypanel {overflow-y: scroll;height: 138px;}
}


/****Comment by rejashekar  (Added bottom of the page) 3/22/2018 **********

.payroll-table input:not([type='checkbox']):focus, .payroll-table input:not([type='checkbox']):focus, .k-edit-cell .k-numerictextbox input[type="text"]:focus, 
.k-edit-cell .k-combobox input[type="text"]:focus, 
.k-filter-menu input.k-textbox:focus, 
.k-filter-menu .k-dropdown-wrap.k-state-default.k-state-focused,
.k-dropdown-wrap.k-state-default.k-state-focused {
    background-color: none !important;
    background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
}


.payroll-table textarea:focus, .payroll-table textarea:focus{
   background-color: none !important;
    background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
}
/*****Comment by Rajashekar (Added bottom of the page) *******/

.form-fields-placeholder input[type="text"]{border:none !important; height:22px !important;}

.k-dirty{display:none}

.k-window .k-state-hover{background-color:transparent !important;}

/*Button Design*/



.button-container input[type="button"] {
    border: 0 none;
    border-radius: 0 !important;
    padding: 0 5px;
}

.button-container-ICW input[type="button"] {margin-right: 41px; float:right;}

 .button-container .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none repeat scroll 0 0 #888888;
    color: #FFFFFF;
    cursor: pointer;
    display:  inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 10px 10px;
    min-width: 120px;
    /*width:120px;*/
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
}

.button-container .button-primary {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: none repeat scroll 0 0 #ff7e00;
    background-color: #ff7e00;
}

 .button-container{text-align:center;width:100%;}
 .button-container-ICW{text-align:right;}
 .button-container-ProjectCode{margin-left: 50%;margin-top: -36px;position:relative;width:auto;text-align:left;}

 @media screen and (max-height: 768px) { .footer{line-height:3px; height:40px;} .footer p{padding-top: 18px;} }


.Note-placeholder {
    /*float: left;*/
    font-weight: normal;
    padding: 6px;
    font-size: 14px;
    color: #0e3d84;
    margin: 0px 5px 0px 10px;
}

#egContractorContracts.k-grid {width:calc(95vw - 175px) !important;margin:0px;}

/***************KEYWORD DROPDOWN*************/ /*Autocomplete Design*/
.keyword { float: left; width: auto; }
.keyword .entitylookup .button {margin-top: 3px !important}
.keyword .k-button {background: #ff7e00; border-color:#ff7e00}
.keyword .k-i-search {background-position: -48px -240px;}
.keyword .k-autocomplete .k-input { height: 23px; margin-top: -2px; }
.keyword-dropdown .k-list { max-height: 182px !important; height: auto; min-height: 50px; }
label.pp-helptext-info , label.helptext-info {border-bottom: dotted 1px #fff;}
.k-animation-container .keyword-dropdown { width: 520px !important; right: -9px; }
.k-list-container { display: table; clear: both; width: 100% }
.autocomplete-result-head { display: block; background: #437bb4; width: 100% }
.keyword-dropdown .k-list { overflow-x: hidden !important; overflow-y: scroll !important; }
.autocomplete-result-head .k-list .k-item:hover {border: none}
.autoresult-head { color: #fff; background: #437bb4; padding: 2px; font-size: 12px; border: 1px solid #efefef; text-overflow: ellipsis; white-space: nowrap; width: 162px; display: inline-block; border-width: 0px 1px 0px 0px; line-height: 18px; }
.keyword-dropdown li.k-item, .keyword-dropdown-col1 li.k-item, .keyword-dropdown-col2 li.k-item, .keyword-dropdown-col3 li.k-item, .keyword-dropdown-col4 li.k-item { display: block; clear: both; padding: 0% !important; width: 100%; border: none 0px transparent; line-height: 26px; height: 26px; }
.autocomplete-result-content {display: block;}
.autoresult-content { border-color: #efefef; border-style: solid; border-width: 0px 1px 1px 0px; text-overflow: ellipsis; height: 26px; line-height: 26px; width: 162px; white-space: nowrap; display: inline-block; padding: 0px 2px; }
.keyword-dropdown .k-state-focused .autoresult-content {border: 0px #005197}
.autocomplete-result-content:hover .autoresult-content, .autocomplete-result-content:hover { border-width: 0px 1px 1px 0px; cursor: pointer; }
.keyword-dropdown-col4 .k-list, .keyword-dropdown-col3 .k-list, .keyword-dropdown-col2 .k-list, .keyword-dropdown-col1 .k-list, .keyword-dropdown .k-list { max-height: 155px !important; height: auto !important; min-height: 50px; padding-bottom: 5px; }
.k-popup .k-list .k-state-focused {background: #e2f5fd !important}
.k-list-container .k-list .k-item,.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item { border: none !important; padding: 0px; padding-left: 5px; line-height: 30px; }
.k-list-container .k-list .k-state-hover { border-style: none; border-width: 0px; border: none !important; padding: 0px; padding-left: 5px; line-height: 30px; }
.autocomplete-result-content {display: block;}

 /***KEYWORD DROPDOWN 4 col***/
 .k-animation-container .keyword-dropdown-col4 { width: 520px !important; right: -9px; }
.keyword-dropdown-col4 .k-list { overflow-x: hidden !important; overflow-y: scroll !important; }
.keyword-dropdown-col4 .autoresult-content { width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.keyword-dropdown-col4 .autoresult-head { width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /***KEYWORD DROPDOWN 3 col***/
.k-animation-container .keyword-dropdown-col3 { width: 520px !important; right: -9px; }
.keyword-dropdown-col3 .k-list { overflow-x: hidden !important; overflow-y: scroll !important; }
.keyword-dropdown-col3 .autoresult-content { width: 162px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.keyword-dropdown-col3 .autoresult-head { width: 162px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 /***KEYWORD DROPDOWN 2 col***/
 .k-animation-container .keyword-dropdown-col2 { width: 520px !important; right: -9px; height: auto !important; }
.keyword-dropdown-col2 .k-list { overflow-x: hidden !important; overflow-y: scroll !important; }
.keyword-dropdown-col2 .autoresult-content { width: 246px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.keyword-dropdown-col2 .autoresult-head { width: 246px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /***KEYWORD DROPDOWN 1 col***/
 .k-animation-container .keyword-dropdown-col1 { width: 250px !important; right: -9px; }
.keyword-dropdown-col1 .k-list { overflow-x: hidden !important; overflow-y: scroll !important; }
.keyword-dropdown-col1 .autoresult-content { width: 228px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.keyword-dropdown-col1 .autoresult-head { width: 228px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.field .icon-fein { cursor: pointer; position: relative; float: right !important; margin-right: 21px !important; margin-top: -19px !important; position: relative; }
.field .icon-feinout { background: url("images/sprite-icons.png") !important; background-position: -228px -709px !important; cursor: pointer; float: right !important; margin-right: -2px !important; margin-top: 0px !important; position: relative; width: 29px; /*border: solid 1px #ccc;*/ height: 27px !important; }

.payroll-td .k-dropdown{width: 170px !important;height:24px !important;}
.payroll-td .k-dropdown .k-state-default{width: 145px !important;border: solid 1px #DADADA !important;}
/*.payroll-td .k-dropdown .k-dropdown-wrap:hover >* { color:#000; background:#fff; border:solid 0px #DADADA;}*/


/***Added new rajashekar 3/27/2018***/

/*Editable grid control*/
.payroll-table input:not([type='checkbox']):focus, .payroll-table-0 input:not([type='checkbox']):focus, .k-edit-cell .k-numerictextbox input[type="text"]:focus, 
.k-edit-cell .k-combobox input[type="text"]:focus, 
.k-filter-menu input.k-textbox:focus, 
.k-filter-menu .k-dropdown-wrap.k-state-default.k-state-focused,
.k-dropdown-wrap.k-state-default.k-state-focused, .payroll-table textarea:focus, textarea:focus{ 
    background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
 border:1px solid #437bb4 !important
 }
.payroll-table-wrapper input:not([type='checkbox']):hover{border:1px solid #437bb4 !important} 
.payroll-table-wrapper .k-grid .k-dropdown-wrap.k-state-default {height: 33px !important;border: none !important;}
.payroll-table-wrapper .k-grid-content .k-dropdown-wrap .k-input {height: 33px !important;line-height: 33px !important;}
.payroll-table-wrapper .k-grid-edit-row > td > .k-textbox{height: 32px !important;}
.payroll-table-wrapper .k-grid .k-numeric-wrap.k-state-default{height:30px !important;}
.payroll-table-wrapper .k-edit-cell .k-numerictextbox input[type="text"] {height: 32px !important;}
.icw-grid-wrapper .payroll-table-wrapper .k-dropdown-wrap .k-select{line-height: 33px !important;padding: 0px 0px;height: 33px;}
.icw-gripd-wrapper .payroll-td .k-widget.k-dropdown.k-header .k-select{height: 24px;line-height: 24px !important;}
.payroll-table-wrapper .k-grid tbody tr {height: 33px;}
.editable-cell.k-edit-cell .k-dropdown-wrap.k-state-default.k-state-focused{box-shadow:none !important;}
payroll-table-wrapper .k-widget.k-dropdown.k-header{height:auto !important}
.payroll-table-wrapper .k-i-arrow-s {background-position: 0px -33px;}
.payroll-table-wrapper .k-state-hover > * > .k-i-arrow-s {background-position: -0px -30px;}
.payroll-table-wrapper .require .k-dropdown-wrap .k-input:hover{background:#EFE89B !important} 
/*End*/



/*Enrollment dropdown page*/
.icw-grid-wrapper .payroll-table .payroll-td .k-dropdown{padding:0px !important; margin:0px !important}
.icw-grid-wrapper .payroll-table .payroll-td .k-dropdown .k-state-default{width: 157px !important;padding:0px !important;margin:0px !important;}
.payroll-table .k-dropdown-wrap .k-select{line-height:18px;}
.payroll-table .k-dropdown:focus {border: none !important;}
.payroll-table .k-i-arrow-s {background-position: 0px -32px !important}
.payroll-table .k-state-hover > .k-i-arrow-s, .payroll-table .k-state-hover > * > .k-i-arrow-s {background-position: -0px -33px !important;}
.payroll-table .k-numeric-wrap.k-expand-padding .k-input {height: 22px !important;}
/*.payroll-td .k-dropdown-wrap .k-input, .k-numeric-wrap{ height: 18px !important; }*/
.payroll-td span.k-numerictextbox {height: 24px;}
.payroll-td .k-panelbar .k-dropdown-wrap .k-i-arrow-s{background-position:0px -34px;}
.payroll-td .k-dropdown-wrap.k-state-disabled{height:22px !important;border:  1px solid #ccc;}
.payroll-td .k-dropdown{height:24px; min-height:24px; max-height:24px;}
.icw-grid-width {width: calc(98vw - 297px) !important;}
.closeout-grid-wrapper .k-grid {width: calc(98vw - 340px) !important;}
.payroll-td .k-dropdown-wrap .k-i-arrow-s {background-position: 0px -34px;}
.CustomControl-width.k-input {width: 157px;}
.k-picker-wrap  .k-input {height: 24px !important;}
.payroll-td .k-picker-wrap.k-state-default{height:24px;}
.closeout-grid-content .k-formatted-value.text-filed-border.k-input {height: 24px !important;}
.estPayroll .k-dropdown-wrap.k-state-default {
    width: 247px !important;
    border: solid 1px #DBDBDB !important;
    height: 23px !important;
}

.modifierDDL .k-dropdown-wrap.k-state-default {
    width: 144px !important;
    border: solid 1px #DBDBDB !important;
    height: 23px !important;
}

.payroll-table-wrapper .estPayroll input[type="text"] {
    border: solid 1px #DBDBDB !important;
    width: 247px !important;
    height: 25px !important;
    margin-top: -1px;
}
.payroll-table-wrapper input[type="text"]:hover {background-color: none !important;background-image: none;background-position: 50% 50%;
    border-color: #437bb4 !important;-webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;}
.k-formatted-value.text-filed-border.CustomControl-width.k-input{height:24px !important}


/*End*/
/*contract # search field design */
.form-fields-placeholder .k-autocomplete.k-state-default{height:18px !important} 
.form-fields-placeholder input[type="text"] {
 width: 200px !important; height:  16px !important;  line-height:  16px !important;
}
.form-fields-placeholder .k-autocomplete.k-state-default {width: 200px !important;}
.form-fields-placeholder .search-icon-wrap {
position: absolute;display: inline-block !important;
}
.icon-goto{background-repeat:no-repeat;background-position:-37px -26px !important;width:18px;height:21px;display:inline-block;margin-left: -20px;margin-top: 1px;}
.search-icon-wrap .icon-goto {position:  relative; top: 0px; right: 0px;}
/*End*/

/*End Rajashekar*/


/* ################## Reports CSS ####################################*/
            /* this section only for Report */

/*Added by Rajashekar 1/22/2018*/


.ToolBarPanel .tollbar-item{padding:0px !important;}  

#commandButtons_egGrid .tollbar-item{padding:0px;}

.blu-img-zoomIn-active {margin: 0px 0px 8px 0px;background-position: -1px -432px;width: 21px;height: 21px; display: inline-block;}


.grid-delfav {background: <image>;display: inline-block;width: 16px;height: 17px;background-position: -126px -361px;}


.grid-addfav {background: <image>;display: inline-block;width: 16px;height: 17px;background-position: -107px -361px;}


.blu-img-zoomOut-active {margin: 0px 0px 8px 0px;background-position: -1px -432px;width: 21px;height: 21px;display: inline-block;}


.blu-img-fullScreen {margin: 0px 0px 10px 0px;background-position: -160px -415px;width: 17px;height: 17px;display: inline-block;}


.blu-img-newWndw {margin: 0px 0px 10px 0px; /* background-position: -35px -432px; */ background-position: -35px -430px; width: 17px; /* height: 17px; */height: 20px;display: inline-block;}


.ExportClass {margin: -1px 6px 9px 0px !important;}


.ExportClass {background: url(images/Common/export.png) no-repeat;display: inline-block; height: 20px;width: 20px;cursor: pointer;background-position: 0px 0px;}
/*Added by Rajashekar 1/22/2018*/



/*################ End #################################################################*/
.accordian-tree {
    height: auto !important;
}

.scrollwrapper {
    overflow: hidden;
    /*max-height:560px;*/
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 15px;
}

.divaccessiblearea {
    width: 100% !important;    
}

.k-grid th {
    /*background: #fff !important;*/
    color: #2a2727;
}

.k-grid-header .k-header .k-link {
    /*color: #000;*/
    font-size: 12px;
    font-weight: bold;
}

/* Added By PrakashS  */



/* Add width of custom control */

.CustomControl-width {
    width: 167px !important;
    color: black;
}

/* Icon CSS for Expand/collapse */
.icon {
    background: url("images/sprite-icons.png") repeat scroll;
    height: 16px;
    width: 16px;
}

.icon-open {
    background-position: -2px -58px;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.icon-close {
    background-position: -52px -57px;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

#divEnrollmentDetails .k-panelbar-expand {
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px;
}

#divEnrollmentDetails .k-panelbar-collapse {
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px;
}

#divEnrollmentDetails .k-panelbar > .k-item > .k-link {
    height: 36px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.push-btn {
    float: right;
    margin-right: 20px;
}

.btn-lt1 {
    width: 166px;
}

#divEnrollmentDetails .f-label {
    padding-left: 20px;
}

#divSubContractDetails .f-label {
    padding-left: 20px;
    width: 200px;
    vertical-align: inherit;
}



.b {
    font-weight: bold;
}

.f-lg-label {
    text-align: right;
    padding-right: 10px;
    color: #878787;
    vertical-align: middle;
    padding-left: 20px;
    width: 450px;
}

.f-xlg-label {
    text-align: right;
    padding-right: 10px;
    color: #878787;
    vertical-align: middle;
    padding-left: 5px;
}

.label-b {
    font-weight: bold;
}

.cssicalender {
    background: white;
    padding-left: 0px !important;
    color:black;
}

.EnrollmentDivHeader {
    margin: -1px 20px -16px 7px;
}

.detailPageHeader {
    text-align: center;
    width: 90%;
}

.enrollmentPageHeader {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.enrollmentPageHeaderContent {
    display: inline-flex;
    font-weight: bold;
    width: 200px;
    text-align: left;
}

.enrollmentDisclosureTable {
    margin-left: 16px;
    clear: both;
}

.enrollmentDisclosureTableContent {
    margin-right: 31px;
    overflow: auto;
    height: inherit;
    max-height: 92px;
}

.ClassCode-Link a span {
    font-size: 16px !important;
    color: blue;
    background: none;
    background-color: white;
    font-style: italic;
}

.ClassCode-Link a span:hover {
    text-decoration: underline;
    cursor: pointer;
}



/* Add Width of Dashoard panel for Enrollment */
.enrollment-detail-widget-col1 {
    /*margin:10px;*/
    width: 100%;
    float: left;
}

.enrollment-f-label-Zip {
    min-width: 0px !important;
    width: 0px !important;
}

.enrollment-Statetxtbox {
    width: 60px !important;
}

.enrollment-Ziptxtbox {
    width: 50px !important;
}

.dropdown-lg {
    height: 21px !important;
    width: 288px !important;
}

.estPayroll-InputType {
    padding-top: 12px;
    margin-left: 160px;
}

.payroll-td input {
    border: solid 1px #DBDBDB;
}

.label-vertical-align-initial {
    vertical-align: initial;
}

.label-SubContractDescriptionWork {
    vertical-align: middle !important;
    padding-top: 0px;
}

.errorDivEnrollment {
    clear: both;
    margin-left: 70px;
    color: Red;
    display: block;
}

.errorDivIsAgree {
    clear: both;
    color: Red;
    display: block;
}

.errorDivSignature {
    clear: both;
    color: Red;
    display: block;
    margin-left: 230px;
}

.EEOPayroll-button {
    display: inline-flex;
    margin-left: 223px;
}

.padding-all, .padding-top {
    padding-top: 10px;
}

.padding-all, .padding-right {
    padding-right: 10px;
}

.padding-all, .padding-bottom {
    padding-bottom: 10px;
}

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

.margin-left0 {
    margin-left: 0px !important;
}

.margin-all, .margin-top {
    margin-top: 10px;
}

.margin-all, .margin-right {
    margin-right: 10px;
}

.margin-all, .margin-bottom {
    margin-bottom: 10px;
}

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

.margin-bottom-20 {
    margin-bottom: 20px;
}

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

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}


.margin-top-_25 {
    margin-top: -25px;
}

.margin-top-_15 {
    margin-top: -15px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-_10 {
    margin-top: -10px;
}

.margin-top-_20 {
    margin-top: -20px;
}

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-45 {
    margin-right: 45px;
}

.margin-left_60 {
    margin-left: -60px;
}

.margin-left-_630 {
    margin-left: -630px;
}

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

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

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

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

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

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

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

.margin-top-_35 {
    margin-top: -35px;
}

.page-Header-font-size-16 {
    font-size: 16px;
}

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

.panelbarToggel {
    float: right;
    display: inline-flex;
}

/* Set count on every grid in enrollment - start */

#divEnrollmentDetails .icon-ph {
    /*width: 60px;
    display: inline-block;
    margin-left: 26%;
    position: absolute;*/
    margin-right: 50%;
    float: right;
}

#divEnrollmentDetails .icon-x span {
    margin: 0px 0px 0px 0px;
    color: #fff;
    display: block;
    cursor: default;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#divEnrollmentDetails .icon-x {
    margin-top: 1px;
}

#divEnrollmentDetails .btn-common {
    cursor: pointer;
}

/* Set count on every grid in enrollment - End */

/* Set css for secondory button of pop up */
.btn-Secondary {
    background: none repeat scroll 0 0 #888888;
    position: relative;
    width: 100px;
    height: 21px;
    text-align: center;
    cursor: default;
    padding-top: 8px;
    margin-right: 20px;
}

    .btn-Secondary a {
        color: #FFF;
    }

        .btn-Secondary a:hover {
            text-decoration: none;
        }

/* Sub Contract Module - Start */

/* Increase height of Grid */

.contractNoLink {
    float: left;
    margin-left: 5px;
    margin-top: 20px;
}

    .contractNoLink:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.subContractListingLink {
    float: right;
    margin-top: 25px;
    margin-right: 10px;
    /*margin-bottom:-6px;*/
}

    .subContractListingLink a {
        float: left;
        margin-left: 5px;
    }

        .subContractListingLink a span {
            font-size: 16px !important;
        }

            .subContractListingLink a span:hover {
                text-decoration: underline;
                cursor: pointer;
            }

.subContract-PageHeader-Label {
    font-size: 16px;
    font-weight: bold;
    display: inline;
}

.subContractlistErrorDiv {
    height: 15px;
    margin-top: 28px;
    clear: both;
    margin-left: 5px;
}

.SubContarctContactCheckboxSame {
    padding-left: 450px;
}

#divSubContractDetails .btn-submit {
    margin-left: 25%;
}

.errorDivSubContract {
    clear: both;
    color: Red;
    display: block;
    margin-top: 5px;
}

/* Sub Contract Module - End */

#EEOPayrollByClassCode .k-grid {
    min-height: 131px;
}

#EEOPayrollByClassCode .k-grid-content {
    min-height: 100px;
}

/* End By PrakashS */

.lbl-contractno {
    color: #444 !important;
    font-size: 12px;
    font-weight: bold;
}

.div-contractno {
    display: inline-block;
    font-weight: bold;
}

.grid-header-white {
    /* background-position: 0px -172px; */
    /* width: 100%; */
    height: 32px;
    /* margin: 0px auto 0px auto; */
    color: black;
    padding: 0px;
    box-sizing: border-box;
    border: 1px solid;
    border-color: darkgray;
    background-color: lightgray;
}

    .grid-header-white div {
        box-sizing: border-box;
        font-size: 13px;
        font-weight: bold;
        padding-top: 4px;
        padding-left: 10px;
        padding-right: 8px;
    }

.closeout-grid-content {
    border: 1px solid #cccccc;
}

/*.closeout-grid-wrapper .k-grid {
    width: 100% !important;
}*/

#dvCloseOut .finalCV-label {
    text-align: left;
    padding-left: 30px;
    min-width: 50px;
}

#dvICW .scrollwrapper {
    overflow-x: hidden;
    width: 100%;
    margin-bottom: 5px;
}

.m-bottom-15px {
    margin-bottom: 15px !important;
}

.m-left-25px {
    margin-left: 25px;
}

.m-right-35px {
    margin-right: 35px !important;
}

#dvICW a.underline {
    text-decoration: underline;
}

#dvICW .divTotal {
    float: left;
    z-index: 9;
    padding-right: 10px;
    position: relative;
    padding-top: 15px;
}

#dvICW .divTotal span {
    font-size: 14px;
    font-weight: bold;
}


/*#dvICW #btnSubmit {
    margin-top: -48px;
}*/

.icw-grid-width {
    width: 97% !important;
}

/*.icw-grid-wrapper .k-grid {
    width: 99.9% !important;
}*/

#dvICW .k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 0px !important;
}

#dvICW .k-grid-content {
    height: 111px !important;
    min-height: 111px !important;
    max-height: 111px !important;
}

#dvCloseoutICW .k-grid-content {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
}

#dvContractDocuments .selectbox-container {
    float: left;
    height: 120px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #7a7a7a;
    max-width: 55.3%;
    min-width: 55.3%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 16px;
}

.padding-bottom-105 {
    padding-bottom: 105px;
}

#egDocumentList {
    margin-left: 20px;
    width: 96.4% !important;
}

#egProjectDocumentList {margin-left: 20px;width: 97.4% !important;margin-top: 15px;}

#dvCloseOut .icon-placeholder {
    height: 30px;
    clear: both;
    position: relative;
    right: 8px;
    padding: 0px;
    float: right;
    padding-top: 2px;
}

#dvICW .icon-placeholder {
    height: 30px;
    clear: both;
    position: relative;
    right: -5px;
    padding: 0px;
    float: right;
    padding-top: 9px;
}

#dvProjectDocuments .icon-placeholder {
    height: 30px;
    clear: both;
    position: relative;
    right: 12px;
    float: right;
    margin-top: -20px;
}

    #dvCloseOut .icon-placeholder span, #dvICW .icon-placeholder span, #dvProjectDocuments .icon-placeholder span {
        display: inline-block;
        margin: 0px 10px;
        margin-left: 0px;
        margin-top: -5px;
    }

#dvCloseOut .grid-header-white {
    padding-top: 3px;
}

.adduser-buttons {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 112px;
}

#dvProject .lnkSwitchPortal {
    float: left;
}

.SwitchContractLink {
    float: right;
    margin: 4px 5px 0 0;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    /*color: white;*/
    font-weight: bold;
    cursor: pointer;
}

    .SwitchContractLink:hover {
        text-decoration: underline;
    }

.padding-bottom-14 {
    padding-bottom: 14px;
}

#dvProjectDocuments .selectbox-container {
    margin-left: 0;
    margin-top: 0;
}

.max-width-125 {
    max-width: 125px;
}

.title {
    margin-top: 4px;
}

.k-grid.k-widget {
    border-top-width: 0px;
}

.padding-top-4 {
    padding-top: 4px !important;
}

#dvProjectDocuments .selectbox-container {
    float: left;
    height: 120px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #7a7a7a;
    max-width: 55.3%;
    min-width: 55.3%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 16px;
}

#dvProjectDocuments .first-payroll-table {
    position: relative !important;
    margin-top: 5px;
}

#dvProjectDocuments .second-payroll-table {
    margin-top: 45px;
}

#dvProjectDocuments .bg-hr-divider {
    position: absolute;
    width: 83%;
}

.black {
    color: #000;
}

#dvProject .icons-placeholder {
    padding: 8px;
}

#dvICW .grid-header-white {
    height: 40px;
    color: black;
    padding: 0px;
    box-sizing: border-box;
    border: 1px solid;
    border-color: darkgray;
    background-color: lightgray;
}

    #dvICW .grid-header-white div {
        box-sizing: border-box;
        font-size: 13px;
        font-weight: bold;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 8px;
    }

#dvICW div.k-grid-footer {
    border-bottom-width: 0px;
}

#dvICW .k-grid {
    min-height: 111px;
}

.icw-error {
    color: red;
    margin-bottom: 3px;
}

.icw-message {
    color: blue;
    margin-bottom: 3px;
}

#dvProject .icon-help {
    margin-top: 0px;
}
/*Video Popup*/
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: #005197 !important;
    width: 97%;
    margin-top: -3px !important;
    margin-left: -2px !important;
    height: 28px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px !important;
}

.ui-dialog .ui-dialog-title {
    color: white !important;
    margin-top: 7px !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    background-image: url(images/sprite-metro.png) !important;
    background-position: -48px -16px !important;
    margin-top: 3px;
    margin-left: -7px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    opacity: 1;
    border: none !important;
    background: none !important;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}
/*Video Popup*/

/*Project Code Popup*/
.enrollment-lable {
    color: gray;
    white-space: normal;
    text-align: right;
    margin-right: 8px;
    padding-top: 4px;
}

.project-validation-button {
    position: relative;
    background-position: -12px -168px !important;
    width: 119px;
    height: 32px;
    text-align: center;
    background: url(images/btn-sprite.png);
    margin: 0px auto 0px auto;
    display: block;
    padding-top: 8px;
    color: #fff;
    cursor: pointer;
}

    .project-validation-button #lnkVerfiy {
        margin-top: 9px !important;
        display: block;
        color: black;
    }

#frmProjectVerification {
    overflow-x: hidden;
    overflow-y: hidden;
}

#lnkVerfiy:hover {
    text-decoration: none;
}

.project-error {
    color: red;
    position: fixed;
    margin-top: 10px;
}

/*Project Code Popup*/
/*#sessionNotify .message-text, #validation .message-text {
    margin-top: -65px !important;
    margin-left: 35px !important;
    margin-bottom: 50px !important;
}*/

.error-message {
    color: red;
}

div.error-message[for]{margin-top: -6px;}

.success-message{color:green;}
.info-message {color:blue;}

.k-numeric-wrap.k-state-default {
    width: 100% !important;
}

/*.k-numeric-wrap .k-input {
    height: 22px !important;
}*/

/*Report button*/
#AdvancedPanel .searchfield div {
    cursor: pointer;
}

.custom-multiselectgrid-header {
    background: #ccc;
}
/*Report button*/

#dvICW .k-dropdown:focus {
    border: solid 1px #3B7FB5 !important;
}

#dvICW .k-dropdown-wrap .k-input {
    padding: 0px;
}

.btn-submit-gray {
    position: relative;
    width: 119px;
    height: 32px;
    text-align: center;
    cursor: default;
    background-color: Gray !important;
}

.icw-info {
    color: blue;
    margin-bottom: 3px;
}

#Video-Content {
    text-align: CENTER;
}

#divEnrollmentDetails .DivClassCode a[disabled="disabled"] {
    pointer-events: none;
}

#divEnrollmentDetails .DivClassCode a[disabled="disabled"] span {
    color: gray;
}

.enrollmentConfirm {
    display: inline-block;
    width: 80%;
    margin-left: 20px;
}

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

.padding-bottom-5 {
    padding-bottom: 5px;
}

.enrollmentSuccessMsg {
    width: 80%;
    display: inline-block;
    margin-left: 20px;
}

#divEnrollmentDetails .width-Auto {
    width: auto !important;
}

.display-inline-flex {
    display: inline-flex;
}

.k-picker-wrap.k-state-disabled, .k-numeric-wrap.k-state-disabled {height: 24px !important;border:none;}
.k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled { height: 22px; }

.text-align-right {
    text-align:right;
}

textarea[disabled] {
    background-color:#DFECF4 !important;
}

#drpAddressState .payroll-td .k-dropdown {
width: 63px !important;
}

#drpAddressState .payroll-td .k-dropdown .k-state-default {
width: 45px !important;
}

/*#divEnrollmentDetails .k-state-disabled {
    background-color:#DFECF4 !important;
}*/

.custom-lg-dropdwon .k-dropdown{
    width:250px !important
}

.custom-lg-dropdwon .k-dropdown .k-state-default{
    width:250px !important
}

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

#divEnrollmentDetails .bg-hr-divider {
    height:1px !important;
}

.btn-clear {
    position:absolute;
    margin-top:-15px;
}

.margin-top-15 {
    margin-top:15px;
}

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

.k-input {color:black;}
	
/*New Classes given by Design team along with new icon images (Start)*/
.sprite-common-icons{background:url(images/sprite-common-icons.png) no-repeat;width:16px;height:16px !important;margin:0px 0px 10px 0px;color:#3b3b3b!important; cursor:pointer}



.icon-active{background-image:url(images/sprite-active.png?v=8.00);width:16px;height:16px !important;margin:0px 0px 10px 0px;color:#3b3b3b!important; cursor:pointer}
    .NavBar .icon-active{margin-top:8px;}
    .custom-view .k-menu .icon-active { }
    .options-buttons .icon-active{float:left; margin:10px 6px;}
    .command-buttons .icon-active{float:right; margin:10px 6px;}
    .k-toolbar .k-menu .k-item .icon-active{margin:0px;}
    .officetab .icon-active { margin: 2px 0px 10px 0px;}
    .k-grid-content td .icon-active{margin:auto;}
    #reportiFrame .icon-active {   display: block;    float: right;    margin: 5px;}
    .quick-links-dropdown .icon-active { margin: 10px 0px 0px 5px; float:left;}

.icon-inactive{background-image:url(images/sprite-inactive.png?v=8.00);width:16px;height:16px !important;margin:0px 0px 10px 0px;color:#3b3b3b!important; cursor:pointer}
    .NavBar .icon-active{margin-top:8px;}
    .officetab .icon-inactive { margin: 2px 0px 10px 0px;}


.icon-active span{margin-left:20px;white-space:nowrap}
.icon-inactive span{margin-left:20px;white-space:nowrap}
.sprite-common-icons span{margin-left:20px;white-space:nowrap}

/*   ICONS    Begins */
.icon-fpo{background-position:-1px 0;}
.icon-add-contract{background-position:-18px 0}
.icon-add-dba{background-position:-36px 0px}
.icon-add-license{background-position:-54px 0}
.icon-add-master-policy{background-position:-72px -1px}
.icon-add-new{background-position:-90px 0}
.icon-add-notes-text{background-position:-108px 0}
.icon-add-offsite{background-position: -126px 0}
.icon-add-policy{background-position:-144px 0;}
.icon-add-program{background-position: -162px -1px;}
.icon-add-program-type{background-position: 0 -19px;}
.icon-add-project{background-position: -18px -20px}
.icon-add-sub-division{background-position:-36px -19px; }
.icon-add-sub-policy{background-position: -54px -18px}
.icon-add-work-wocations{background-position:-72px -19px }
.icon-add-wrap-up-admin-address{background-position:-90px -20px; }
.icon-ribbon-address{background-position: -108px -20px}
.icon-admin-config{background-position: -126px -18px}
.icon-advance-search{background-position:-144px -21px }
.icon-affected-contracts{background-position: -162px -18px}
.icon-affected-projects{background-position: 0 -38px;}
.icon-assign{background-position: -19px -36px}
.icon-assign-to-de{background-position: -36px -37px}
.icon-assign-to-wrap-up-admin{background-position: -54px -38px}
.icon-auditing{background-position:-72px -37px }
.icon-calculate{background-position: -92px -36px}
.icon-cancel-contract{background-position: -108px -36px}
.icon-carrier{background-position: -126px -36px}
.icon-certificate-template{background-position:-144px -37px }
.icon-certificates-onsite{background-position: -162px -36px}
.icon-change-form-type{background-position: 0 -54px}
.icon-change-password{background-position: -18px -55px;}
.icon-claims{background-position: -36px -54px}
.icon-clear{background-position: -55px -54px}
.icon-coi-requirement{background-position: -72px -54px}
.icon-collapse{background-position: -90px -54px;}
.icon-ribbon-contact{background-position:-108px -56px }
.icon-contract-status-change{background-position: -126px -54px}
.icon-contractor{background-position: -144px -55px;}
.icon-contractor-enrollment-report{background-position: -162px -54px}
.icon-contracts{background-position: 0 -72px;}
.icon-copy-master-policy{background-position: -18px -73px}
.icon-credit-template{background-position: -36px -73px}
.icon-customize-layout{background-position:-54px -72px }
.icon-dashboard{background-position:-72px -73px }
.icon-dba{background-position: -90px -73px;}
.icon-details{background-position: -110px -72px}
.icon-email{background-position: -126px -75px}
.icon-enrollment-status-report{background-position: -144px -72px}
.icon-expand{background-position: -162px -73px}
.icon-export{background-position: 0 -90px;}
.icon-extend-policy{background-position: -18px -90px}
.icon-faq{background-position: -36px -92px;}
.icon-forgot-password{background-position:-54px -90px }
.icon-generate-certificate{background-position: -73px -90px}
.icon-get-pre-queue-count{background-position: -90px -92px}
.icon-help{background-position: -108px -90px}
.icon-home{background-position:-126px -91px; margin:5px; }
.icon-icw-reported{background-position: -144px -90px;}
.icon-import{background-position:-162px -91px; }
.icon-insurance-cost-worksheet{background-position:0 -108px; }
.icon-integration-manager{background-position: -18px -108px;}
.icon-licenses{background-position: -36px -108px;}
.icon-link-to-address{background-position: -54px -109px}
.icon-link-to-contact{background-position: -72px -108px;}
.icon-link-to-contract{background-position: -90px -108px;}
.icon-manage-automation{background-position: -109px -108px;}
.icon-mark-as-completed{background-position: -126px -108px;}
.icon-mark-as-final-payroll{background-position:-144px -108px; }
.icon-missing-data-report{background-position: -162px -108px}
.icon-new-enrollment{background-position: 0 -126px;}
.icon-nkll-received{background-position: -19px -126px;}
.icon-noa-Received{background-position: -36px -126px;}
.icon-offsite{background-position:-54px -126px; }
.icon-offsite-compliance-requirements{background-position: -72px -127px;}
.icon-offsite-policies{background-position: -91px -126px;}
.icon-open-contract{background-position: -108px -129px}
.icon-open-document{background-position: -126px -129px}
.icon-open-tasks{background-position: -144px -128px}
.icon-payroll-summary-report{background-position:-162px -126px }
.icon-policies{background-position: 0 -144px}
.icon-product{background-position: -18px -144px}
.icon-product-type{background-position:-36px -146px}
.icon-program{background-position: -54px -146px}
.icon-program-type{background-position: -72px -146px; }
.icon-programs{background-position: -54px -146px}
.icon-projects{background-position: -90px -144px}
.icon-rates{background-position: -109px -146px;}
.icon-re-assign-records{background-position: -126px -146px;}
.icon-reject-contract{background-position: -144px -144px}
.icon-reject-rayroll{background-position: -162px -144px;}
.icon-renew-master-policy{background-position: 0 -163px}
.icon-report{background-position: -18px -164px}
.icon-report-dollar0-payroll{background-position: -36px -162px;}
.icon-restore-contract{background-position:-54px -162px }
.icon-rules-engine{background-position:-72px -162px }
.icon-sample-termination-letter{background-position: -91px -162px;}
.icon-send-document{background-position: -108px -162px}
.icon-send-termination-letter{background-position: -126px -163px;}
.icon-settings{background-position: -144px -163px}
.icon-settings-other-details{background-position: -162px -162px}
.icon-show-sub-policy{background-position: 0 -180px;}
.icon-sitemap{background-position: -18px -180px}
.icon-sponsor{background-position: -36px -180px}
.icon-status-history{background-position: -54px -180px}
.icon-sub-contracts{background-position: -72px -180px;}
.icon-sub-division{background-position: -90px -180px}
.icon-submit-close-out{background-position: -108px -182px}
.icon-submit-est-payroll{background-position:-126px -181px }
.icon-submit-payroll{background-position:-144px -181px}
.icon-subscriptions{background-position: -162px -179px}
.icon-summary{background-position:-145px -270px}
.icon-terminate{background-position:-19px -198px; }
.icon-terminate-contract{background-position:-36px -198px; }
.icon-toggle-group{background-position: -54px -198px}
.icon-toggle-pin{background-position: -74px -198px }
.icon-upload{background-position:-91px -198px}
.icon-user-access{background-position:-108px -198px }
.icon-user-manual{background-position: -126px -198px}
.icon-verify-icw{background-position:-144px -200px }
.icon-waive-work-location{background-position: -162px -198px}
.icon-wc-class-codes{background-position:0 -217px; }
.icon-work-location{background-position: -18px -216px}
.icon-wrap-up{background-position: -36px -216px}
.icon-wrap-up-admin{background-position:-54px -217px }
.icon-wrap-up-admin-address{background-position:-72px -217px }
.icon-new{background-position:-90px -216px }
.icon-save{background-position: -109px -216px;}
.icon-delete{background-position: -19px -468px}
.icon-actual-payroll{background-position: -144px -216px}
.icon-close-out{background-position: -162px -217px}
.icon-more{background-position: 0 -235px;}
.icon-approve-contract{background-position:-18px -234px }
.icon-preview-send-cert{background-position:-36px -234px }
.icon-submit-offsite{background-position:-53px -234px }
.icon-tasks{background-position: -72px -234px}
.icon-coi-compliant-req{background-position:-90px -234px }
.icon-duplicate{background-position: -108px -234px}
.icon-save-and-new{background-position:-126px -234px; }
.icon-save-and-close{background-position: -144px -234px}
.icon-insurance-cost-sheet{background-position:-162px -234px }
.icon-documents{background-position:-1px -252px; }
.icon-business-rules{background-position: -18px -252px;}
.icon-missing-data{background-position: -36px -252px}
.icon-offsite-status-report{background-position:-54px -252px; }
.icon-onsite-certificate{background-position: -72px -252px}
.icon-setup{background-position: -90px -254px}
.icon-tools{background-position: -108px -252px}
.icon-admin{background-position:-126px -252px }
.icon-notes{background-position: -144px -252px}
.icon-audit{background-position: -162px -252px;}
.icon-approve-payroll{background-position:0 -271px; }
.icon-final-payroll{background-position: -18px -270px}
.icon-copy-to{background-position: -36px -270px}
.icon-copy-from{background-position: -54px -271px;}
.icon-down{background-position:  -90px -324px;}
.icon-filter{background-position:  -109px -324px}
.icon-maximize{background-position:  -126px -323px}
.icon-minimize{background-position:  -144px -325px}
.icon-logout{background-position:  -163px -324px;}
.icon-search{background-position:  -36px -342px;}
.icon-up{background-position: -54px -342px}
.icon-terminate-program{background-position: -72px -342px}
.icon-terminate-project{background-position:-90px -342px; }
.icon-subcontractor-status-report{background-position:-109px -342px; }
.icon-clear-final-payroll{background-position: -126px -342px;}
.icon-icw-verified-report{background-position:-144px -342px; }
.icon-unverify-icw{background-position:-162px -342px;}
.icon-my-profile{background-position:-54px -432px; float:left;}
.icon-contact{background-position:-108px -56px;}
.icon-settings-drop-down{background-position:-90px -432px;}
.icon-fein{background-position:-108px -435px;height:13px;}
.icon-change-order{background-position:-3px -563px;}
.icon-add-project-change-order{background-position:-80px -563px;}
.icon-add-sub-change-order{background-position:-29px -563px;}
.icon-remove-sub-change-order{background-position:-55px -563px;}
.icon-add-project-change-order{background-position:-80px -563px;}
.icon-open-form{background-position:-106px -563px;}


/**************Sandeep**************/
.icon-class-code {background-position:-91px -673px}
.icon-external-user{background-position:-159px -671px }
.icon-internal-user{background-position:-2px -694px }
.icon-mark-active{background-position:-49px -672px}
.icon-mark-inactive{background-position:-71px -672px}
.icon-data-level-access{background-position:-115px -673px}
.icon-associate-cip-admin{background-position:-26px -672px}
.icon-reset-password{background-position:-27px -695px}
.icon-deactivate{background-position:-136px -673px}
.icon-project-automation{background-position:-156px -620px}
.icon-user-detail{background-position:-81px -640px}
.icon-contract-automation{background-position:-133px -619px}
.icon-reset-follow-up{background-position:-56px -640px}
.icon-enable-rule{background-position:-31px -640px}
.icon-disable-rule{background-position:-4px -640px}
.icon-force-verify{background-position:-49px -697px}
.icon-project-snapshot{background-position:-71px -695px;}
.icon-mngt-summary-report{background-position:-93px -695px;}
.icon-terminate-project-undo{background-position:-115px -695px;}
.icon-payroll-variance{background-position:-136px -695px;}
.icon-accept-endorsement {background-position: 124px -723px;}
.icon-reject-endorsement {background-position: 102px -723px;}
.icon-mark-review {background-position: 80px -723px;}
/*.icon-automation-log {background-position: -3px 60px;}*/
.icon-add-existing{background-position: 200px -791px;}
.icon-add-new-rate{background-position: 199px -810px;}
.icon-credit-change {background-position: 241px -833px;}
.icon-copy-from-reported  {background-position: 201px -832px;}
.icon-copy-from-verified {background-position: 221px -832px;}

/*
.icon-optionalParagraphs {
    background-position: -2px 18px;
}
.icon-generatedFields {
    background-position: -28px 18px;
}
.icon-childGridDetails {
    background-position: -51px 18px;
}
.icon-reportParameters {
    background-position: -73px 18px;
}
*/
/*
.icon-contractWorkLocation {
    background-position: -93px 18px;
}
*/
/*
.icon-jobsiteAddress {
    background-position: -116px 18px;
}
*/
.icon-sendProjectTermination {
    background-position: -137px 18px;
}
.icon-refreshPicklist {
    background-position: -157px 19px;
}

/*Added by Arun*/
.icon-cip-admin{background-position:-3px -720px;width:20px;height:20px!important;display:block}
.icon-carrier-information{background-position:-29px -721px;width:20px;height:20px!important;display:block}

.field .icon-fien {
  cursor:pointer;  
  float: right ;
    margin-right: 21px ;
    margin-top: -19px ;
    position: relative;

}
.icon-close-window {
    background-color: #555;
    width: 10px;
    height: 10px ;
    background-position: -92px -308px;
}


.icon-warning, .icon-confirmation, .icon-success, .icon-session, .icon-information{width:48px;height:48px!important;display:block}
.icon-warning{background-position:-18px -378px;}
.icon-information{background-position:-114px -378px;}
.icon-confirmation{background-position:-90px -508px;}
.icon-success{background-position:-66px -378px;}

.icon-formatted-reports{background-position:-1px -414px;}

.icon-sponsor-info, .icon-sub-division, .icon-proj-info, .icon-program-info, .icon-contract-info{width:20px;height:20px!important;display:block}
.icon-sponsor-info{background-position:-130px -559px;}
.icon-sub-division{background-position: -153px -557px;}
.icon-proj-info{background-position:-2px -587px;}
.icon-program-info{background-position:-31px -587px;}
.icon-contract-info{background-position:-106px -587px;}


.icon-send-rate-verification{background-position: -126px -432px;}
.icon-initial-icw-report{background-position: -144px -432px;}
.icon-actual-icw-report{background-position: -162px -432px;}
.icon-rate-verification-letter{background-position: -18px -450px;}
.icon-final-icw-report{background-position: 0 -450px;}
.icon-add-based-on{background-position: -36px -450px;}
.icon-move-up{background-position: -54px -450px;}
.icon-move-down{background-position: -72px -451px;}
.icon-move-down-grid{background-position: -57px -471px;height:10px!important;}
.icon-move-up-grid{background-position: -39px -471px;height:10px!important;}
.icon-payroll-information{background-position: -90px -450px;}
.icon-workers-compensation{background-position: -108px -452px;}
.icon-general-liability{background-position: -126px -450px;}
.icon-excess-liability{background-position: -144px -450px;}
.icon-other-adjustment{background-position: -162px -450px;}
.icon-more-information{background-position: 0 -468px;}
.icon-add-modifier{background-position:-108px -468px; }
.icon-remove-modifier{background-position:-126px -468px; }
.icon-add-class-code{background-position: -144px -468px;}
.icon-remove-class-code{background-position: -162px -468px;}
/* Grid Icons */
.icon-customize-grid{background-position:-162px -272px}
.icon-filter-grid{background-position:-107px -271px;}
.icon-refresh-grid{background-position: -1px -288px;}
.icon-toggle-group-grid{background-position: -91px -270px;}
.icon-settings-grid{background-position:-36px -360px; }
.icon-toggle-filter-grid{ background-position:-72px -360px }
.icon-toggle-pager-grid{background-position:-54px -360px}
.icon-design-grid{background-position:-90px -362px; }
.icon-save-favorite-grid{background-position:-107px -358px;width: 18px !important;height: 18px !important;}
.icon-delete-favorite-grid{background-position: -126px -358px;width: 18px !important;height: 18px !important;}
.icon-export-csv-grid{background-position:-145px -360px; }
.icon-export-excel-grid{background-position: -162px -362px }
.icon-export-grid{background-position: -1px -378px}
.icon-address{background-position: -108px -20px;}
.icon-zoom-in{ background-position: 0 -432px;}
.icon-zoom-out{background-position: -18px -432px;}
.icon-full-screen{background-position: -162px -414px;}
.icon-open-in-new-window{background-position: -36px -433px;}
.icon-toggle-arrow-up{background-position:  -91px -470px;height:10px;margin-top:12px}
.icon-toggle-arrow-down{background-position: -73px -470px;height:10px;margin-top:12px}
.icon-export-grid{background-position: -18px -484px;width:23px!important}
.icon-export-more-grid{background-position: -18px -486px;width:23px!important;}
.icon-export-mono{background-position: -1px -378px}
.icon-session{background-position: -2px -506px;}
.icon-reports{background-position: -55px -486px;}
.icon-prequeue-check{background-position:-72px -486px;}
.icon-download-files{background-position:-91px -486px;}
.icon-assign-files{background-position:-109px -486px;}
.icon-email-to-wrap-up-admin{background-position:-126px -486px;}
.icon-qa-review-comments{background-position:-144px -488px;}
.icon-reassign{background-position:-162px -486px;}
.icon-data-entry{background-position:-54px -505px;}
.icon-issue-certificate{background-position:-72px -504px;}
.icon-fein-temporary{background-position: -55px -589px}
.icon-followup{background-position: -80px -587px} 
.icon-newimport{background-position: -132px -590px} 
.icon-download-sample{background-position: -156px -590px} 
.icon-pre-process{background-position: -2px -619px} 
.icon-import-data{background-position: -31px -619px} 
.icon-exec-summary{background-position: -56px -619px} 
.icon-im{background-position: -81px -619px} 

.icon-renew-offsite{background-position: -108px -619px} 




/* End Grid */


/* Light Gray Icons */
.icon-settings-lightgray{background-position: -72px -271px;}
.icon-toggle-lightgray{background-position:-126px -270px}
.icon-summary-lightgray{background-position:-145px -270px}
.icon-profile-down-arrow-lightgray{background-position: -19px -289px;}
.icon-ribbon-collapse-arrow-lightgray{background-position: -38px -289px;}
.icon-drop-down-arrow-lightgray{background-position: -56px -289px;}
.icon-navi-right-arrow-lightgray{background-position: -78px -289px;}
.icon-pagination-arrow-lightgray{background-position: -94px -289px;}
.icon-lower-left-navi-arrow-lightgray{background-position: -112px -289px; }
.icon-pagination-next-arrow-lightgray{background-position: -132px -289px; }
.icon-pagination-back-arrow-lightgray{background-position: -151px -289px;}
.icon-home-arrow-lightgray{background-position: -163px -289px;}
/*.icon-flat-home-arrow{background-position: -168px -292px;width:8px;height:8px;}*/
.icon-home-lightgray{background-position: -1px -308px;}
.icon-tree-expand-arrow-lightgray{background-position: -22px -307px;}
.icon-add-white{background-position: -38px -308px; }
.icon-delete-white{background-position: -56px -308px}
.icon-calender{background-position: -72px -307px}
.icon-tab-close{background-position:  -92px -308px}
.icon-enrolment-white{background-position: -109px -306px; }
.icon-other-details-white{background-position:-126px -306px }
.icon-policy-info-white{background-position:-144px -306px }
.icon-docs-white{background-position: -162px -308px}
.icon-address-white{background-position:0 -324px; margin-top:10px !important; }
.icon-contract-white{background-position:-18px -324px }
.icon-collapse-white{background-position: -36px -324px;}
.icon-expand-white{background-position: -54px -324px;}
.icon-policies-export{background-position: 0 -342px;width:28px;height:28px!important;margin-right:15px;}
.label-policies-export{padding-left:10px;padding-top:3px;display:block;}
.icon-screen-help{background-position: -74px -324px}
.icon-toggle-group-lightgray{background-position: -91px -270px;}
.icon-filter-lightgray{background-position: -108px -271px;}
.icon-customize-lightgray{background-position: -162px -272px;}
.icon-refresh-lightgray{background-position: -1px -288px;}
.icon-contact-white{background-position: 0 -489px;height:12px; margin-top:13px !important;}
/* End Light Gray Icons*/

.icon-mail{background-position: 221px -791px;}
.icon-download{background-position: 244px -791px;}
.icon-pdf{background-position: 263px -790px;}
.icon-clear-settings-grid{background-position: -229px -696px}


/*Added by Paul*/
.icon-contractor-profile-white{background-position: 329px -791px; height:12px; margin-top:0px !important;}
.icon-rate-pages-white{background-position: 284px -790px; height:12px; margin-top:7px !important;}
.icon-template-info-white{background-position: 308px -792px; height:12px; margin-top:7px !important;}

/*   ICONS    end */

/*New Classes given by Design team along with new icon images (Finish)*/ 





/******  Adding New Icons ------ Rajashekar* 22-11-2016    *****/

.icon-view-other-widgets {background-position:-28px -831px;}
.icon-configure-dashboard {background-position:-3px -831px;}
.icon-chart {background-position:-50px -831px;}
.icon-grid {background-position: -71px -831px;}
.icon-pdf-export {background-position: -93px -831px !important}
.icon-email-lightgray{background-position: -137px -790px;}
.options .icon-grid {float: none;}

.icon-tab-close {
    background-position: -54px -564px;
    display: inline-block;
    background-color: #a93b3b;
}

/*End Icons* 22-11-2016*/


/*Add New Icons* 09-22-2017*/


.k-i-xls{background-position: -3px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-xlsx{background-position: -3px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-pdf {background-position: -28px -871px !important;background-image: url("../content/images/sprite-active.png") !important;}
.k-i-doc {background-position: -51px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-docx {background-position: -51px -871px !important;background-image: url("../content/images/sprite-active.png") !important;}
.k-i-pptx {background-position: -7px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-sql{background-position: -93px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}

.icon-l-delete{background-position: -6px -895px !important; background-image: url("../content/images/sprite-active.png") !important; width:30px;height:30px}
.icon-l-add {background-position:-45px -895px !important ; background-image: url("../content/images/sprite-active.png") !important;  width:30px;height:30px}
.icon-l-clear{background-position:-86px -895px !important ; background-image: url("../content/images/sprite-active.png") !important; width:30px;height:30px}

.k-i-tif {background-position: -115px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-tiff {background-position: -115px -871px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-msg {background-position: -126px -71px !important; background-image: url("../content/images/sprite-active.png") !important;}
.k-i-eml {background-position: -126px -71px !important; background-image: url("../content/images/sprite-active.png") !important;}  
.icon-export-zip {background-position: -138px -871px !important;}
.icon-contractWorkLocation {background-position: -93px -852px !important;}
.icon-jobsiteAddress {background-position: -116px -852px !important;}
.icon-automation-log {background-position: -4px -810px !important;}
.icon-optionalParagraphs {background-position: -3px -852px !important;}
.icon-generatedFields {background-position: -28px -852px !important;}
.icon-childGridDetails {background-position: -51px -852px !important;}
.icon-reportParameters {background-position: -73px -852px !important;}
.icon-sendProjectTermination {background-position: -137px -852px !important;}
.icon-refreshPicklist {background-position: -157px -851px !important;}
.drag-drop .k-icon.k-i-close.k-delete,.k-icon.k-i-close.k-cancel {background-image: url("../content/images/sprite-active.png") !important;background-position: -158px -872px !important;} 


/*End Icons* 09-22-2017*/






/*raj*/

.icw-grid-wrapper .k-grid {
    margin: 0px;
    max-width: calc(98vw - 285px) !important;
    /*width: calc(98vw - 224px) !important;*/
} 
 .k-pager-sizes.k-label .k-dropdown-wrap.k-state-default {
 border: 1px solid #ccc !important; height:20px !important;    
}
.editable-cell.k-edit-cell .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default span.k-select {
    line-height: 30px !important;
}
.k-pager-sizes.k-label .k-dropdown-wrap.k-state-default {
 border: 1px solid #ccc !important; height:20px !important;    
}
.editable-cell.k-edit-cell .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default span.k-select {
    line-height: 30px !important;
}

.entitylookupsmartsearch .k-icon.k-i-arrow-s {
    background-position:  0px -38px !important;
}

.k-window .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default span.k-select {
    line-height: 30px !important;
}

.entitylookupsmartsearch .k-icon.k-i-arrow-s {
    background-position: 0px -38px !important;
}

.k-window .k-pager-sizes.k-label .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default span.k-select {
    line-height: 22px !important;
}
.entitypanel-control-container .k-dropdown-wrap .k-select{line-height: 22px;}

.payroll-table-wrapper .k-combobox .k-dropdown-wrap .k-select {
    line-height: 30px !important;
}

/*.icw-grid-wrapper .k-dropdown-wrap .k-select{line-height:30px;}*/

.CustomControl-width .k-numeric-wrap .k-input {height: 24px !important;}
.k-pager-sizes.k-label .k-dropdown-wrap .k-select{line-height:22px;}




.k-filter-menu .k-widget.k-datepicker.k-header:hover, .k-dropdown-wrap:hover, .k-filter-menu input.k-textbox:hover, .k-filter-menu .k-numeric-wrap .k-input:hover {
     background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
 border:1px solid #437bb4 !important
}

/*common.css 3498*/
.k-filter-menu .k-widget.k-datepicker {width: 263px !important;}

/*common.css 3492*/
.k-filter-menu .k-picker-wrap.k-state-default {width: 263px;}

/*New class for  1st screen design issue*/
.k-filter-menu .k-numeric-wrap .k-select {height: 30px;}

/*numeric text middle align*/
.k-filter-menu  .k-numeric-wrap .k-input {height: 30px !important;}

.k-filter-menu .k-numeric-wrap {height: 30px !important;}

/*common.css 3644* (need to remove form)*/
form.k-filter-menu .k-numerictextbox {width: 263px !important;}

/*Line 3563*/
.k-filter-menu .k-dropdown-wrap .k-input {height: 16px !important;}
/*Line 3555*/
.k-filter-menu input.k-textbox {width:265px !important}

@-moz-document url-prefix(){
  #egContractorContracts .bg-icon{margin-top:-2px}   
} 


@media only screen and (min-width:1280px) and (max-width: 1660px) {
.payroll-td .k-autocomplete.k-state-default, .payroll-td .k-picker-wrap.k-state-default, .payroll-td .k-dropdown-wrap.k-state-default {
    width:144px !important;
    }
} 

.payroll-table-wrapper  .k-dropdown-wrap.k-state-disabled .k-input, .payroll-table-wrapper .k-dropdown-wrap.k-state-disabled .k-input:hover {
 background-color: #DFECF4 !important;
 color: #000;
 }

.payroll-td .k-dropdown .k-state-default:hover {border: solid 1px #437bb4 !important;}

.k-animation-container > .k-list-container[data-role="popup"]{
border:solid 1px #ccc !important
}
.verticalalign-top{
vertical-align: top;
} 


.full-width{width:100%;}
.payroll-table-wrapper textarea:hover {
    background-image: none;
    background-position: 50% 50%;
    border-color: #437bb4 !important;
    -webkit-box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    border:1px solid #437bb4 !important
}

.k-filter-menu.k-popup{  border-top: 1px solid #818181;} 
.payroll-table-wrapper .button-container input:not([type='checkbox']):hover { border: 0px solid transparent !important;} 
.k-filter-menu .k-numerictextbox .k-link { height: 15px !important;}
.k-filter-menu .k-numeric-wrap .k-link.k-state-selected{background:#437ab4}
.k-filter-menu  .k-numerictextbox .k-select .k-link span.k-i-arrow-n { background-position: 0px 0px !important;} 

 @-moz-document url-prefix() {
.tooltip span {font-size: 9px;padding-top:2px}
}

 .text-filed-border.enrollment-Ziptxtbox {
    height: 26px;
    position: relative;
    top: 3px;
} 

 #drpAddressState .k-dropdown-wrap .k-input {
    line-height: 21px !important;
} 

 .k-filter-menu button[type="submit"]:focus {border: 0px solid !important;min-height:31px;max-height:31px;}

/*.k-dropdown .k-dropdown-wrap:hover >* { height:20px !important;}*/
.disclosure {
    min-height:15px;
    max-height: 70px;
    background: none !important;
    border: solid 1px #E5E5E5;
    overflow-x: auto;
    border-top-width: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.payroll-table-wrapper .k-dropdown-wrap.k-state-disabled .k-select, .payroll-table-wrapper .k-dropdown-wrap.k-state-default .k-select, .require .k-dropdown-wrap .k-select {line-height: 23px;}

.require .k-dropdown .k-select .k-i-arrow-s {
    background-position:  0px -33px !important;
}








/*Reports*/
@media only screen and (min-width:1280px) and (max-width: 1660px) {
    #AdvancedPanel {width: calc(100vw - 253px) !important;float:left !important;}
    #reportiFrame {width: calc(100vw - 261px) !important;float:left !important;}
}

/*end*/

.f-label.ClassCode-Link {
    white-space: nowrap;
}

.smartvue .k-grid-content .k-numerictextbox .k-numeric-wrap
{
    width:auto !important;
}

[data-controlname="DDL_ddlComponent"] .k-dropdown-wrap.k-state-default {
    width: 214px !important;
}

@supports (-moz-appearance:none) { 
    .k-pager-sizes .k-textbox {
        max-height: 20px !important;
    }
}

.smartvue .k-calendar-container.k-popup {
    margin-top: 2px !important
}

.smartvue .k-popup .k-calendar {
    width: 243px !important;
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
    .smartvue .k-calendar-container.k-popup {
        margin-top: 2px !important
    }
    .smartvue .k-popup .k-calendar {
        width: 243px !important;
    }
}

.grid-entitypanel .k-datepicker input:focus {
    border: none !important;
    box-shadow: 0 2px 6px #437bb4,0 2px 3px #437bb4 !important;
    border: 1px solid #437bb4 !important;
}

.sub-contractlist .k-detail-row .k-grid-content {
    max-height: none !important;
}
#AdditionalClassCode .k-grid {
    min-height: 131px;
}

#AdditionalClassCode .k-grid-content {
    min-height: 100px;
}

.autocopy-tbl {
    width: 95%;
    margin: 0px auto 0px auto;
}

.k-window-content #AdditionalClassCodeMsg ul li {
    margin: 7px 3px;
}

.pp-width-widget-98 {
    width: 98%;
}

#leftNavTreeView {
    margin-top: 5px;
}
.margin-left-770 {
    margin-left: 770px !important;
}
.padding-left-115 {
    padding-left: 115px !important;
}
.bg-hr-divider-table {
    background: url(images/bg-sprite.png);
    background-repeat: repeat-x;
    background-position: 0px -339px;
    width: 115%;
    height: 5px;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}
.width95P {
    width: 95% !important;
}
.margin-left-5P {
    margin-left: 5% !important;
}
.k-edit-link {
    z-index: 90;
    float: right;
    background: #ff7e00 !important;
    height: 28px !important;
    margin: 4px;
    font-size: 15px !important;
    line-height: 2 !important;
}
.primary-record {
    background-image: url(../content/images/sprite-metro.png);
    background-position: -30px -28px;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    position: absolute;
}
.k-complete-info {
    background-image: url(../content/images/sprite-metro.png);
    background-position: -30px -28px;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: -2px;
    margin-left: -20px;
}
.k-incomplete-info {
    background-image: url(../content/images/sprite-metro.png);
    background-position: -30px -13px;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: -2px;
    margin-left: -20px;
}
.margin-left-20 {
    margin-left: 20px;
}
.font-size-13px {
    font-size: 13px;
}

.pp-width-widget-88 {
    width: 88% !important;
}

.padding-left-6P {
    padding-left: 5.5%;
}

#frmICW .accordian .k-panelbar > .k-item > .k-link.k-state-selected {
    background: #2665a5;
    color: white;
    font-weight: 100;
    text-align: left;
}

#frmICW .accordian .k-panelbar > .k-item > .k-link.k-state-selected-Header {
    background: lightgray;
    border: 0px;
    color: black;
    box-shadow: none;
    font-size: 16px;
    font-weight: bold;
}

.pp-width-widget-99 {
    width: 98.4% !important;
}

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

.padding-left-1P {
    padding-left: 1%;
}

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

/*Custom layout popup */
grid-customlayout-container table {border: none;}
.grid-customlayout-container table th, .grid-customlayout-container table tr td table td { border: solid 1px #ccc; padding-left: 7px; }
.customlayout-header table {width: 90%;}
.customlayout-header table th { background: #437BB4; color: #fff; height: 40px; padding-left: 30px; }

.grid-customlayout-container {    width: 90% !important;    border: solid 1px #ccc;    border-left: solid 0px transparent;}
.grid-customlayout-container table {        width: 100%;        background: none;    }
.grid-customlayout-container table td {            line-height: 40px !important;        }

.k-window-content[aria-labelledby="CustomizedLayout_wnd_title"] .grid-button-container {    margin-top: 10px !important;}

.grid-customlayout-container table tr td table[id="LayoutColumns"] tr {    background-image: none !important;}
.grid-customlayout-container table tr td table[id="LayoutColumns"] tr[active="no"] {        background-image: none !important;        background: transparent !important;    }
.grid-customlayout-container table tr td table[id="LayoutColumns"] tr[active="no"]:hover {            background: #CCDDEC !important;        }
.grid-customlayout-container > input[type="button"] {    padding: 0px !important;}

div.k-window-content[aria-labelledby="CustomizedLayout_wnd_title"] .control-icon.up { color: #fff;    width: 22px;    height: 22px;    margin-top: 110px;    background: #fff url(images/sprite-icons.png);    background-repeat: no-repeat;    background-position: -87px -715px;    border: solid 1px #005791;    margin-bottom: 5px;    padding: 0px !important;}
div.k-window-content[aria-labelledby="CustomizedLayout_wnd_title"] .control-icon.down {    border-top: solid 1px #ccc;    color: #fff;    width: 22px;    height: 22px;    background: #fff url(images/sprite-icons.png);    background-repeat: no-repeat;    background-position: -140px -715px;    border: solid 1px #005791;    padding: 0px !important;}

.icon-up {    color: #fff;    width: 24px;    height: 24px;    margin-top: 110px;    background: #fff url(images/sprite-icons.png) !important;    background-repeat: no-repeat;    background-position: -63px -718px !important;    border: solid 1px #005791;    margin-bottom: 5px;}
.icon-down {    border-top: solid 1px #ccc;    color: #fff;    width: 24px;    height: 24px;    background: #fff url(images/sprite-icons.png) !important;    background-repeat: no-repeat;    background-position: -116px -718px !important;    border: solid 1px #005791;}
/*Custom layout popup */

/* Start - Custom help section */
.custom-help-section {
    right: 0;
    position: absolute;
}

    .custom-help-section ul {
        padding-left: 20px;
    }

    .custom-help-section ul li {
        font-size: 13px;
    }

span#customHelpOpenBtn {
    text-decoration: none;
}

.custom-help-section .custom-help-sidepanel {
    width: 0;
    position: fixed;
    z-index: 1000;
    right: 0;
    float: right;
    background-color: white;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    border: solid 1px lightgray;
}

.custom-help-section .custom-help-panel-title {
    background: #ff7e00;
    height: 27px;
}

    .custom-help-section .custom-help-panel-title span {
        text-decoration: none;
        transition: 0.3s;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        padding-left: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        color: white;
        cursor: default;
    }

.custom-help-section .custom-help-panel-title-btn {
    display: inline-block;
}

.custom-help-section .custom-help-panel-close {
    font-size: 12px;
    float: right;
    padding-right: 6px;
    margin-top: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.custom-help-section .custom-help-panel-content {
    overflow-y: auto;
    padding-bottom: 4px;
    padding: 6px;
    line-height: 20px;
    font-size: 13px !important;
}

.custom-help-section .custom-help-panel-content span {
    font-size: 13px !important;
}

.custom-help-section .custom-help-ul {
    padding-left: 0px;
    margin-top: 13px;
}

    .custom-help-section .custom-help-ul li {
        margin-left: 20px;
        margin-bottom: 8px;
    }

.custom-help-section .custom-help-contact {
    margin-left: 10px;
}

.custom-help-open-btn {
    right: 0;
    position: absolute;
    z-index: 1;
}

    .custom-help-open-btn span {
        writing-mode: vertical-rl;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        background-color: #ff7e00;
        color: white;
        border: none;
        width: 30px;
        height: 170px;
        text-align: center;
        padding-right: 5px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        box-shadow: 1px 1px 3px 2px #5b5151;
    }

    .custom-help-open-btn:hover {
        text-decoration: none;
        transform: scale(1.1);
    }

@media screen and (max-width: 1366px) and (max-height: 768px) {
    .custom-help-open-btn span {
        font-size: 14px;
        width: 21px;
        height: 142px;
    }

    .custom-help-section .custom-help-panel-title span {
        font-size: 15px;
    }
}

@media screen and (max-width: 1280px) and (max-height: 1024px) {
    .custom-help-open-btn span {
        font-size: 14px;
        width: 21px;
        height: 145px;
    }

    .custom-help-section .custom-help-panel-title span {
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) and (max-height: 768px) {
    .custom-help-open-btn span {
        font-size: 12px;
        width: 19px;
        height: 124px;
    }

    .custom-help-section .custom-help-panel-title span {
        font-size: 14px;
    }
}
/* End - Custom help section */


.bg-yellow {
    background-position: -376px -589px;
}

.bg-red {
    background-position: -490px -510px;
}

.bg-green {
    background-position: -414px -510px;
}

.bg-brown {
    background-position: -556px -510px;
}

.bg-blue {
    background-position: -376px -510px;
}

.bg-orange {
    background-position: -414px -588px;
}

.bg-purple {
    background-position: -490px -588px;
}

.bg-maroon {
    background-position: -455px -588px;
}

.bg-black {
    background-position: -524px -511px;
}
.no-wrap {
    white-space: nowrap;
}

.conditional-require .label:after {
    color: #FF0000;
    content: "*";
}

.conditional-require input, .conditional-require select {
background: none repeat scroll 0 0 #f8decf;
border: 1px solid #CCCCCC;
padding: 5px 25px 5px 5px;
}

.conditional-require .k-textbox > input, .conditional-require .k-autocomplete .k-input, .conditional-require .k-picker-wrap .k-input, .conditional-require .k-numeric-wrap .k-input, .conditional-require .k-dropdown-wrap .k-input, .conditional-require .k-selectbox .k-input {
    background: #f8decf
}

.conditional-require textarea {
    background: #f8decf;
}

.k-dropdown .k-input, .k-selectbox .k-input {
    text-align: left;
}

.text-filed-border.contractor-Ziptxtbox {
    height: 26px;
    position: relative;
    top: 3px;
    float: left;
}

.contractor-Ziptxtbox {
    width: 50px !important;
}
.text-filed-border.contractor-Ziptxtbox {
    width: 74px !important;
}


.editRateTemplateButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    background: none repeat scroll 0 0 #ff7e00;
    background-color: #ff7e00;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 10px 10px;
    min-width: 120px;
    /* width: 120px; */
    padding: 0 10px;
    text-align: center !important;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
    border: 0 none;
    border-radius: 0 !important;
}

#divContractorProfileDetails .k-panelbar-expand {
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px;
}

#divContractorProfileDetails .k-panelbar-collapse {
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px;
}

#divContractorProfileDetails .k-panelbar > .k-item > .k-link {
    height: 36px;
}

#divContractorProfileDetails .f-label {
    padding-left: 20px;
}

#divContractorProfileDetails .icon-ph {
    /*width: 60px;
    display: inline-block;
    margin-left: 26%;
    position: absolute;*/
    margin-right: 50%;
    float: right;
}

#divContractorProfileDetails .icon-x span {
    margin: 0px 0px 0px 0px;
    color: #fff;
    display: block;
    cursor: default;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#divContractorProfileDetails .icon-x {
    margin-top: 1px;
}

#divContractorProfileDetails .btn-common {
    cursor: pointer;
}

#divContractorProfileDetails .width-Auto {
    width: auto !important;
}

#divContractorProfileDetails .bg-hr-divider {
    height: 1px !important;
}
.ContractorProfileDivHeader {
    margin: -1px 20px -16px 7px;
}

.ContractorProfilePageHeader {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.ContractorProfilePageHeaderContent {
    display: inline-flex;
    font-weight: bold;
    width: 200px;
    text-align: left;
}

.errorDivContractorProfile {
    clear: both;
    margin-left: 70px;
    color: Red;
    display: block;
}
.contractorProfile-detail-widget-col1 {
    /*margin:10px;*/
    width: 100%;
    float: left;
}
.contractorProfileSuccessMsg {
    width: 80%;
    display: inline-block;
    margin-left: 20px;
}

.header-portalusername {
    width: 678px;
}