.emp_tablegrid > table {
    width: 100% !important;
}

.GridStyle {
    padding: 0px 1%;
}

.webDataGridWrapper > div {
    /* overflow: initial !important;*/
}


.igg_Control {
    /*border: 1px solid rgb(77, 162, 190) !important;*/
    border: 1px solid #374B5E !important;
}


.dx-checkbox-checked .dx-checkbox-icon {
    color: #960101 !important;
    border-style: solid !important;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: #0e2f65 !important;
}

.checkbox-material:active, .checkbox-materialx:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checkbox-material:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkboxed"] {
    /*position: absolute;
    top: -6px;
    z-index: 1;
    left: 28px;
    padding: 10px;
    border: 1px solid red;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;*/
}


/************/

.checkbox label {
    cursor: pointer;
    padding-left: 0;
    color: rgba(0, 0, 0, 0.26);
}


fieldset[disabled] .form-group.is-focused .checkbox label {
    color: rgba(0, 0, 0, 0.26);
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 3px;
    padding-right: 5px;
}

    .checkbox .checkbox-material:before {
        display: block;
        position: absolute;
        left: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.84);
        height: 20px;
        width: 20px;
        border-radius: 100%;
        z-index: 1;
        opacity: 0;
        margin: 0;
        top: -6px;
    }

    .checkbox .checkbox-material .check {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 17px;
        border: 1px solid #9e9e9e;
        overflow: hidden;
        z-index: 1;
        left: 2px;
        bottom: 2px;
        border-radius: 2px;
    }

        .checkbox .checkbox-material .check:before {
            position: absolute;
            content: "";
            transform: rotate( 45deg );
            display: block;
            margin-top: -4px;
            margin-left: 6.8px;
            width: 0;
            height: 0;
            background: red;
            box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
            animation: checkbox-off 0.3s forwards;
        }

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.5;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background: #960101;
}

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #FFFFFF;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        animation: checkbox-on 0.3s forwards;
    }


fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
}

.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
    border-color: #0e2f65;
    opacity: .5;
}

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0, 0, 0, 0.87);
    transform: rotate(-45deg);
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}


input[type="radio"], input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
    width: 18px !important;
    height: 18px !important;
}

.OrdersList td,
.OrdersList th,
.indwelling #indwellingLinesTable td,
.indwelling #indwellingLinesTable th {
    padding: 4px !important;
    text-align: center;
}

.ighg_ExpansionColumnHeader {
    border: none !important;
}

/*.igdd_ControlArea {
    border: 0px solid !important;
}*/

.igg_HeaderCaption {
    /*background-color: rgb(91,176, 205) !important;
    border: 1px solid rgb(77, 162, 190) !important;*/
    background-color: #41586E !important;
    border: 1px solid #374B5E !important;
}

.igg_Header {
    /*background-color: rgb(77, 162, 190) !important;*/
    background-color: #374B5E !important;
    border: none;
}

tr.igg_FilterRow > td {
    padding: 0px !important;
    background-color: white !important;
    border: none !important;
}

tbody.igg_Item > tr > td {
    padding: 6px 4px;
    font-size: 12px !important;
    /*border-top: 1px solid rgb(160, 202, 215) !important;*/
    /*border-top: 1px solid #374B5E !important;*/
}

.igg_FilterRow {
    /*border: 1px solid rgb(160, 202, 215) !important;*/
    border: 1px solid #374B5E !important;
}

.igg_FilterHeaderButton span img {
    vertical-align: inherit !important;
}


tbody > tr.igg_Alt > td {
    background-color: white !important;
}

.igg_Pager {
    background-color: rgb(91,176, 205) !important;
    /*background-color: rgb(91,176, 205) !important;
    border: 1px solid rgb(77, 162, 190) !important;*/
    background-color: #41586E !important;
    border: 1px solid #374B5E !important;
}

.igg_PageCurrent {
    background: #2e3e4e !important;
    border: 1px solid #2c3845 !important;
    color: #fff !important;
}

td.ighg_ExpandableArea {
    padding-left: 14px !important;
    padding-top: 2px !important;
}


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

.btn-Grid {
    padding: 2px 8px !important;
    border-radius: 4px !important;
}

