.orgchart-bordr {
    height: 0;
}
.level-bg-1 {
    background: none;
}
.orgchart-level-2 .orgchart-level-box::before {
    left: 49%;
}
.orgchart-level-box {
    background-color: #fff !important;
    border-radius: 0;
    border: 1px solid #999;
    
    width: 180px;
    padding: 5px 7px 15px;
    min-height: 200px!important;
}
.lblDesc, .valDesc {
    display: inline-block;
    padding-left: 5px;
    width: 50%;
}
    .lblDesc {
        text-align: right;
    }
.valDesc {
    text-align: left;
}
.empDet {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    transition: all .3s;
}
    .empDet:hover {
        color: var(--darkgreen);
    }
.clsPosTxt {
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    transition: all .3s;
    color: var(--darkgreen);
}
    .clsPosTxt:hover {
        color: #000
    }



    .orgchart-level-checkbox .checkmark {
        border-color: #aaa;
    }
.borCompColor {
   
    border: 3px solid #666!important;
}
.empDet.vacant {
    color: #999;
    cursor: auto;
}
    .empDet.vacant:hover {
        color: #999;
    }
   
.orgchart-level-img .clsDR {
    display: none !important;
}
.level-count {
    background: var(--darkgreen)!important;
    color: #fff;
    position: absolute;
    display: inline-block!important;
    transform: none;
    margin: 5px 5px 2px 0;
    float: none;
    font-weight: bold;
    transition: all .3s;
    top: 5px;
    left: 15px

}
    .level-count:hover {
        color: #fff;
        background: var(--black)!important;
    }
.orgchart-level-button {
    background-color: var(--darkgreen);
    width: 17px;
    height: 17px;
    border-radius: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -6px;
    cursor: pointer;
}
    .orgchart-level-button:hover {
        background-color: var(--black);
    }
    .orgchart .node .orgchart-level-button .toggleBtn {
        width: 17px;
        height: 17px;
        display: inline-block;
        position: relative;
    }
    .orgchart .node .orgchart-level-button .toggleBtn.plus:after, .orgchart .node .orgchart-level-button .toggleBtn.plus:before, .orgchart .node .orgchart-level-button .toggleBtn.minus:after {
        content: "";
        position: absolute;
        background: #fff;
    }
/* the vertical line */
.plus:before {
    left: 50%;
    top: 4px; /* this defines how much black "border" there should be */
    bottom: 4px;
    width: 2px;
    transform: translateX(-50%);
}

/* the horizontal line */
.plus:after, .minus:after {
    top: 50%;
    left: 4px;
    right: 4px;
    height: 2px;
    transform: translateY(-50%);
}



.orgchart-level-icons svg.charticon {
    display: none;
}

.orgchart-level-checkbox {
    top: 5px;
    left: 5px
}
/* Left icons */
.orgchart-level-icons span {
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: var(--darkgreen);
    padding: 6px;
    margin-right: 2px;
    transition: all .3s;    
}
    .orgchart-level-icons span.setLevel {
        position: relative;
        top: 2px;
        padding-left: 7px;
    }
    .orgchart-level-icons span:hover {
        background-color: #000;
    }
    .orgchart-level-icons span.setLevel svg path, .orgchart-level-icons span.EXPDF svg path {
        stroke: #fff;
    }

    .orgchart-level-icons span.disList svg path, .orgchart-level-icons span.disList svg rect, .orgchart-level-icons span.dvSearch svg path, .orgchart-level-icons span.clsRecenter svg path {
        fill: #fff;
    }

.fixed-action-btn {
    right: 58px;
}

/* Left icons */

/* One page profile */
#modalOnePgProf .table-print-head {
   
    border: 1px solid #999;
    border-bottom: none;
}
#modalOnePgProf .table-print-02 tbody td {
    padding: 5px;
}
#modalOnePgProf .table-print.alternate {
    border: 1px solid #999;
}
#modalOnePgProf .table-print tbody td, #modalOnePgProf .table-print tbody td, #modalOnePgProf .table-print.clsLine th {
    border: 1px solid #999;
    background: none;
}
    #modalOnePgProf .print-left, #modalOnePgProf .print-right {
        background: none;
        padding: 0
    }
#modalOnePgProf .form-print {
    padding: 0;
}

