*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mr5 {
    margin-right: 5px;
}

#mySingleModalExperience .modal-dialog {
    min-width: 100%;
    margin: 0 !important;
}

#mySingleModalExperience .close {
    outline: none;
    border: none;
    background: none;
}

#myImgDisplayEducation .close {
    outline: none;
    border: none;
    background: none;
}

#mySingleModalEducation .close {
    outline: none;
    border: none;
    background: none;
}


#myModal .modal-dialog {
    min-width: 100%;
    margin: 0 !important;
}

#myModal .close {
    outline: none;
    border: none;
    background: none;
}

.uploadBg {
    border: dashed 1px #ccc;
    padding: 10px;
    border-radius: 10px;
}

.input-file {
    border-radius: 6px !important;
    padding: 5px !important;
}

.ShowSingleDocumentExperience {
    position: relative;
}

    .ShowSingleDocumentExperience .noofdoc {
        position: absolute;
        top: -9px;
        right: -4px;
        border-radius: 50%;
        color: #fff !important;
        box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
        background-color: #00a65a !important;
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }


.ShowSingleDocument {
    position: relative;
}

    .ShowSingleDocument .noofdoc {
        position: absolute;
        top: -9px;
        right: -4px;
        border-radius: 50%;
        color: #fff !important;
        box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
        background-color: #00a65a !important;
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

#myModalEmpImage .close {
    outline: none;
    border: none;
    background: none;
}

#AppointmentModalPopup .close {
    outline: none;
    border: none;
    background: none;
    top: 22px !important;
}

#TOPtblEmployeeInfo {
    height: 400px;
}

.ctcDetails > div {
    background-color: #dee3fa !important;
    height: 15px;
    width: 15px;
    margin-right: 4px;
}

.ctcDetails label a {
    color: #4263eb;
    margin-right: 10px;
}

.earningDetails > div {
    background-color: #cff5f2 !important;
    height: 15px;
    width: 15px;
    margin-right: 4px;
}

.earningDetails label a {
    color: #125853;
    margin-right: 10px;
}

.deductionDetails > div {
    background-color: #fddddd !important;
    height: 15px;
    width: 15px;
    margin-right: 4px;
}

.deductionDetails label a {
    color: #e15050;
    margin-right: 10px;
}

.otherDetails > div {
    background-color: #fbeccf !important;
    height: 15px;
    width: 15px;
    margin-right: 4px;
}

.otherDetails label a {
    color: #f76707;
    margin-right: 10px;
}

/*td.CTC {
    background-color: #dee3fa !important;
    color: #000 !important;
    font-weight: 600;
}
*/

/*td.Earnings {
    background-color: #cff5f2 !important;
    color: #000 !important;
    font-weight: 600;
}*/


/*td.Deduction {
    background-color: #fddddd !important;
    color: #000 !important;
    font-weight: 600;
}*/


/*td.Others {
    background-color: #fbeccf !important;
    color:#000 !important;
    font-weight: 600;
}
*/
td p {
    color: #676767 !important;
    font-weight: 600;
    margin-bottom: 0;
}

.netSalary {
    background: #8f43d2;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px;
}

.width170 {
    width: 170px;
}

.width250 {
    width: 250px;
}

.boxcoltheme1 {
    border-left: 4px solid #4263eb;
}

    .boxcoltheme1 .box-header {
        color: #4263eb;
        align-items: center;
    }

.boxcoltheme2 {
    border-left: 4px solid #f76707;
}

    .boxcoltheme2 .box-header {
        color: #f76707;
        align-items: center;
    }

.boxcoltheme3 {
    border-left: 4px solid #663399;
}

    .boxcoltheme3 .box-header {
        color: #663399;
        align-items: center;
    }

.boxcoltheme4 {
    border-left: 4px solid #46529d;
}

    .boxcoltheme4 .box-header {
        color: #46529d;
        align-items: center;
    }

.box-header {
    border-bottom: solid thin #f0f0f0;
    background: #f7f7f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 4px 10px;
}

    .box-header h4, .box-header span {
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        transform: translateY(3px);
        margin-left: 8px;
    }

    .box-header a {
        color: #565151 !important;
    }

.alertStatus {
    background: #ceecfd;
    color: #1778b0;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.NomineeType ~ .optWrapper {
    height: 150px !important;
}

    .NomineeType ~ .optWrapper .options {
        height: 82px;
    }

.modal.fade.slide-right .modal-dialog .modal-content {
    height: 100vh;
}

.docFullscreen .docMetaData {
    display: block !important;
}

.docFullscreen iframe {
    height: revert-layer;
}

.t28 {
    top: 28px;
}

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

#myModalEmpImage .modal-body {
    overflow-y: initial;
}
/* Remove list item marker (bullet/number) */
li {
    list-style: none;
}

#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: 5px 5px !important;
}

#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 a.active, .nav-tabs-custom > .nav-tabs > li a.active:active {
    background: none;
    border: none;
    color: #fff;
}

    .nav-tabs-custom > .nav-tabs > li a.active, .nav-tabs-custom > .nav-tabs > li a.active: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;
    }
}

#contentLogin_contentMain_GSTRegistration1_GSTModel {
    border-radius: 6px;
}

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

.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;
}

.label.label-success {
    padding: 1px 3px;
    border-radius: 3px;
}

.label.label-primary {
    padding: 1px 3px;
    border-radius: 3px;
}