/*input[type="submit"] {
    background-color: rgb(91,176, 205) !important;
    border: none !important;
    padding: 6px 17px !important;
    color: white !important;
}*/


.slim-scroll {
    /*overflow: auto !important;*/
    overflow: overlay !important;
}

.slimScrollDiv {
    overflow: inherit !important;
}

.nav-primary ul.nav > li > a {
    font-size: 16px;
    font-weight: normal;
}

.OrderLegend {
    background: #F7F7F7;
    border: 1px dashed #CCC;
    margin: 10px auto 20px;
    /*width: 70%;*/
    line-height: 30px;
    text-align: center;
}

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

    .OrderLegend .accepted {
        background: url(../images/NurseAccept.png) no-repeat;
    }

    .OrderLegend .declined {
        background: url(../images/NurseDecline.png) no-repeat;
    }

    .OrderLegend .pending {
        background: url(../images/NursePending.png) no-repeat;
    }

    .OrderLegend .pending30 {
        background: url(../images/NursePending30min.jpg) no-repeat;
    }

.sk_row {
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: #F7F7F7;
    border: 2px solid #ECECEC;
    top: 50px;
}

.sk_header {
    position: relative;
    /*right: 210px;*/
}

/*.sk_btn {

        margin-top: 4em;
        margin-bottom: 1em;
        float: right;
        width:70%;
}*/

.content-fixed-header {
    min-height: 60px;
    /*width: 82.2%;*/
    /*width:calc(100% - 220px);*/
    width: calc(100% - 255px);
    position: fixed;
    z-index: 100;
    background-color: #F7F7F7;
    border: 2px solid #ECECEC;
    border-top: 0;
    top: 70px;
}

.fixed-header-heading {
    margin-top: 20px;
}

.fixed-header-btn {
    text-align: right;
    /* margin-top: 10px; */
    padding: 7px 5px 5px 0px;
}

.fixed-tab-menu {
    position: fixed;
    margin-right: 12px;
    z-index: 999;
    top: 146px;
}

.content-fixed-header:after {
    content: "";
    clear: both;
    display: block;
}

.tab-content #EmployeeData .res_tab {
    margin-top: 0px;
}

.res-tab {
    /*margin-top: 12em;*/
    margin-top: 7.3em;
}

.fac-upload-form, .sudc-uploader-btn {
    margin-left: 25px;
}

.emply-certift-btn {
    margin-right: 5px;
}

.vbox > footer {
    display: none !important;
}

.igdd_DropDownListContainer {
    width: calc(100% - 3.4em) !important;
}

.threecg_checkbox {
    margin-top: 6px;
}

    .threecg_checkbox label {
        font-weight: normal;
        position: relative;
        bottom: 2px;
        margin-left: 5px;
    }

#tabsRoles {
    background-color: #fff;
}

    #tabsRoles .cstm_hdng {
        display: inline-block;
        position: relative;
        top: 30px;
        z-index: 100;
        color: #06316d;
    }


.table-responsive.border-0 {
    border: 0 !important;
}

.hdng {
    font-size: 16px;
    color: #0e2f65;
    margin-bottom: 15px;
}

.table thead tr th {
    background-color: #0e2f65;
    color: #fff;
}

.vertical-middle tr th, .vertical-middle tr td {
    vertical-align: middle !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
}

table td .btn {
    padding: 5px 5px !important;
    font-size: 12px;
    height: auto !important;
    width: auto !important;
}
    table td .btn .fa {
        font-size: 14px;
        padding: 0;
    }


#dgWarehouse table tr td:last-child, #dgEmployee table tr td:last-child, #dgRegions table tr td:last-child {
    text-align: center !important;
}


div#ddlcompany {
    width: 300px !important;
}

.erromsg {
    font-size: 12px;
    color: red;
    margin-bottom: 0 !important;
}

.col-md-6.form-group p {
    position: absolute;
    font-size: 10px;
}


h3.cstm_hdng.no_p {
    position: inherit !important;
    top: inherit !important;
}

#dgFacilityUsers tr td:last-child {
    text-align: center !important;
}