#modalOnePgProf .onePageTblTitle p, .onePgEmpName {
    color: var(--darkgreen);
}

#modalOnePgProf .onePageTblTitle p {
    background: var(--darkgreen);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
}
#modalOnePgProf .table-print-main p.bot-border {
    color: var(--darkgreen);
    padding-bottom: 8px;
    padding-top: 10px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    background:aliceblue;
    margin-bottom: -1px;
}

        #modalOnePgProf p.bot-border::before {
            content: '';
            position: absolute;
            top: 15px;
            left: 7px;
            height: 5px;
            width: 5px;
            border-radius: 50%;
            background-color: var(--darkgreen);
            
        }
#modalOnePgProf p.bot-border.clsDet {
    margin-bottom: 0;
    margin-top: 20px;
    border: 1px solid #999;
    border-bottom: none;
}
#modalOnePgProf p.bot-border::after {
    display: none;
}
#modalOnePgProf .table-print-main tr.row {
    margin: 0;
}

    .onePageTblTitle.table-print tbody td {
        border: none;
        padding: 0;
    }
.btn-floating.btn-large {
    width: 35px;
    height: 35px;
    border: 2px solid var(--darkgreen);
    right: -5px;
    line-height: 31px;
}
/* /One page profile */

/* Set Level */
.new-modal-content {
    border-radius: 6px!important;
}
.dropdownSetLevel {
    margin: 0
}
#modalDirReportee .new-modal-content .modal-body {
    padding: 0 30px 10px;
}
/* /Set Level */
#modalOnePgProf {
    font-family: "Poppins", sans-serif;
}
#modalOnePgProf .table-print-main .table-striped.alternate thead {
    display: none
}
#modalOnePgProf .table-print-main .table-striped.alternate td {
    display: block;
    width: 100%;
    border: none;
    padding: 3px 5px 3px 0;
}
#modalOnePgProf .table-print-main .table-striped.alternate tr td:first-child {
    font-weight: bold;
}
#modalOnePgProf .table-print-main .table-striped.alternate tr {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    margin: 5px 7px;
}
#modalOnePgProf .clstdClass {
    display: block;
    width: 100%;
     border: none;
     padding-bottom: 10px
}
#modalOnePgProf .table-print {
    margin-bottom: 0;
}
#modalOnePgProf .table-responsive {
    margin-bottom: 20px!important;
}
.clsHCPC {
    position: absolute;
    bottom: 15px;
    width: 88%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 13px;
}
.clsHC {
    float:left;
}
.clsPC {
    float: right;
}

