.t28 {
    top: 28px;
}

.tab-pane .box-title {
    font-weight: bold !important;
}

#myModalEmpImage .modal-body {
    overflow-y: initial;
}

#myModalEmpImage .max-height400 {
    overflow-y: auto;
}



.btnfilter {
    display: block;
    margin: 5px;
}

.t25 {
    top: 25px;
}

.hrSetting {
    margin: 5px 0px;
}

.disp-block {
    display: block;
}

.uploadset {
    display: inline-block;
}

    .uploadset i {
        color: #fff !important;
    }

.calculateBTN {
    position: absolute;
    right: 21px;
    top: 6px;
}

.EmpTrigger {
    cursor: pointer;
    font-weight: bold;
    color: #0485a3;
}

#tblCTC tbody td, #tblOther tbody td, #tblSalaryEarnings tbody td, #tblSalaryDeductions tbody td {
    padding: 3px;
}

#tblCTC .form-control, #tblOther .form-control, #tblSalaryEarnings .form-control, #tblSalaryDeductions .form-control {
    height: 22px;
}

.divbgconfirm, .divbgpopup {
    z-index: 9999;
}

.filterbg {
    border: solid thin #ccc;
    border-radius: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.table > tbody > tr > td {
    padding: 4px;
}

#tblSalaryEarnings thead tr th {
    background-color: #18a69b;
}

#tblSalaryEarnings tbody tr td {
    background-color: #cff5f2 !important;
}

#tblSalaryEarnings tfoot tr td {
    background-color: #18a69b;
    color: #fff;
}

#tblSalaryDeductions thead tr th {
    background-color: #e15050;
}

#tblSalaryDeductions tbody tr td {
    background-color: #fddddd !important;
}

#tblSalaryDeductions tfoot tr td {
    background-color: #e15050;
    color: #fff;
}

.emp-head h2 {
    color: #8f43d2;
    font-weight: bold;
    font-size: 18px;
}

.nav > li > a {
    padding: 5px 15px;
}

#EmpPhoto {
    max-height: 144px;
    width: 305px;
}

.img-edit {
    left: 23px;
}

.nav-tabs-custom > .nav-tabs > li.active, .nav-tabs-custom > .nav-tabs > li.active:active {
    background: none;
    border: none;
    color: #fff;
}

    .nav-tabs-custom > .nav-tabs > li.active a, .nav-tabs-custom > .nav-tabs > li.active a:hover {
        color: #fff;
        background: #18AACC;
    }

.nav-tabs-custom > .nav-tabs > li:hover {
    border-bottom: solid 3px #18aacc;
    border: none;
}

.nav-tabs-custom > .nav-tabs > li > a:hover {
    background: #18aacc;
    color: #fff;
}

.nav-tabs-custom {
    background: #fff;
    border: none;
}

.mt9i {
    margin-top: 9px !important;
}

.ma2 {
    margin: 2px;
}

.nav-tabs-custom > .nav-tabs > li > a {
    font-weight: bold;
    text-align: center;
}

.nav-tabs-custom > .nav-tabs > li > a {
    color: #000000;
    border: solid thin #ccc;
    border-radius: 20px;
}

.emp-head hr {
    border-bottom: 1px solid rgb(186 186 186)
}

.emp-info h4 {
    color: #3b22c4;
    font-weight: bold;
    margin-bottom: 4px;
}

.nav-tabs-custom > .nav-tabs > li {
    width: 10.57%;
}

.mobileCol {
    color: #269bff;
}

.locationCol {
    color: #f76300;
}

.phoneCol {
    color: #15a620;
}

.lineSet {
    margin: 0px 0px 6px 0px !important;
}

.emp-info h3 {
    text-transform: capitalize;
}

.emp-head .hrSettingColor {
    border-bottom: 1px solid #c6bfff;
}
/********** Medium devides media queries **********/
@media screen and (max-width: 1024px) {
    .nav > li > a {
        padding: 10px 11px;
    }
}


/* added by monika 05/10/23 */


#contentLogin_contentMain_GSTRegistration1_GSTModel {
    border-radius: 6px;
}

#contentLogin_contentMain_GSTRegistration1_gvGstRegister .calendaricon {
    right: 12px !important;
    top: 9px !important;
}

border: solid 3px #18aacc;
}

.checkboxset {
    border: solid thin #ccc;
    padding: 6px 5px;
    border-radius: 4px;
}

    .checkboxset input {
        margin: 0px;
    }

.textboxDatpicker {
    width: 84%;
    float: right;
}

.textboxDatpicker1 {
    width: 84%;
    float: left;
}

.suppliersavebg {
    position: fixed;
    background: #fff;
    right: 0px;
    left: 50px;
    bottom: 0px;
    z-index: 999;
    padding: 5px 10px;
    border-top: solid thin #ccc;
}

.modalMask {
    position: fixed;
    background: #80808075;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.modalBodyMandatory {
    background: white;
    width: 50%;
    min-height: 20%;
    margin: 0 auto;
    position: relative;
    top: 27%;
    padding: 10px;
}

.searchIconSet {
    position: absolute;
    right: 0px;
    top: 3px;
}

.status-padding {
    padding: 2px 10px;
    margin: 2px;
}

.unapproved {
    color: #277BC0 !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #DDECF8;
    border-radius: 5px;
    display: inline-block;
}

.regular {
    color: #15C190 !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #D1FAEE;
    border-radius: 5px;
    display: inline-block;
}

.trail {
    color: #D69B00 !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #FFF1CC;
    border-radius: 5px;
    display: inline-block;
}

.suspend {
    color: #E64848 !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #FCE9E9;
    border-radius: 5px;
    display: inline-block;
}

.black-listed {
    color: #100F0F !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #E6E5E5;
    border-radius: 5px;
    display: inline-block;
}

.ClsMandetory {
    color: #bc2d2d;
}