#dgFacilityUsers tr td .btn {
    padding: 0 14px !important;
    position: relative;
    bottom: 4px;
}

    #dgFacilityUsers tr td .btn .fa {
        font-size: 18px;
    }

.dx-dropdowneditor-input-wrapper.dx-selectbox-container
{
    height: 32px !important;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .view_grid > table {
        width: 955px !important;
    }

    .view_grid_facilities > table {
        width: 720px !important;
    }

    .emp_tablegrid > table {
        width: 100% !important;
    }

    .view_grid_otherusage > table {
        width: 700px !important;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .view_grid > table {
        width: 955px !important;
    }

    .view_grid_facilities > table {
        width: 720px !important;
    }

    .emp_tablegrid > table {
        width: 100% !important;
    }

    .view_grid_otherusage > table {
        width: 700px !important;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .view_grid > table {
        width: 100% !important;
    }

    .view_grid_facilities > table {
        width: 100% !important;
    }

    .emp_tablegrid > table {
        width: 100% !important;
    }

    .view_grid_otherusage > table {
        width: 100% !important;
    }
}


@media (max-width: 767px) {
    .embosed-logo {
        display: none;
    }

    .content-fixed-header {
        width: 100%;
        text-align: center;
        position: relative;
        margin-bottom: 15px;
        top: 0;
    }

    div#tabsRoles {
        margin-top: 20px !important;
    }

    .btn {
        width: auto !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }


    button.btn.btn-default, a.btn.btn-default {
        width: auto !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .verticaltabs li.active a:before {
        display: none;
    }

    .content-fixed-header .fixed-header-btn {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

        .content-fixed-header .fixed-header-btn .btn {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .res-tab {
            margin-top: 0em;
        }

    /*  Cominted by SK */
    /*.view_grid > table {
        width: 955px !important;
    }

    .view_grid_Emp > table {
        width: 600px !important;
    }

    .view_grid_facilities > table {
        width: 720px !important;
    }

    .view_grid_otherusage > table {
        width: 700px !important;
    }*/

    #WebDataGridWarehouseStock table tr td .form-control {
        width: 30% !important;
    }
}

@media (max-width: 670px) {
    .fac-upload-form, .sudc-uploader-btn {
        margin-top: 0px;
        margin-left: 10px;
    }
}

@media (max-width: 480px) {
    .fac-upload-form, .sudc-uploader-btn {
        margin-top: 15px;
        margin-left: 0px;
    }

    .emply-certift-btn {
        margin-right: 0px;
        margin-top: 10px;
    }

    .emp_tablegrid > table {
        width: 100% !important;
    }
    /*.view_grid_otherusage > table {
        width: 550px !important;
    }*/
    /*.nav-off-screen .vbox > header.header, .nav-off-screen .vbox {
        display:block!important;
    }
    #nav > .vbox > .header.lter, #nav > .vbox {
        display:none;
    }*/
}


/* Landscape 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .content-fixed-header {
        width: 77.9%;
    }
}

/* Portrait
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .content-fixed-header {
        width: 70.4%;
    }

        .content-fixed-header .fixed-header-btn {
            margin-top: 15px;
            margin-bottom: 15px;
            text-align: center;
        }

    .fixed-header-heading {
        margin-top: 30px;
        text-align: center;
    }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) { 
    .content-fixed-header {
        width: 81%;
    }

    .content-fixed-header .col-md-4 {
        width:50%;
        display:inline-block;
    }

    .content-fixed-header .col-md-8 {
        width:48%;
        display:inline-block;
    }
}
 */

.panel-heading {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .content-fixed-header {
        width: 77.8%;
    }

   


    .content-fixed-header .fixed-header-btn {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .fixed-header-heading {
        margin-top: 30px;
        text-align: center;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .emply-certift-btn {
        margin-right: 05px;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 412px) and (max-width: 732px) {
    .emply-certift-btn {
        margin-right: 05px;
        margin-top: 0px;
    }
}

#ctl00_ContentPlaceHolder1_divSync {
    /*top: 125px;*/
    top: 0px;
    z-index: 1050;
}


@media (max-width: 1350px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 1200px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 1024px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 860px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 760px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 560px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 460px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 360px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

@media (max-width: 260px) {
    #ctl00_ContentPlaceHolder1_divSync {
        /*top: 125px;*/
        top: 0px;
        z-index: 1050;
    }
}

/*** Updated CSS by MA ***/
.jtitle-row {
    margin-bottom: 10px;
}

    .jtitle-row > div {
        padding: 0 30px;
    }

    .jtitle-row .employee-jtitle {
        color: #203864;
        font-size: 14px;
    }

    .jtitle-row .employee-jctitle {
        color: #203864;
    }

.JData .form-horizontal .control-label {
    text-align: left;
    padding-top: 0;
}

.raiseFontTo16{
    font-size:16px;
} 

.JData .form-group {
    margin-bottom: 10px;
}

    .JData .form-group select {
        font-size: 13px;
        color: #717171;
        width: 100%;
        border-radius: 5px;
    }

    .JData .form-group .col-sm-8 p {
        margin: 0px 0 5px;
    }

.without-avatar label.control-label {
    padding-left: 30px;
}

.JData .second-half .form-horizontal label.control-label {
    padding-left: 30px;
}

.JData .form-horizontal input.empl-input {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    height: 24px;
}

.empl-input-dd div table {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    height: auto;
    padding: 0px 0px 0px 12px;
    border-collapse: separate !important;
}

.empl-input-dd .igdd_DropDownButton img {
    display: block;
    border-radius: 5px;
}



.emergency-person {
    border-top: 1px solid #203864;
    color: #203864;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}



.emergency-person-field input.empl-input {
    padding: 0 15px;
}

.btn-Jdata {
    display: block;
    width: auto;
    padding: 5px 25px;
    margin: 0 auto;
    max-width: 100px;
    text-align: center;
    margin-top: 25px;
    border-radius: 4px;
    color: #fff;
}

.Jdata-cancel {
    background: rgb(244,177,131);
    border: 1px solid rgb(237,125,49);
    margin-right: auto;
    margin-left: 10%;
}

.Jdata-update {
    background: rgb(169,209,142);
    border: 1px solid rgb(112,173,71);
    margin-left: auto;
    margin-right: 10%;
}

/*** NEW - Edit - Facility ***/

.facility_pg_spc_bto {
    margin-top:25px;
}

.facility_pg_heading p {
    font-size: 18px;
    margin-top: 5px;
    color: #203864;
}

.facility_pg_slect {
    display: block;   
    width: 100% !important;
    text-align: left;
    border: 1px solid #aaa;
    padding: 5px 20px 5px 5px !important;
    margin-top: 1px;
    font-size: 13px !important;
    color: #aaa;
    outline-offset: -2px;
    border-radius:0px !important;
}


.facility_pg_lbl{
    margin-top:5px !important;
}

.facility_pg_rem_btn {
    padding: 4px 12px !important;
    font-size:16px;
}


.facility_pg_bons_tbl tr td:nth-child(1) {
    width: 58px;
}


.facility_pg_bons_tbl tr td:nth-child(3){
    width:500px;
}

.facility_pg_bons_tbl tr td:nth-child(5) {
    width: 62px;
}

.lblCustomerNameHeading{
    font-size: 18px;
}


/*** NEW - Edit - Facility ***/
/*** updated-payroll ***/
.updated-payroll {
    padding-left: 15px;
}

    .updated-payroll.form-horizontal .control-label {
        text-align: left;
        padding-top: 0;
    }

    .updated-payroll .form-group select {
        font-size: 13px;
        color: #717171;
        width: 100%;
        border-radius: 5px;
    }

    .updated-payroll.form-horizontal input.empl-input {
        font-size: 13px;
        color: #717171;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #a9a9a9;
    }

    .updated-payroll table thead th {
        padding: 20px 30px 10px;
        font-weight: normal;
        font-style: italic;
    }

    .updated-payroll table tbody td {
        padding: 0px;
    }

.mang_sal_allc_txt {        
    width: calc(100% - 10px) !important;
    border-radius: 0px !important;
    border: 1px solid #a9a9a9;    
    /* border-left: inherit; */
    height: 30px;
    position: relative;
    top: 1px;
    left: 5px;
    padding-left:5px;
}

.mang_sal_allc_hed {
    font-size:18px;
}

.mang_sal_allc_reg_btn {
    position:relative;
    right:4px;
}


/****** Grid Page ******/
.grid-parent {
    padding: 0 15px;
    padding-top: 110px;
}

    .grid-parent .form-horizontal .control-label {
        text-align: left;
        padding-top: 0;
    }

    .grid-parent .form-horizontal input.grid-input {
        font-size: 13px;
        color: #717171;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #a9a9a9;
    }

    .grid-parent .form-group select {
        font-size: 13px;
        color: #717171;
        width: 100%;
        border-radius: 5px;
    }

.row-2 .form-horizontal {
    margin: 10px 0;
    display: block;
    float: left;
    width: 100%;
}

.grid-table {
    padding: 0 15px;
}

    .grid-table table {
        border: 3px solid #fff;
        background: rgb(233,235,245);
        border-spacing: 0px;
        padding-top: 5px;
    }

        .grid-table table td {
            border: 3px solid #fff;
            background: rgb(233,235,245);
            border-spacing: 0px;
            padding-top: 5px;
        }


/**** Add New Facilty Custom****/
.custom-ANF-tab_1 .control-label {
    text-align: left;
    padding-top: 0;
}

.custom-ANF-tab_1 .form-group input, .custom-ANF-tab_1 .form-group textarea {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    height: auto;
    line-height: 22px;
}

    .custom-ANF-tab_1 .form-group input[type="checkbox"] {
        width: 42px;
    }

.custom-ANF-tab_2 .form-group input[type="text"] {
    border: 1px solid #a9a9a9;
}

.custom-ANF-tab_2 .form-group input[type="checkbox"] {
    width: auto;
}

.custom-ANF-tab_2 .res_tab {
    margin-top: 0px;
}

.custom-ANF-tab_2 .control-label {
    text-align: left;
    padding-top: 0;
}

.custom-ANF-tab_2 .form-group input, .custom-ANF-tab_2 .form-group textarea {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    height: auto;
    line-height: 22px;
}

.custom-ANF-tab_2 .form-group button {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    padding: 0 0px;
    height: auto;
    line-height: 22px;
}


.custom-ANF-tab_2 .form-group select {
    font-size: 13px;
    color: #717171;
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    height: auto;
    line-height: 22px;
}

.custom-ANF-tab_2 table th {
    padding: 5px 10px;
    background: #41586e;
    color: #fff;
}

.custom-ANF-tab_2 table td {
    padding: 5px 10px;
}

.custom-ANF-tab_2 .custom_grid-updated table td {
    padding: 0;
}

    .custom-ANF-tab_2 .custom_grid-updated table td td td {
        padding: 5px 10px;
    }

.custom-ANF-tab_2 .empl-input-dd table td {
    padding: 0;
}

    .custom-ANF-tab_2 .empl-input-dd table td input {
        border: none !important;
    }

.custom-ANF-tab_2 table.custom-time-style td:first-child {
    padding: 5px 0;
}

.custom-ANF-tab_2 table.custom-time-style td label {
    font-size: 13px;
}

/**** payroll-stagging ****/

.payroll-stagging .date-table table {
    border: 1px solid #a9a9a9;
    width: 100% !important; /*add this by salim for CumulativePayroll.aspx*/
    /* border-radius: 5px; */ /*remove this by salim for CumulativePayroll.aspx*/
    border-collapse: separate !important;
}

.payroll-stagging .btn.btn-default {
    padding: 1px 25px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}
    .payroll-stagging .btn.btn-default i{
        padding-left:5px;
    }
.payroll-stagging-2 lable {
    padding-top: 3px;
}
.payroll-stagging-2 input {
    padding: 0 5px;
    height: 24px;
    line-height: normal;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 270px !important;
}

/* Cumulative payroll css */
.cum_payroll_grd_topspce{
    margin-top:15px
}

/*  End Cumulative payroll css */

/* PayrollStaging  Css */

.payrollstg_grid tbody:nth-child(2) tr td{
    cursor:pointer;
}

/*Edt MT*/

.table-responsive {
    overflow-x: auto;
    border: 1px solid #374B5E !important;
}

#tablePSDTL 
{
    width: 100%;
}

#tablePSDTL th 
{
    padding: 5px 8px 5px 8px;
    background-color: #41586E !important;
    border: 1px solid #374B5E !important;
    font-size: 12px;
    color: #fff;
}

#tablePSDTL tbody tr td {
    border-top: solid 1px #DCDCDC;
    height: 20px;
    line-height: 20px;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #444444;
}

.NoData 
{
    text-align: center;
}
/**/
/* End PayrollStaging  Css */
@media(min-width:768px) {
    .JData .col-sm-1 {
        width: 8.3333%;
    }

    .JData .noPadding {
        padding: 0;
    }
}

/*Edt MT*/

.AddPageDDL, .AddPageDDL div
{
    width: 100%!important;
}

.ddlProdDiv .ms-options 
{
    left: inherit;
    width: auto;
}

/*CUMULATIVE GRID */
#ContentPlaceHolder1_WebDataGridCumulativePayroll .igg_HeaderCaption, #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td {
    width: auto !important;
    padding: 5px 8px 5px 8px !important;
}
/*SELECT*/
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th:nth-child(2), #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td:nth-child(2) 
{
    width: 60px !important;
}
/*Employee Name*/
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th:nth-child(3), #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td:nth-child(3) 
{
    width: 100px !important;
}
/*PAYROLL ITEMS*/
    #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th.Pwi_ShortName, #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.Pwi_ShortName {
        width: 50px !important;
        text-align: center;
    }

    #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th.Pwi_ShortName4, #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.Pwi_ShortName4 {
        width: 40px !important;
        text-align: center;
    }
/*PAYROLL ITEMS END*/
/*FIXED columns below*/
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=N_Total], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.N_Total {
    width: 60px !important;
}
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=N_Target], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.N_Target {
    width: 60px !important;
}
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=N_Bonus_Points], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.N_Bonus_Points {
    width: 60px !important;
}
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=N_Travel_Bonus], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.N_Travel_Bonus {
    width: 60px !important;
}
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=N_Salary], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.N_Salary {
    width: 60px !important;
}
#ContentPlaceHolder1_WebDataGridCumulativePayroll tbody > tr > th[key=TemplateColumn1], #ContentPlaceHolder1_WebDataGridCumulativePayroll tbody.igg_Item > tr > td.TemplateColumn1 {
    width: 80px !important;
}
/*CUMULATIVE GRID END */