.trVct .clsEmpPhoto {
    background-color: #fff;
    border-radius: 50%;
    top: -3px;
    position: relative;
    border: 3px solid #23baac;
}
.orgchart-level-img {
    /*cursor: pointer;*/
    cursor: context-menu;
}
.trVct .orgchart-level-img {
    cursor: auto;
}
#modalOnePgProf .table-print.photo tbody td {
    padding-right: 20px;
}
#modalOnePgProf .print-btn {
    top: -37px;
    right: 5px;
}
.onePgEmpName {
    font-size: 15px;
}
#modalOnePgProf .table-print.clsLine th {
    font-weight: bold;
    padding: 8px 5px;
}
@media screen and (max-width: 991px) {

    #radioDrpDiv {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
    @media screen and (max-width: 767px) {
        .common-part-full {
            padding: 10px;
        }

        .fixed-action-btn {
            right: 25px;
        }

        

        #modalOnePgProf .print-right .table-print {
            display: block !important;
            overflow-x: scroll;
            width: 80vw;
        }

            #modalOnePgProf .print-right .table-print.table-print-head {
                overflow: hidden;
                margin-top: 20px;
            }
        /* #modalOnePgProf .table-print-main .table-print-02 tbody td::before {
        display: none;
    }
    #modalOnePgProf .table-print-main .table-print-02 tbody tr {
        border: none!important;
        padding: 0!important;
        margin: 0!important

    }
    #modalOnePgProf .table-print-main .table-print-02 thead {
        display: inline-block;
    }*/
        #modalOnePgProf .table-print-main .table-print-02 tbody td::before {
            display: none;
        }
    }

    .tblHeadCompEmp::before, .tblHeadCompEmp::after {
        display: none;
    }

    .tblHeadCompEmp .simple-head {
        border-bottom: none;
        background: none;
    }

    .tblHeadCompEmp th {
        border-top: none;
    }

    .compareEmpSection td {
        border-top: none;
        padding: 10px 0 0;
    }

    #modalCompEmp .full .new-modal-header, #modalCompEmp .full .modal-header {
        z-index: 2;
        box-shadow: none;
        border-color: #999;
    }

    #modalCompEmp .short .tblHeadCompEmp, #modalCompEmp .short #tblHeadCompEmp {
        border: none;
        background: none;
    }

    #modalCompEmp .short {
        background-color: aliceblue;
        box-shadow: 0.8px 0.9px 3px #aaa;
    }

    #modalCompEmp .close-img {
        top: -13px;
    }

    #modalCompEmp .comparison-th {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55px;
        background: #fff;
        border: 2px solid #666
    }

    #modalCompEmp .clsEmpCompName {
        height: auto;
        font-size: 14px;
        line-height: 16px;
    }

    #modalCompEmp .add-emp-button {
        background-color: #eee;
    }

    #modalCompEmp .compare-btn {
        margin: 3px 0 0;
        min-width: 85px;
        padding: 10px
    }

    #modalCompEmp .reset-btn {
        min-width: 80px;
        margin-top: 3px;
        padding: 10px;
    }

    #modalCompEmp .short .tblHeadCompEmp {
        top: 3px;
    }

    #modalCompEmp .full .tblHeadCompEmp {
        top: -4px;
        border-bottom: 2px solid #999;
        margin-bottom: 10px;
    }

    .modalCompEmp tr.datacollapse {
        border: 1px solid #ccc;
        border-left: 2px solid var(--darkgreen);
        border-top: none;
    }

    #modalOnePgProf .table-print.onePageTblTitle td {
        border: none;
    }

    .modalCompEmp .compareEmpSection .btn[aria-expanded="true"] {
       /* margin-left: -0.05%;*/
        border-top: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
        width: 100%;
        background: #f5f5f5 !important;
    }
.datacollapse .collapse show{
    width:100%;
}
.modalCompEmp .form-comparison tr.datacollapse th {
    background: none;
    border-top: none;
    font-size: 14px;
    padding: 10px 15px;
}


    .modalCompEmp tr.datacollapse td {
        padding: 10px 15px;
        vertical-align: middle;
        font-size: 14px;
    }

    .form-comparison .table thead tr.simple-head th:first-child {
        position: relative;
    }
@media (min-width: 1351px) {
    #modalCompEmp .full .fal {
        background: #fff;
        display: block;
        width: 100%;
        height: 100%;
        float: left;
        left: -2px;
        position: absolute;
        top: -6px;
    }
}
        #modalCompEmp .full .fal .compare-btn, #modalCompEmp .full .fal .reset-btn {
            margin-top: 25px;
        }

.modalCompEmp .btn.collapsed[aria-expanded="false"] {
    border: 1px solid #999 !important;
    border-left: 2px solid var(--darkgreen) !important;
}

    @media screen and (max-width: 1350px) {
        #modalCompEmp .full .fal .compare-btn, #modalCompEmp .full .fal .reset-btn {
            margin-top: 3px;
        }
    }