/*PayrollStaging GRID*/
#ContentPlaceHolder1_WebDataGridPayrollStaging .igg_HeaderCaption, #ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td {
    width: auto !important;
    padding: 5px 8px 5px 8px !important;
}


#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th:nth-child(1), #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td:nth-child(1){
    width: 70px!important;
}
/*PayrollStaging GRID PWI COLS*/
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Pwi_Head4, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Pwi_Field4 {
    width: 20px !important;
}
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Pwi_Head5, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Pwi_Field5 {
    width: 20px !important;
}
/*PayrollStaging GRID PWI COLS END*/
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Ex_Total_Points, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Ex_Total_Points {
    width: 20px !important;
}
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Ex_Salary, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Ex_Salary {
    width: 20px !important;
}
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Ex_Travel_Bonus, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Ex_Travel_Bonus {
    width: 50px !important;
}
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Ex_Productivity_Bonus, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Ex_Productivity_Bonus {
    width: 30px !important;
}
#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.Ex_Percentage, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.Ex_Percentage {
    width: 30px !important;
}

#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr > th.TB_Travel, #ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody.igg_Item > tr > td.TB_Travel {
    width: 20px !important;
}


#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging .igg_HeaderCaption {
    text-align: center;
}

#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr:first-child
{
    height: 0!important;
}

#ctl00_ContentPlaceHolder1_WebDataGridPayrollStaging tbody > tr:first-child th 
{
    padding: 0!important;
}

.PWI_Center{
    text-align:center !important;
}
.PsCenterFixedCol {
    text-align: center !important;
}
/*.PaySbackcolor {
    background-color: yellow !important;
}*/

/*PayrollStaging GRID END*/


.Pwi_items, .N_items
{
    text-align: center!important;
}