#modalCompEmp .modal-dialog, #modalCompEmp .modal-xl {
    max-width: 1250px;
    width: 90%;
}
@media screen and (max-width: 767px) {
    #modalCompEmp .modal-body {
            overflow-x: auto !important;
        }
    }

    #modalOnePgProf .table-print.photo tbody td:first-child {
        display: inline-block;
        width: 120px;
        border: none;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        height: 120px;
        top: 5px;
    }

    #modalOnePgProf .table-print.photo tbody td:last-child {
        display: block;
        width: 100%;
        border: none;
        background: var(--darkgreen);
        color: #fff;
        margin-top: 84px;
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center;
        border-radius: 6px;
    }

    .clsDesig, .onePgEmpName, .onePgEmailId {
        color: #fff;
    }

    .onePgEmpName {
        font-size: 18px;
    }

    #modalOnePgProf .table-print.photo tbody td:first-child .clsEmpInitials {
        width: 120px;
        height: 120px;
        display: inline-block;
    }

    #modalOnePgProf .table-print.photo tbody td:first-child img {
        width: 120px;
        height: 120px;
    }

    #modalOnePgProf .table-print.photo tbody td:first-child .clsEmpInitials span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 120px;
        height: 120px;
        font-size: 24px;
    }

    #modalOnePgProf .table-print.photo tbody td:first-child .clsEmpInitials:hover {
        border-color: var(--darkgreen);
    }

        #modalOnePgProf .table-print.photo tbody td:first-child .clsEmpInitials:hover span {
            color: var(--darkgreen);
        }

    #modalOnePgProf .table-print.tblPanel td {
        border-top: none;
    }

    @media (max-width: 1023px) {
        #modalOnePgProf .print-left, #modalOnePgProf .print-right {
            width: 100% !important;
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 15px !important;
            padding-right: 15px !important;
            border: none;
        }
    }
#modalEmpDetails .emp-dtl-part {
    background: var(--darkgreen);
    margin-bottom: 15px;
    padding: 10px;
    overflow-x: scroll
}
#modalEmpDetails .emp-data-1 {
    margin-right: 10px;
}
#modalEmpDetails .emp-dtl-part * {
    color: var(--white) !important;
}
#modalEmpDetails .emp-text, #modalEmpDetails .emp-email {
    color: aqua!important
}
#modalEmpDetails .emp-img {
    margin-top: -5px;
    margin-right: 10px;
}
#modalEmpDetails .emp-data {
    padding: 0 10px;
    border-left: 1px solid #fff;
    margin: 0;
}
#modalEmpDetails .content-tab #myTab {
    padding-left: 0;
}
#modalEmpDetails #myTabContent {
    padding-right: 0;
}
#modalEmpDetails .new-modal-content .modal-body {
    padding: 15px 30px;
}
#modalEmpDetails #arrowLeft.arwLnew, #modalEmpDetails #arrowRight.arwRnew {
    display: none;
}
#modalEmpDetails .dvTilesTbl, #modalEmpDetails .accordion-1 {
    width: 100%
}
#modalEmpDetails .accordion-1 {
    padding: 0 5px 0 15px
}
@media screen and (max-width: 767px) {
    #modalEmpDetails #arrowLeft.arwLnew, #modalEmpDetails #arrowRight.arwRnew {
        display: block;
        top: 15px;
    }

    #modalEmpDetails .liks-mob-pad {
        padding: 0 0 0 15px;
    }

    #modalEmpDetails #arrowLeft.arwLnew {
        left: -10px;
    }

    #modalEmpDetails #arrowRight.arwRnew {
        right: -25px;
    }

    #modalEmpDetails .emp-dtl-part {
       
        flex-wrap: nowrap;
    }
    #modalEmpDetails .emp-data-1 {
        margin-right: 10px;
        width: 100%;
    }
}
#modalCopyOrgchart .modal-body {
    padding: 0 15px 30px 30px;
}
@media (min-width: 1024px) {
    #modalSearch .clsSearch, #modalPosData .clsSearch, #modalPrintSearch .clsSearch {
        margin-top: -30px;
    }
}
#modalSearch .new-modal-content .modal-body {
    padding-bottom: 15px;
}
#modalConfig .new-modal-content .modal-body {
    padding: 0 30px;
}
.modconfigcreated .form-label, .modconfigcreated .form-control-value {
    width: auto;
    display: inline-block
}
    .modconfigcreated .form-label {
        float: left;
        padding-right: 5px;
    }
    .modconfigcreated .form-control-value {
        margin: 0;
    }
@media (max-width: 767px) {
    #modalConfig .new-modal-content .modal-body {
        padding: 0 15px;
    }
}
#modalPosData .clsRadioType span {
    font-size: 14px;
    margin: 0 20px 0 5px;
}
.divOperations span {
    margin: 0 auto;
    cursor: pointer
}
.clsRadioVerticalType {
    padding-top:5px;
}
.clsRadioVerticalType input {
    vertical-align: middle;
    display: inline
}
.clsRadioVerticalType span {
    font-size: 14px;
    padding: 0 20px 0 5px;
}
#chkIsAsIs {
    margin-top: 8px;
}