:root,
[data-selected-theme="blue"] {
  --color-main-bg: #F0F7FF;
  --color-nav-bg: #F8F9FD;
  --color-sidenav-bg: #F2F7FF;
  --color-sidenav-active: #5584CE;
  --color-sidenav-border:#A7BFE6;
  --banner-background: #384295;
  --banner-background02: #14ADD6;
  --color-background: #20B1EB;
  --color-background02: #005F84;  
  --color-background03: #F2F7FF;
  --color-btn: #384295;
  --color-btn02: #14ADD6;
  --color-text: #384295;
  --color-text02: #14ADD6;
}

[data-selected-theme="green"] {
  --color-main-bg: #F0F7FF;
  --color-nav-bg: #F8F9FD;
  --color-sidenav-bg: #D0FBDF;
  --color-sidenav-active: #01b441;
  --color-sidenav-border:#abfac7;
  --banner-background: #4ff688;
  --banner-background02: #068933;
  --color-background: #01b441;
  --color-background02: #02e150;
  --color-background03: #dbfce7;
  --color-btn: #1ED760;
  --color-btn02: #01b441;
  --color-text: #01b441;
  --color-text02: #1ED760;
}

[data-selected-theme="red"] {
  --color-main-bg: #F0F7FF;
  --color-nav-bg: #F8F9FD;
  --color-sidenav-bg: #FFF7E5;
  --color-sidenav-active: #BF1F29;
  --color-sidenav-border:#f84f5a;
  --banner-background: #FCB92D;
  --banner-background02: #BF1F29;
  --color-background: #ea2936;
  --color-background02: #BF1F29;
  --color-background03: #FFF7E5;
  --color-btn: #FCB92D;
  --color-btn02: #BF1F29;
  --color-text: #BF1F29;
  --color-text02: #FCB92D;
}
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/material_icons.woff2") format("woff2");
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/material_icons_outlined.woff2") format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.note-modal-backdrop {
    z-index: 1020;
}

.note-editing-area {
    background-color: white;
}

.oh-activity-sidebar__body {
    overflow-y: auto !important;
    min-height: calc(100% - 90px) !important;
    max-height: calc(110% - 90px) !important;
}
ion-icon[name="custom-edit-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/Pencil Drawing.png') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}
ion-icon[name="custom-mail-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/send email.svg') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}
ion-icon[name="custom-note-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/View note.svg') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}
ion-icon[name="custom-reject-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/Add\ To\ Rejected\ Candidate.svg') no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
}
ion-icon[name="custom-archive-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/Archive.svg') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}
ion-icon[name="custom-unarchive-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/Un-archive.svg') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}
ion-icon[name="custom-duplicate-icon"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
}
ion-icon[name="custom-duplicate-icon"]::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/static/images/ui/duplicate.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
ion-icon[name="custom-chat-icon"]::before {
    content: '';
    display: inline-block;
    background: url('/static/images/ui/Chat.png') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
}

ion-icon[name="custom-delete-icon1"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
}

ion-icon[name="custom-delete-icon1"]::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/static/images/ui/Remove.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.sent-to-employee {
  width: 35px;  
  height: 35px;
  margin: 0 8px;
}
#mainNav {
    padding: 0 !important;
}

.oh-modal__close--custom {
    border: none;
    background: none;
    font-size: 1.5rem;
    opacity: 0.7;
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.errorlist {
    color: #d9534f;
    background-color: #f0d8d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

}

ul:not(.ul) {
    list-style-type: none;
}

ion-icon {
    pointer-events: none;
}

.row-status--purple {
    border-left: 4px solid rgba(128, 128, 128, 0.482);
    border-radius: 5px;
}

.row-status--cyan {
    border-left: 4px solid cyan;
    border-radius: 5px;
}

.row-status--yellow {
    border-left: 4px solid yellowgreen;
    border-radius: 5px;
}

.row-status--red {
    border-left: 4px solid red;
    border-radius: 5px;
}

.row-status--black {
    border-left: 4px solid black;
    border-radius: 5px;
}

.row-status--gray {
    border-left: 4px solid gray;
    border-radius: 5px;
}

.row-status--orange {
    border-left: 4px solid orange;
    border-radius: 5px;
}

.row-status--gray {
    border-left: 4px solid gray;
    border-radius: 5px;
}

.row-status--yellow {
    border-left: 4px solid yellowgreen;
    border-radius: 5px;
}

.row-status--blue {
    border-left: 4px solid rgb(103, 171, 238);
    border-radius: 5px;
}

form label {
    font-weight: 700;
}

.oh-modal .oh-modal__dialog-title {
    font-weight: 600;
    color: #FFFFFF;
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexbox>div {
    width: 300px;
    height: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.triple-spinner {
    display: block;
    position: relative;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top: 4px solid #FF5722;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.triple-spinner::before,
.triple-spinner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 4px solid transparent;
}

.triple-spinner::before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-top-color: #FF9800;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3.5s linear infinite;
}

.triple-spinner::after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-top-color: #FFC107;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.75s linear infinite;
}

@-webkit-keyframes spin {
    -webkit-from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    -webkit-to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.oh-titlebar__tag.filter-field {
    border: solid 1px #ff450033;
}

.oh-titlebar__tag--custom {
    background-color: rgba(255, 68, 0, 0.543) !important;
    color: white;
}

.loader-container {
    position: relative;
    width: 120px;
    height: 120px;
    margin-left: 199px;
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #a4a3a3;
    width: 100%;
    height: 100%;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

.loader-text {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.oh-accordion-meta__header .oh-accordion-meta__title {
    font-weight: 600;
}


.exclude-accordion-style {
    cursor: pointer;
}

.panel {
    display: none;
    background-color: white;
    overflow: hidden;

}

.perm-accordion {
    border: 1px solid #6c757d1c !important;
    margin: 0 0 2px 0 !important;
    width: -100%;
}

.app-permissions {
    background-color: rgba(242, 249, 255, 0.586);
}

.perm-accordion-active {
    background-color: rgba(215, 233, 251, 0.621) !important;
}

.perm-accordion-active:hover {
    background-color: rgba(215, 233, 251, 0.408) !important;
}

.arrow-up::before {
    content: '\21D1';
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}

.arrow-down::before {
    content: '\21D3';
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}

.arrow-up-down::before {
    content: '\21C5';
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}

.oh-activity-sidebar__header {
    position: relative;
}

.delete-all-link {
    position: absolute;
    color: rgb(63 124 242);
    top: -5px;
    right: 10px;
    margin: 10px;
    cursor: pointer;
}

.oh-sticky-table__right {
    position: sticky;
    right: 0;
    background-color: #fff;
    width: 200px;
}

.select2-container .select2-selection.select2-selection--multiple {
    padding: 5px !important;
    max-height: 90px !important;
    overflow: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 575.98px) {
    .at-work-seconds {
        font-size: 10px;
    }

    #attendance-activity-container .oh-btn {
        padding: 0.5rem 0.2rem;
    }

    .oh-pagination {
        margin-bottom: 10px;

    }
}

.oh-main__topbar {
    padding-bottom: 1rem;
}

.oh-inner-sidebar-content {
    padding-top: 0;
}

.hydrated:not(.close-icon) {
    margin-right: 0px;
}

.required-star::after {
    content: "*";
    padding-left: 5px;
    color: #f91010;
}


.oh-navbar {
    z-index: 15 !important;
}

.swal2-actions {
    direction: rtl;
}

.oh-dropdown__menu {
    z-index: 15
}

.chart_close_button {
    display: none;
}

.oh-card-dashboard:hover .chart_close_button {
    display: block;
    position: absolute;
    right: 14px;
    top: 16px;
}

.animated-background {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee9c -58%, #e4e4e496 18%, #eeeeee61 33%);
    background-size: 800px 64px;
    height: 300px;
    position: relative;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }

    100% {
        background-position: 800px 0
    }
}

.d-inline {
    display: inline !important;
}

.d-none {
    display: none !important;
}

.oh-sidebar__company {
    position: sticky;
    top: 0;
    left: 0;
    backdrop-filter: blur(8px);
    z-index: 9 !important;
}

.note-modal-backdrop {
    display: none !important;
}

.lastTh {
    position: sticky;
    right: 0;
    background-color: #ffff !important;
    z-index: 2;
    width: 160px;

    @media (max-width: 768px) {
        position: unset;
    }
}

.fixed-table td {
    line-height: 1;
}


.lastTd {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 160px;
    overflow: scroll;
    scrollbar-width: none !important;
    padding: 4px !important;

    @media (max-width: 768px) {
        position: unset;
    }
}


/* Styles added by Leela */
.pl-theme .oh-btn-secondary{
    background-color:var(--color-btn) !important;
}
.pl-theme .pl-modal__dialog-title{
    color:white;
}
.pl-theme .oh_modal .pl-modal__dialog-title{
    color:white;
}

.pl-theme .pl-modal__dialog-title--custom{
 color:white;
 text-align: center;
}
.pl-theme .pl-modal__dialog-header--custom{
    background-color:var(--color-background);
    height:60px;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.pl-theme .pl-modal__close--custom{
    color:white;
    font-size:10px;
    opacity:1;
    /* background:white; */
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;
    margin-top:-9px;

}
.pl-theme .pl-modal__dialog-header-resign_custom{
    height:auto;
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;

}
.pl-theme .oh-payroll__component-title{
    position: absolute;
    top:50px;
    z-index:10 ;
    color:white;
    display:flex;
    align-items:center;
    justify-content: center;
    /* Center vertically */
}
.pl-theme #objectCreateModal .oh-payroll__component-title, .pl-theme #empKeyrsultForm .oh-payroll__component-title{
    top: 55px !important;
}
.pl-theme .oh-payslip__header{
    justify-content:center;
    border-bottom: 0;
    margin-bottom:0;
}
.pl-theme #main-section .oh-wrapper .oh-onboarding-card.pl-oh-onboarding-card{
    border-radius: 10px;
    position: relative;
}
.pl-theme #main-section .oh-wrapper .oh-onboarding-card.pl-oh-onboarding-card .oh-payroll__component-title{
    top: -40px;
}
.pl-theme .oh-modal__close--custom{
    top:5px;
    right:0;

}
.pl-theme .oh-modal__close{
    transition:none;
}

.pl-theme .oh-btn--secondary{
    background: linear-gradient(to right, var(--color-btn02), var(--color-btn));
    border-radius:10px;
    height:46px;
}
.pl-theme .oh-btn--secondary:hover, .pl-theme .oh-btn--secondary:focus{
    background-color: var(--color-background02);
}
.pl-theme .pl-modal__close--objective-custom{
    top:16px;
    color:white;
    font-size:10px;
    opacity:1;
    background:white;
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;
    margin-top:-9px;
    right:19px;
    transform:translate(50%,50%)
}
.pl-theme .oh-modal__dialog-relative{
    position:static;
}
/* Payslip */
.pl-theme .pl-payslip{
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    max-width: 95%;
    border: 0;
}
.pl-theme .pl-payslip .oh-payslip__header .w-100{
    width: auto !important;
    margin: 0 10px;
}
.pl-theme .pl-payslip .oh-payslip__body{
    width: 100%;
}
/* End Payslip */
/* Work-Type & Shift styles */
.pl-theme .pl-btn--secondary{
    /* background: linear-gradient(to left, var(--color-btn), var(--color-btn02)); */
    border-radius:10px;
    border:10px;
}
.pl-theme .pl-btn--secondary-outline{
    background-color: var(--color-btn);
    border: 1px solid #FFFFFF;
    color:#FFFFFF;
    border-radius:50%;
    padding:0.125rem;
}
.pl-theme .pl-btn-secondary--outline:hover,
.pl-theme .pl-btn--secondary-outline:focus{
    background-color:var(--color-btn);
         color:white;
}

.pl-theme .hydrated:not(.close-icon){
    margin-right:0px;
}

.pl-theme .oh-general__tab-link--active{
    border-bottom:3px solid var(--color-btn02);
}

.pl-theme .pl-modal__dialog-header{
    background-color: var(--color-background);
    color:#FFFFFF;
}
.pl-theme .pl-modal__dialog-title{
    color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center
}
.pl-theme .pl-modal__close{
    color:white;
    font-size:10px;
    opacity:1;
    /* background:white; */
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;
}

.pl-theme .pl-profile-section{
    border:none;
}
.pl-theme .pl-btn--secondary{
    background-color: var(--color-background02);
    border-radius:10px;
}

.pl-theme .oh-profile-section{
    border:0;
    border-radius:10px;
}
.pl-theme .select2-container--default .select2-selection--single{
    border-radius:10px !important;
}

.pl-theme .oh-input{
    border-radius:10px !important;
    padding: 0.8rem 1.25rem;
    height: 46px !important;
}
.pl-theme .oh-input[type="file"]{
    padding: 0;
}
.pl-theme .oh-wrapper select{
    height:50px !important;
}
.pl-theme select{
    height: 40px !important;
    border-radius:10px !important;
    padding: 0.8rem 1.25rem;
}
.pl-theme .oh-modal select{
    height: 55px !important;
    border-radius:10px !important;
    padding: 0.8rem 1.25rem;

}
.pl-theme .oh-select-2+.select2-container .select2-selection.select2-selection--single, .oh-select-no-search+.select2-container .select2-selection--single{
    border-radius:10px !important;
    padding: 0.8rem 1.25rem;
    height: 46px !important;
}
.pl-theme .pl-modal_close_updatesurvey--custom{
    display: flex;
    border: 5px solid white;
    color: blue;
    border-radius: 50%;
    background: white;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 15px;
    padding:0;
    margin:0;
}
.pl-theme .pl-modal__close--updaterequest--custom{
        right: 16px;
        color: white;
        font-size: 10px;
        opacity: 1;
        background: white;
        color: blue;
        border-radius: 50%;
        display: flex ;
        border: 10px;
        align-items: center;
        justify-content: center;
        padding: 5px;
        margin-top: 19px;
}
.pl-theme .oh-modal--show .oh-modal__dialog .oh-modal__dialog-header{
    background-color:var(--color-background);
    min-height:60px;
}
.pl-theme .oh-modal__dialog-title{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.pl-theme .oh-modal__close{
    top:18px;
    color:white;
    font-size:10px;
    opacity:1;
    /* background:white; */
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;
}
.pl-theme .oh-modal_close--custom{
    color:white;
    font-size:10px;
    opacity:1;
    /* background:white; */
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;

}
.pl-theme .oh-modal__close--custom{
    color:white;
    font-size:10px;
    opacity:1;
    /* background:white; */
    color:blue;
    border-radius:50%;
    display:flex;
    border:10px;
    align-items:center;
    justify-content: center;
    padding:5px;
    right:14px;
    margin-top:15px;

}
.pl-theme .oh-modal .oh-btn--secondary{
    background-color: var(--color-background02) !important;
    border-radius:10px;

}
.pl-theme .oh-modal__dialog-title-pl{
   margin-left:250px;
    top:50px;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;font-weight:600;
    font-size:1.05rem;
}


.pl-theme .oh-modal__dialog-header{
    padding:1.25rem 1.75rem 1.25rem !important;
}
.pl-theme .oh-modal__dialog-body .oh-modal__dialog-header{
    background-color:none !important;
    
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__dialog-header{
    background-color: white !important;
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__dialog-header.pl-modal-view-announcement{
    background-color: var(--color-background) !important;
}
.pl-theme .pl-modal-view-announcement{
    background-color:var(--color-background);
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__dialog-title{
    top:45px;left:580px;
    display:flex;
    align-items:center;justify-content:center;
    position:absolute;
}
/* .pl-modal-themes .oh-btn--danger, .oh-btn--info, .oh-btn--primary, .oh-btn--warning, .oh-btn--success{
    border-radius:10px !important;
    border:10px !important;
} */
.pl-theme .oh-badge--secondary{
    background-color: var(--color-background02);
}
.pl-theme .select2-container--default .select2-selection--multiple{
   border:1px solid hsl(213deg 12.41% 82.62%) !important;
   border-radius:10px !important;
}
.pl-theme .oh-switch .oh-switch__checkbox:checked{
    background-color:var(--color-background02);

}
.pl-theme .oh-card--no-shadow {
    border:none !important;
}
.pl-theme .download-outline {
    background-image:url("../images/ui/Cell.png");
    background-repeat:no-repeat;
    
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card{
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align: center;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card .oh-kanban-card__avatar .oh-kanban-card__profile-container {
    margin-bottom:10px;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .email-details::before{
  content:" ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/static/images/ui/Envelope.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .oh-kanban-card__title, .oh-kanban-card__subtitle{
    margin-bottom:5px;
 
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .email-details{
    margin-top:4px;
    /* border-top:1px solid #D0D0D0; */
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .email-separator{
    border:none;
    border-top:1px solid #D0D0D0;
    width:200px;

}
.pl-theme .oh-layout--grid-3 .oh-kanban-card {
    border-radius:15px;
    border:1px solid var(--color-background);
    filter:drop-shadow(0px,0px,4px,0px);
    background:#FFFF;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .email-details{
    color:black;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    word-break: break-word;
    padding-left: 24px;
    position: relative;
    text-align: left;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card__details .present-status{
    color:black;
}
.pl-theme input[type="file"]::file-selector-button{
    background:#D9D9D9;
    border-radius:9px;
    border: 1px solid #FFFFFF;
    padding:10px 20px;

}
.pl-theme .oh-sticky-table{
    border-radius:15px;
    border:1.5px;
}
.pl-theme .oh-sticky-table .oh-sticky-table__tr .oh-sticky-table__th{
    border-right: 0;
}
.pl-theme .oh-sticky-table__tbody{
    background-color: white;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__tr:nth-child(even), .pl-theme .oh-sticky-table__tbody .oh-sticky-table__tr:nth-child(even) .oh-sticky-table__sd, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__tr:nth-child(even) .oh-sticky-table__td.oh-sticky-table__right{
    background-color: #F9FAFC;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__tr:nth-child(even):hover {
    background-color: hsl(0,0%,96%);
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group, .pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar .oh-btn-group, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table tbody td .oh-btn-group, .pl-theme #main-section .oh-wrapper.pl-main-topbar .oh-btn-group{
    border: 0;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group .oh-btn, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table tbody td .oh-btn-group .oh-btn{
    border-radius: 10px;
    margin-right: 4px;
    border: 0;
    background-color: transparent !important;
    word-break: normal;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn{
    padding: 0.5rem !important;
    min-width: 40px;
    max-width: 40px;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn.oh-btn--primary, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn.oh-btn--primary, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group .oh-btn.oh-btn--primary, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn.oh-btn--primary, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table tbody td .oh-btn-group .oh-btn.oh-btn--primary{
    background-color: hsl(0,0%,13%) !important;
}
.pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table tbody td .oh-btn-group .oh-btn ion-icon, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn ion-icon, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn ion-icon, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group .oh-btn ion-icon, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn ion-icon {
    width: 24px;
    height: 24px;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn.oh-btn--success, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn.oh-btn--success, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group .oh-btn.oh-btn--success, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn.oh-btn--success{
    background-color: #14A155 !important;
    opacity: 1;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group .oh-btn.oh-btn--danger, .pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn.oh-btn--danger, .pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group .oh-btn.oh-btn--danger, .pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn.oh-btn--danger{
    background-color: #FF1A1A !important;
    opacity: 1;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-accordion-meta__header .oh-btn-group>*{
    
    margin-right: 4px;
}
.pl-theme .oh-sticky-table__tbody .oh-sticky-table__td .oh-btn-group>*{
    margin-right: 0;
    border-right: 0;
    max-width: 60px;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-user_permission-list_item .oh-btn-group .oh-btn.oh-btn--secondary{
    height: auto;
    background: hsl(8,77%,56%) !important;
}
.pl-theme #main-section .oh-wrapper .oh-checkpoint-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.pl-theme #main-section .oh-wrapper .oh-checkpoint-badge.text-success{
    background-color: #6DCA6E;
    color: #fff !important;
}
.pl-theme #main-section .oh-wrapper .oh-checkpoint-badge.text-secondary{
    background-color: #6C757D;
    color: #fff !important;
}
.pl-theme #main-section .oh-wrapper .oh-checkpoint-badge.text-info{
    background-color: #0DCAF0;
    color: #fff !important;
}
.pl-theme #main-section .oh-wrapper .oh-checkpoint-badge.text-warning, .pl-theme #main-section .oh-wrapper .oh-checkpoint-badge.text-danger {
    background-color: #DC3545;
    color: #fff !important;
}
/* .pl-theme .oh-faq_search--icon{
    margin-left:0px !important;
}
.pl-theme .oh-input__search-group{
    display:flex;
    justify-content: space-between;
}
.pl-theme .oh-input-group__icon{
    position:absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);

}
.pl-theme .oh-input__search-group{
    position:relative;
    display: flex;
    justify-content: space-between;
}
.pl-theme .oh-input-group__icon--left{
    left:650px !important;
   
}
.pl-theme .oh-input__icon{
    margin-right: 10px;
} */


/* .pl-theme .oh-sticky-table .oh-sticky-table__tbody.ui-sortable > div:nth-child(odd) {
    background-color: #c03434 !important;
}

.pl-theme .oh-sticky-table .oh-sticky-table__tbody.ui-sortable > div:nth-child(even) {
    background-color: green !important;
} */
/* .pl-theme .oh-view-type{
    background-color:white; 
    height:38.38px;
}
.pl-theme .oh-input__icon{
    padding-left:38px;
}
.pl-theme .oh-btn--view-active{
    background-color: none;
    background-color: #01A6E74F;
    border-radius:0px !important;
} */
.pl-theme .oh-btn--dropdown:after {
  content: url("../images/ui/Icons.png");
  top:3px;
}
/* .pl-theme .oh-btn-group{
    border:none;
} */
.pl-theme input[type=checkbox]{
    accent-color: hsl(105.78deg 56.3% 37.95%); 
}
.pl-theme .filter-img{
    width:15px;
    height:15px;
    margin-right:4px;
}
.pl-theme .group-by-img{
    width:12px;height:12px;
    margin-left:3px;
}
.pl-theme .add-ring-img{
    width:24px;height:24px;margin-right:4px
}
.pl-theme .remove-img{
    width:24px;height:24px
}
.pl-theme .archive-img{
    width:24px;height:24px
}
.pl-theme .schedule-interview-img, .pl-theme .send-email-img, .pl-theme .skill-zone-img, .pl-theme .rejected-candidate-img, .pl-theme .view-note-img, .pl-theme .resume-img, .pl-theme .edit-img, .pl-theme .duplicate-img, .pl-theme .add-user-img, .pl-theme .answer-img, .pl-theme .penality-img, .pl-theme .asset-report-img, .pl-theme .download-img, .pl-theme .view-img, .pl-theme .plus-img, .pl-theme .export-data-img, .pl-theme .send-email-img{
    width: 24px !important;
    height: 24px !important;
}
.pl-theme .chat-img{
    width:15px;height:15px;
}
.pl-theme .oh-layout--grid-3{
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    row-gap: 0.5rem;
}
.pl-theme .survey-layout--grid-3{
    grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card .oh-dropdown__menu a{
    align-items:flex-start;
}
.pl-theme .oh-layout--grid-3 .oh-kanban-card a .oh-kanban-card__avatar{
    padding-bottom:5px;
}
.pl-theme .m-1{
    margin:0.75rem !important;
}
.pl-theme .oh-faq-cards{
    gap:6px;
}
/* .pl-theme .oh-wrapper{
    margin-top:10px;
} */
.pl-theme .oh-faq-card{
    border-radius:10px;
    border:1px solid #11ACEA;
}
.pl-theme .oh-dot--small{
    width:12px;height:12px
}

.pl-theme #personal-dashboard-btn{
    background-color:#5BB381 !important;
    color:white;
    padding:10px;
}
.pl-theme #personal-dashboard-btn, .pl-theme .oh-dashboard__event{
    border-radius: 10px;
    margin-bottom: 10px;
}
.pl-theme #personal-dashboard-btn, .pl-theme .oh-dashboard__event .oh-dasboard__event-details{
    flex-shrink: unset;
}
/* .pl-theme .oh-card-dashboard__header{
    display:flex;align-items:center;justify-content: space-between;
} */
.pl-theme .oh-card-dahboard__header img{
    margin-right:5px;
}
.pl-theme .paper-img{
    margin-right:5px;
    background-color:#FFF2E9;
    padding:7px;
    border-radius:8px;border:10px;

}
.pl-theme .swap-img{
    margin-right:5px;
    background-color: #CAFFDC;
    padding:7px;
    border-radius:8px;border:10px;
}
.pl-theme .swap-red-img{
    margin-right:5px;
    background-color:#FFEBEF;
    padding:7px;
    border-radius:8px;border:10px;
}
.pl-theme .oh-pagination__input{
    width:30px;
    height:30px;
    border-radius: 6px;
}
.pl-theme .oh-pagination__input-container{
    display:flex;
    align-items: center;
    justify-content: center;    
}
.pl-theme .oh-pagination__nav .oh-pagination__items{
    margin: 0;
}
.pl-theme .user-request-view{
    background-color: white;
    border-radius:10px;border:5px;
    display:flex;flex-direction:row;
    align-items:start;justify-content:start;
}
.pl-theme #requestCreateCard{
    display:flex;
    flex-direction:row-reverse;  
}
.pl-theme .user-request-view  #requestCreateCard .oh-kanban-card__details{
    display:flex;
    align-items:start;
    justify-content:start;
}
.pl-theme .user-request-view #requestCreateCard .oh-kanban-card__details .oh-kanban-card__title{
    padding-bottom:10px;
}
.pl-theme .user-request-view .oh-kanban-card{
    border:none;
}
/* .pl-theme #leave-types{
    background-color: #FFF;
    border-radius:10px;border:5px;
}
.pl-theme #leave-types .leave-type-view{
    border:none !important;
    display: flex;
    flex-direction:row-reverse;
}
.pl-theme #leave-types{
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}
.pl-theme #leave-types .leave-type-view .oh-kanban-card__details .oh-timeoff-modal__stats-container{
    display:flex !important;
    flex-direction:column !important;
} */
.pl-theme .oh-dropdown__menu {
    border-radius:15px;
}

.pl-theme .oh-dropdown__menu.pl-color-dropdown .oh-dropdown__items{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
}

.pl-theme .oh-dropdown__menu.pl-color-dropdown .oh-dropdown__items li a{
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin: 6px;
    background-color: #fff;
}

.pl-theme .oh-dropdown__menu.pl-color-dropdown .oh-dropdown__items li a[data-theme="blue"]{
    background-color: #00A8EA;
}
.pl-theme .oh-dropdown__menu.pl-color-dropdown .oh-dropdown__items li a[data-theme="green"]{
    background-color: #1ED760;
}
.pl-theme .oh-dropdown__menu.pl-color-dropdown .oh-dropdown__items li a[data-theme="red"]{
    background-color: #BF1F29;
}

.pl-theme .custom-add-outline{
    font-weight: bold;
    font-size: 14px;
    justify-content: start;
    align-items: center;
    display: flex;
    padding: 5px;
    border-radius: 50%;
    background-color: var(--color-btn);
    color: white;
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-timeoff-modal__profile-content .oh-profile{
    box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
    border:1px solid #E8E8E8;
    border-radius:5px;
    margin-top:10px;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__dialog-header .oh-modal__button-container .oh-btn-group form .oh-btn--secondary{
    background-color:red !important;
}


.pl-theme .oh-modal .oh-btn--secondary[type="submit"] {
    background: var(--color-background02) !important;
    padding:10px 25px;
    font-size:14px;
}
.pl-theme .oh-btn--info{
    background-color: var(--color-background02);
    color: hsl(0, 0%, 100%);
    padding:10px 25px !important;
    margin:5px;
}
.pl-theme #buttonID {
    background: #5bb381 !important;
    padding: 10px 25px !important;
}

.pl-theme #main-section div#quickFilters{
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}
.pl-theme #main-section .oh-wrapper .pl-wrapper-state, .pl-theme #main-section .d-flex.flex-row-reverse.oh-wrapper{
    background-color: #fff;
    margin-top: -8px;
    padding: 0 16px;
}
.pl-theme #main-section .oh-wrapper .pl-wrapper-top-icon-section{
    position: absolute;
    top: -30px;
    right: 0;
}
.pl-theme #main-section .oh-wrapper .pl-wrapper-top-icon-section ion-icon{ 
    color: #fff;
}
.pl-theme #main-section .pl-wrapper-container .oh-tabs__tablist .oh-tabs__tab--active:hover, 
.pl-theme #main-section .pl-wrapper-container .oh-tabs__tablist .oh-tabs__tab,
 .pl-theme #main-section #reimbursementContainer .oh-tabs.oh-wrapper  .oh-tabs__tablist .oh-tabs__tab, 
 .pl-theme #main-section #reimbursementContainer .oh-tabs.oh-wrapper  .oh-tabs__tablist .oh-tabs__tab:hover,
 .pl-theme #main-section #loanContainer .oh-tabs .oh-tabs__tablist .oh-tabs__tab, .pl-theme #main-section #loanContainer .oh-tabs .oh-tabs__tablist .oh-tabs__tab:hover
 {
    background-color: #fff !important;
    /* border-bottom:0px; */
    /* border-right:1px solid rgb(238, 228, 228); */
}
.pl-theme #main-section .pl-wrapper-container .oh-tabs__tablist .oh-tabs__tab--active:hover .d-flex, 
.pl-theme #main-section .pl-wrapper-container .oh-tabs__tablist .oh-tabs__tab .d-flex,
 .pl-theme #main-section #reimbursementContainer .oh-tabs.oh-wrapper  .oh-tabs__tablist .oh-tabs__tab .d-flex, 
 .pl-theme #main-section #reimbursementContainer .oh-tabs.oh-wrapper  .oh-tabs__tablist .oh-tabs__tab:hover .d-flex,
 .pl-theme #main-section #loanContainer .oh-tabs .oh-tabs__tablist .oh-tabs__tab .d-flex, .pl-theme #main-section #loanContainer .oh-tabs .oh-tabs__tablist .oh-tabs__tab:hover .d-flex
 {
    font-size: 1rem;
    font-weight: 700;
    pointer-events: none;
 }
.pl-theme #main-section .oh-wrapper #workRecordTable{
    background-color: #fff;
    padding:10px;
    margin-top:-20px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.pl-theme .oh-file-icon--pdf{
    background-image:url('../images/ui/Resume.svg');
}
.pl-theme .to-employee-img{
    width:24px;height:24px;
}
.pl-theme .share-link-img{
    width:24px;height:24px;
}
.pl-theme .start-onboarding-img{
    width:24px;height:24px;
}
.pl-theme .template-img, .pl-theme .questions-img, .pl-theme .allocated-shift-request-img, .pl-theme .shift-icon-img,
.pl-theme .attendence-validate-img, .pl-theme .ot-attendence-img, .pl-theme .validated-attendences-img, .pl-theme .requested-attendences-img,
.pl-theme .all-attendant-img, .pl-theme .reimbersements-img, .pl-theme .leave-encashments-img, .pl-theme .bonus-encashments-img,
.pl-theme .self-objective-img, .pl-theme .all-objective-img, .pl-theme .profile-img, .pl-theme .recruitment-drive-img,
.pl-theme .my-ticket-img, .pl-theme .suggested-ticket-img, .pl-theme .all-ticket-img, .pl-theme .loan-img, .pl-theme .advanced-salary-img, .pl-theme .fine-img, .pl-theme .my-leave-allocation-request-img, .pl-theme .leave-allocation-requests-img
{
    width:30px !important;height:30px; margin-right:4px !important;
}
.pl-theme .oh-modal .oh-btn--info, .pl-theme .oh-modal .oh-btn--warning, .pl-theme .oh-modal .oh-btn--danger, .pl-theme .oh-modal .oh-btn--success, .pl-theme .oh-modal .oh-btn--shadow, .pl-theme .oh-modal .oh-btn--primary{
    border-radius:10px;
    max-height: 46px;height:46px
}
.pl-theme .oh-wrapper .oh-dashboard.row .oh-dashboard__left .oh-dashboard__cards.row  .oh-card-dashboard__header.pl-card-dashboard__header{
    display:flex;
    align-items: center;
    justify-content: start;
}
/* .pl-theme .oh-wrapper .oh-dashboard.row .oh-dashboard__left .oh-dashboard__cards.row  .oh-card-dashboard__header .oh-card-dashboard__title {
    margin:auto;
} */
.pl-theme .dashboard-icon{
    width:36px;height:36px;margin-right:10px;
}

/* .pl-theme .pl-hrms-login .oh-auth .pl-auth-right .oh-auth-card form .oh-input-group .oh-password-input-container input[type="password"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
} */


input[type="password"]::-ms-reveal, 
input[type="password"]::-ms-clear, 
input[type="password"]::-webkit-inner-spin-button, 
input[type="password"]::-webkit-clear-button, 
input[type="password"]::-webkit-password-toggle-button, 
input[type="password"]::-webkit-password-toggle { 
  display: none
}
.pl-theme #main-section .oh-wrapper .oh-select{
 border-radius:10px;
 height:40px;
}
.pl-theme #main-section .pl-wrapper-container .oh-btn--secondary-outline:hover,
.pl-theme #main-section .pl-wrapper-container .oh-btn--secondary-outline:focus
{
    background-color: unset !important;
    color:#fff;
}
.pl-theme #main-section .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__button-container .oh-btn-group,
.pl-theme #main .oh-btn-group
{
    border:none !important;
}
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-modal__dialog-header .oh-modal__button-container .oh-btn-group .oh-btn--info ,
.pl-theme .oh-modal .oh-modal__dialog .oh-modal__dialog-body .oh-profile-section .oh-modal__button-container .oh-btn-group .oh-btn--info,
.pl-theme .oh-modal  .oh-modal__dialog  .oh-modal__dialog-body div.oh-modal__button-container .oh-btn-group .oh-btn--info
{
    background-color: #005F84 !important;
}
.pl-theme .oh-modal .oh-modal__dialog .oh-btn--warning, .pl-theme .oh-modal .oh-modal__dialog .oh-btn--danger {
    margin:5px !important;
}
/* Over Write CSS by Srinivas */
/* Custom scrollbar styles */
::-webkit-scrollbar {
    width: 6px;
    /* Smaller width */
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    /* Custom thumb color */
    border-radius: 5px;
}

/* Optional: Custom scrollbar track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
body{
    font-family: 'Nunito', 'Poppins', 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.pl-theme{
    background-color: var(--color-main-bg);
}

/* .pl-theme .oh-btn{
    border-radius: 8px;
    border: 0;
    word-break: normal;
    padding: 0.5rem 1rem;
} */

.pl-theme .oh-modal .oh-btn--success{
    background-color: #14A155;
}

.pl-theme .oh-modal .oh-btn--danger{
    background-color: #FF1A1A;
}

.pl-theme .oh-sidebar, .pl-theme .oh-sidebar__submenu{
    background-color: #fff;
}

.pl-theme .oh-sidebar__menu-link{
    align-items: center;
    font-weight: 700;
    font-size: 16px;
}

.pl-theme .oh-sidebar__menu-link, .pl-theme .oh-sidebar__company-title, .pl-theme .oh-sidebar__company-link{
    color: #2D3748;
    margin: 0;
}
.pl-theme .oh-sidebar__submenu-link{
    color: #000000;    
    position: relative;
    padding-left: 10px;
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1;
}
.pl-theme .oh-sidebar__menu-link--active{
    background-color: var(--color-sidenav-bg);    
    color: var(--color-text);
    position: relative;
}

.pl-theme .oh-sidebar__menu-link--active::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-sidenav-active);
    width: 6px;
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pl-theme .oh-sidebar__menu-link .oh-sidebar__menu-icon img{
    filter: none !important;
}

.pl-theme .oh-sidebar__menu-link .oh-sidebar__menu-icon svg{
    fill: #272525;
}

.pl-theme .oh-sidebar__menu-item .oh-sidebar__submenu .oh-sidebar__submenu-item{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.pl-theme .oh-sidebar__menu-item .oh-sidebar__submenu .oh-sidebar__submenu-items{
    overflow: hidden;    
}

.pl-theme .oh-sidebar__menu-item .oh-sidebar__submenu .oh-sidebar__submenu-item::before{
    content: "";
    position: absolute;
    top: -70%;
    left: 0;
    width: 12px;
    height: calc(100% + 10px);
    border-left: 1.5px solid var(--color-sidenav-border);
    border-bottom: 1.5px solid var(--color-sidenav-border);
    border-bottom-left-radius: 10px;
    background-color: transparent;
}
.pl-theme .oh-sidebar__menu-item .oh-sidebar__submenu .oh-sidebar__submenu-item:hover::after{
    content: "";
    background-color: var(--color-sidenav-bg);
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 15px);
    height: 100%;
    border-radius: 10px;
    margin-left: 15px;
    z-index: 0;
}

.pl-theme .oh-navbar{
    background-color: var(--color-nav-bg);
    border: 0;
}

.pl-theme .oh-navbar .oh-navbar__toggle-container .oh-navbar__toggle-link{
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pl-theme .oh-navbar .oh-navbar__toggle-container .oh-navbar__toggle-link .oh-navbar__toggle-menu{
    margin-right: 0;
}

.pl-theme .oh-navbar .oh-navbar__breadcrumb{
    position: absolute;
    top: 90px;
    padding-left: 0;
    z-index: 1000;
}

.pl-theme .oh-navbar .oh-navbar__breadcrumb .oh-navbar__breadcrumb-link, .pl-theme .oh-navbar .oh-navbar__breadcrumb .oh-navbar__breadcrumb-link.active{
    color: #fff;
}

.pl-theme .oh-navbar .oh-navbar__breadcrumb .oh-navbar__breadcrumb-item:after{
    background-image: url("../images/ui/expand_right.png");
    top: 1px;
}

.pl-theme .oh-navbar .oh-navbar__breadcrumb .oh-navbar__breadcrumb-link.active{
    font-weight: 700;
}

.pl-theme .oh-navbar .oh-navbar__action-icons, .pl-theme .oh-navbar .oh-navbar__notifications{
    border: 0;
    padding: 0.4rem 0.75rem;
}

.pl-theme .oh-navbar .oh-dropdown .oh-navbar__user-info .oh-navbar__user-name{
    font-weight: 700;
    font-size: 16px;
}

.pl-theme .oh-navbar .oh-dropdown#multiLanguage .oh-navbar__icon svg{
    color: var(--color-background02);
}

.pl-theme #main-section{    
    padding-top: 50px;
    position: relative;
}
.pl-theme #main-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/ui/wrapper_bg.png"), linear-gradient(to right, var(--banner-background02), var(--banner-background));
    /* background-image: url("../images/ui/wrapper_bg.png"); */
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    width: 100%;
    height: 126px;
    z-index: -1;
}

.pl-theme #main-section .oh-main__topbar{
    padding-top: 0;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar, .pl-theme #main-section .oh-wrapper .pl-work-record-card{
    margin-top: 90px;
    background-color: #fff !important;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar .oh-main__titlebar-title{
    color: #000 !important;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-btn-group{
    border: 0;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-btn,  
.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right #filterForm .oh-dropdown .pl-right-btns, 
.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar--right #filterForm .oh-dropdown .oh-btn.oh-btn--dropdown, 
.pl-theme #main-section .pl-main-topbar #filterForm .oh-main__titlebar--right .oh-dropdown .oh-btn.oh-btn--dropdown,
.pl-theme #main-section .oh-wrapper .col-12 #workRecordTable .workFilters .d-flex .oh-dropdown .workRecordsfilter,
.pl-theme #main-section .pl-main-topbar .oh-main__titlebar--right .oh-dropdown .oh-btn--dropdown,
.pl-theme #main-section #FilingStatusList .oh-card .oh-accordion-meta div div.oh-accordion-meta__header.oh-accordion-meta__header--custom .oh-accordion-meta__actions .oh-dropdown .oh-btn,
.pl-theme #main-section .oh-main__topbar.pl-main-topbar  .oh-main__titlebar-button-container #filterForm .oh-dropdown .oh-btn,
.pl-theme #main-section .oh-main__topbar.pl-main-topbar  form.oh-main__titlebar.oh-main__titlebar--right .oh-dropdown .oh-btn,
.pl-theme #main-section  #offboardingContainer .oh-wrapper.pl-wrapper-container .oh-tabs .oh-tabs__contents .oh-tabs__content .oh-card .oh-accordion-meta .oh-accordion-meta__item .oh-accordion-meta__header .oh-accordion-meta__actions .oh-dropdown .oh-btn,
.pl-theme #main-section .oh-wrapper.pl-wrapper-container #assetCategoryList #assetFiltered .oh-accordion-meta div.oh-accordion-meta__header.oh-accordion-meta__header--custom .oh-accordion-meta__actions .oh-dropdown .oh-btn,
.pl-theme #main-section .oh-wrapper.oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right  #filterForm div.oh-dropdown .oh-btn
{ 
    border-radius: 10px;
    height: 46px;
    max-height: 46px;
    background: #fff;
    border: 1px solid hsl(213,22%,84%);
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-input__search-group .oh-input{
    padding-left: 16px;
    padding-right: 30px;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-input__search-group .pl-search-icon{
    left: unset;
    position: absolute;
    right: 12px;
    top: 16px;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-btn.oh-btn--secondary,
.pl-theme #main-section .oh-main__topbar.pl-main-topbar  .oh-main__titlebar.oh-main__titlebar--right  #filterForm .oh-dropdown .oh-dropdown__menu .oh-dropdown__filter-footer .oh-btn.oh-btn--secondary,
.pl-theme #main-section .oh-main__topbar.pl-main-topbar  .oh-main__titlebar.oh-main__titlebar--right  .oh-dropdown  .oh-dropdown__menu  .oh-dropdown__filter-footer .oh-btn.oh-btn--secondary,
.pl-theme #main-section .oh-main__topbar.pl-main-topbar   .oh-main__titlebar-button-container .oh-dropdown .oh-dropdown__menu  .oh-dropdown__filter-footer .oh-btn.oh-btn--secondary
{
    background: linear-gradient(to right, var(--color-btn02), var(--color-btn)) !important;
    border-radius: 10px;
    height: 46px;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-view-types .oh-view-type .oh-btn, .pl-theme #main-section .oh-main__topbar #filterForm .oh-main__titlebar--right .oh-view-types .oh-view-type .oh-btn{
    border-radius: 0;
    border: 0;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-view-types .oh-view-type .oh-btn.oh-btn--view-active, .pl-theme #main-section .oh-main__topbar #filterForm .oh-main__titlebar--right  .oh-view-types .oh-view-type .oh-btn.oh-btn--view-active, .pl-theme #main-section .pl-main-topbar .oh-main__titlebar--right .oh-view-types .oh-view-type .oh-btn.oh-btn--view-active{
    /* background-color: rgba(1,166,231,0.3); */
    background-color: var(--color-background03);
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-view-types .oh-view-type, .pl-theme #main-section .oh-main__topbar #filterForm .oh-main__titlebar--right .oh-view-types .oh-view-type{
    height: 46px;
    max-height: 46px;
    background: #fff;
    overflow: hidden;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-view-types .oh-view-type:first-child, .pl-theme #main-section .oh-main__topbar  #filterForm .oh-main__titlebar--right .oh-view-types .oh-view-type:first-child, .pl-theme #main-section .pl-main-topbar .oh-main__titlebar--right .oh-view-types .oh-view-type:first-child, .pl-theme #main-section .oh-main__topbar  #filterForm .oh-main__titlebar--right .oh-view-types .oh-view-type:first-child, .pl-theme #main-section .pl-main-topbar .oh-main__titlebar--right .oh-view-types .oh-view-type:first-of-type{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    background-color: transparent;
}

.pl-theme #main-section .oh-main__topbar.pl-main-topbar .oh-main__titlebar.oh-main__titlebar--right .oh-main__titlebar-button-container .oh-view-types .oh-view-type:last-child , .pl-theme #main-section .oh-main__topbar #filterForm .oh-main__titlebar--right  .oh-view-types .oh-view-type:last-child, .pl-theme #main-section .pl-main-topbar .oh-main__titlebar--right .oh-view-types .oh-view-type:last-child{
    background-color: unset;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.pl-theme #main-section .oh-wrapper .pl-wrapper-container, .pl-theme #main-section .pl-wrapper-container, .pl-theme #main-section .oh-wrapper.pl-wrapper-container02, .pl-theme #main .oh-wrapper.pl-wrapper-container{
    background-color: #fff;
    padding: 10px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 20px;
}

.pl-theme #main-section .oh-wrapper .pl-wrapper-container .oh-tabs, .pl-theme #main-section .pl-wrapper-container .oh-tabs, .pl-theme #main-section .pl-wrapper-container.oh-tabs {
    border: 0;
}

.pl-theme #main-section .pl-wrapper-container.oh-tabs .oh-btn--secondary-outline, .pl-theme #main-section .pl-wrapper-container.oh-tabs .oh-btn--secondary-outline:hover{
    background-color: transparent;
    border: 0;
}

.pl-theme #main-section .oh-main__topbar .oh-main__titlebar .oh-main__titlebar-title{
    color: #fff !important;
}

.pl-theme #main-section .oh-wrapper.oh-titlebar-container__filters, .pl-theme #main-section .oh-wrapper .oh-titlebar-container__filters{
    background-color: #fff;
    padding: 0 20px;
}
.pl-theme #main-section .oh-wrapper.oh-titlebar-container__filters .oh-titlebar__tag, .pl-theme #main-section .oh-wrapper .oh-titlebar-container__filters .oh-titlebar__tag{
    margin-top: 10px;
    margin-bottom: 10px;
}

.pl-theme #main-section .oh-dashboard .oh-card-dashboard{
    border-radius: 15px;
   
}

.pl-theme #main-section .oh-dashboard .oh-card-dashboard .oh-card-dashboard__title{
    font-size: 1rem;
}

.pl-theme #main-section .oh-dashboard .oh-card-dashboard.oh-card-dashboard--neutral{
    height: 100%;
}


.pl-theme #main-section .oh-wrapper .oh-card{
    border: 0;
    /* background: transparent; */
}

.pl-theme #main-section .oh-wrapper .oh-card.pl-oh-card{
    background: transparent;
}

.pl-theme #main-section .oh-wrapper .oh-card>.row{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 20px 20px 0 10px;
    position: relative;
}

.pl-theme #main-section .oh-wrapper .oh-dashboard .oh-dashboard__movable-cards .oh-card{
    background: #fff;
    border-radius: 16px;
}

.pl-theme #main-section .oh-wrapper .oh-card .pl-edit{
    position: absolute;
    right: 20px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0  2px 2px rgba(0,0,0,0.05);
}

.pl-theme #main-section .oh-wrapper .oh-card .pl-edit:hover{
    opacity: 0.7;
}

.pl-theme #main-section .oh-wrapper .oh-card .pl-edit img{
    width: 20px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-container .oh-profile__info-name, .pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-list .oh-profile__info-list-item .oh-profile__info-label{
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    color: #2D3748;
    margin-bottom: 0;
    line-height: 120%;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-container .oh-profile__info-designation, .pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-list .oh-profile__info-list-item .oh-profile__info-value{
    margin-bottom: 0;
    color: #718096;
    min-height: 21px;
    word-break: break-word;
    min-width: 150px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-list{
    display: flex;
    flex-wrap: wrap;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-list .oh-profile__info-list-item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: calc(25% - 10px);
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-list .oh-profile__info-list-item .oh-profile__info-label ion-icon{
    display: none;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-table_sticky--wrapper .oh-profile-section__tab, .pl-theme #main-section .oh-wrapper .oh-card .oh-profile-section__tab.pl-oh-general-tabs{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 40px 20px 20px 10px;
    border-bottom: 0;
}
.pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper{
    border: 0;
}
.pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table td:first-child, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table th:first-child, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table td:first-child, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table th:first-child{
    border-right: 0 !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-table_sticky--wrapper .oh-sticky-dropdown--header, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .oh-sticky-dropdown--header{
    margin-right: 0;
    border-top: 0;
}
.pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table th, .pl-theme #main-section .oh-wrapper .oh-table_sticky--wrapper .table-wrapper .fixed-table td{
    border-bottom: 0 !important;
    border-right: 0 !important;
    margin-right: 0;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-table_sticky--wrapper .oh-profile-section__tab .oh-general__tab, .pl-theme #main-section .oh-wrapper .oh-card .oh-general__tabs.pl-oh-general-tabs .oh-general__tab{
    color: #2D3748;
    font-size: 14px;
    font-weight: 600;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-table_sticky--wrapper .oh-profile-section__tab .oh-general__tab .oh-general__tab-link--active, .pl-theme #main-section .oh-wrapper .oh-card .oh-general__tabs.pl-oh-general-tabs .oh-general__tab .oh-general__tab-link--active{    
    position: relative;
    border-bottom: 0;
    padding-bottom: 0.5rem;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-table_sticky--wrapper .oh-profile-section__tab .oh-general__tab .oh-general__tab-link--active::after, .pl-theme #main-section .oh-wrapper .oh-card .oh-general__tabs.pl-oh-general-tabs .oh-general__tab .oh-general__tab-link--active::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 4px;
    background: #F72B60;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab{
    background-color: #fff;
    border-radius: 16px;
    margin-top: 20px;
    padding-bottom: 16px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab h4{
    font-weight: 700;
    border-right: 0;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card.oh-card--margin{
    margin-top: 0;
    padding-top: 0;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card .oh-card__body .oh-profile__card-info-list .oh-profile__card-info-item{
    margin-bottom: 1rem;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card .oh-card__body .oh-profile__card-info-list .oh-profile__card-info-item .oh-profile__info-label{
    font-size: 14px;
    font-weight: 600;
    color: #718096;
    margin-bottom: 0 !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card .oh-card__body .oh-profile__card-info-list .oh-profile__card-info-item .oh-profile__info-label ion-icon{
    display: none;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card .oh-card__body .oh-profile__card-info-list .oh-profile__card-info-item .oh-profile__info-value{
    font-size: 14px;
    font-weight: 700;
    color: #1c1c1c;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-card .oh-card__header .oh-card__title, .pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-tabs .oh-tabs__tab {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    height: 60px;
    max-height: 60px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-tabs{
    border: 0;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-tabs .oh-tabs__tab .oh-btn {
    padding: 2px;
    border-radius: 50%;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-sticky-table{
    margin-left: 16px;
    margin-right: 16px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-sticky-table .oh-sticky-table__thead .oh-sticky-table__th{
    padding: 1rem !important;
    border-right: 0;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card{
    max-width: 30%;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-sticky-table .kanban-card-container .oh-kanban-card, .pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card{
    border: 0;
    flex-direction: row-reverse;
    min-width: auto;
}

/* .pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-sticky-table .kanban-card-container .oh-kanban-card:hover, .pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card:hover{
    box-shadow: none;
} */

.oh-kanban-card__avatar{
    margin-right: 0;
    margin-left: 1rem;
}

.pl-theme .oh-layout--grid-3 .oh-kanban-card .oh-kanban-card__avatar {
    margin-left: 0;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card .oh-kanban-card__avatar{
    margin-top: 22px;
}

.oh-kanban-card__details{
    min-width: 200px;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card .oh-kanban-card__details{
    align-items: flex-start;
    text-align: left;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card .oh-kanban-card__details .oh-card__title{
    font-weight: bold !important;
    font-size: 13px !important;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card .oh-kanban-card__details .oh-timeoff-modal__stats-container{
    grid-template-columns: auto;
    display: flex;
    flex-direction: column;
}

.pl-theme #main-section .oh-wrapper .oh-layout--grid-3#leave-types .oh-kanban-card .oh-kanban-card__details .oh-timeoff-modal__stats-container .oh-timeoff-modal__stat-title{
    margin-top: 0;
    color: hsl(0,0%,45%) !important;
    font-weight: normal !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-btn-group{
    border: 0;
    padding: 15px !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-btn--secondary{
    background: linear-gradient(to right, var(--color-btn02), var(--color-btn));
    /* background:var(--color-background02); */
    font-size: 16px;
    font-weight: 600;
    display: flex !important;
    align-items: center;
    border-radius: 10px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-btn--secondary ion-icon{
    background-color: #fff;
    border-radius: 50%;
    color: var(--color-text);
    margin-right: 10px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab  .oh-card .oh-tabs{
    border-bottom: 1px solid #cdd5df;
    border-left: 1px solid #cdd5df;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-tabs .oh-tabs__tab.oh-tabs__tab--active,
 .pl-theme #main-section .pl-wrapper-container .oh-tabs__tablist .oh-tabs__tab--active,
.pl-theme #main-section #reimbursementContainer .oh-tabs.oh-wrapper .oh-tabs__tablist .oh-tabs__tab.oh-tabs__tab--active,
.pl-theme #main-section #loanContainer .oh-tabs.oh-wrapper .oh-tabs__tablist .oh-tabs__tab.oh-tabs__tab--active
{
    border: 0 !important;
    border-bottom: 3px solid #5BB381 !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon{
    width: 36px;
    height: 36px;
    display: flex;
    margin-right: 6px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-404__subtitle{
    font-weight: 700;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-faq-card{
    border-radius: 0.5rem;
    padding: 1rem;
    min-height: 345px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-faq-card .pl-bonus-icon{
    background: url(../images/ui/bonuspoints.png) no-repeat center center;
    background-size: 100%;
    width: 75px;
    height: 75px;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-faq-card .oh-faq-card__title{
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-404__subtitle img, .pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .oh-404__image{
    display: none;
}

.pl-theme #main-section .oh-wrapper .oh-404, .pl-theme #main .oh-wrapper .oh-404{
    position: static;
    transform: none;
}

.pl-theme #main-section .oh-wrapper .oh-404 img, .pl-theme #main .oh-wrapper .oh-404 img{
    width: auto !important;
    height: 100px !important;
}

.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-personal{
    background: url(../images/ui/profile_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-bank{
    background: url(../images/ui/bank_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-work{
    background: url(../images/ui/work_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-contract{
    background: url(../images/ui/contract_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-rotatework{
    background: url(../images/ui/rotate_work_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-shift{
    background: url(../images/ui/shift_icon.png) no-repeat center center;
    background-size: 100%;
}
.pl-theme #main-section .oh-wrapper .oh-card .oh-profile__info-tab .pl-tab-icon.pl-rotateshift{
    background: url(../images/ui/rotating_shift_icon.png) no-repeat center center;
    background-size: 100%;
}

/* Login Page */
.pl-hrms-login .oh-auth{
    margin: 0;
    flex-direction: row;
    justify-content: flex-start;
    height: 100vh;
    background-color: #fff;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel{
    height: 100%;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner, .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item{
    height: 100%;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item img{
    width: 100%;
    min-height: 100%;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item .pl-hrms-shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0) 100%);
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item .pl-hrms-carousel-item-title{
    position: absolute;
    bottom: 50px;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    z-index: 11;
    margin-left: 10%;
    margin-right: 10%;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-control-prev, .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-control-next{
    display: none;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-indicators{
    justify-content: flex-start;
    margin-left: 10%;
    margin-right: 10%;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-indicators button{
    background-color: #D9D9D9;
    border-radius: 10px;
    border: 0;
    width: 80px;
    height: 8px;
    opacity: 1;
}
.pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-indicators button.active{
    background-color: #000000;
}
.pl-hrms-login .oh-auth .pl-auth-left, .pl-hrms-login .oh-auth .pl-auth-right{
    height: 100%;
}
.pl-hrms-login .oh-auth .col-6{
    display: flex;
    height: 100%;
}
.pl-hrms-login .oh-auth .pl-hrms-banner{
    background: url(../images/ui/login_banner.jpg) no-repeat center top;
    background-size: cover;
    flex: 1 0;
}
.pl-hrms-login .oh-auth .pl-hrms-banner-footer{
    background-color: #121828;
    border-top: 3px solid #F72B60;
    padding: 20px 50px;
    color: #fff;
}
.pl-hrms-login .oh-auth .pl-hrms-banner-footer img{
    height: 48px;
}
.pl-hrms-login .oh-auth .pl-hrms-banner-footer .label{
    font-size: 1.5rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pl-hrms-login .oh-auth .oh-auth-card{
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pl-hrms-login .oh-auth .oh-auth-card .logo img{
    width: 200px;
}
.pl-hrms-login .oh-auth .oh-auth-card p{
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-input{
    border: 1px solid #5BB381;
    border-radius: 10px;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-label{
    font-weight: 400;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-link--secondary{
    color: #666;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-link--secondary:hover{
    color: #5BB381;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-btn--secondary{
    background-color: #F72B60;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
}
.pl-hrms-login .oh-auth .oh-auth-card .oh-btn--secondary:hover{
    background-color: rgb(247, 43, 96, 0.8);
}
@media screen and (max-width: 991px) {
    /* .pl-hrms-login .oh-auth{
        flex-direction: column;
    } */
    /* .pl-hrms-login .oh-auth .pl-auth-left{
        max-height: 40%;
    } */
    .pl-hrms-login .oh-auth .pl-auth-left .pl-hrms-banner{
        min-height: calc(100% - 234px);
        /* display: none; */
    }
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item .pl-hrms-carousel-item-title{
        font-size: 1rem;
    }
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-indicators button{
        width: 60px;
        height: 6px;
    }
    /* .pl-hrms-login .oh-auth .pl-auth-right{
        height: calc(100% - 40%);
    } */
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item .pl-hrms-carousel-item-title{
        bottom: 50px;
    }    
    .pl-hrms-login .oh-auth .pl-auth-right .oh-auth-card{
        width: 100%;
    }
    .pl-hrms-login .oh-auth .oh-auth-card .logo img{
        width: 130px;
    }
    .pl-hrms-login .oh-auth .pl-auth-right .oh-auth-card p{
        margin-bottom: 5px;
        font-size: 0.875rem;
    }
    .pl-hrms-login .oh-auth .pl-auth-right .oh-auth-card .oh-input, .pl-hrms-login .oh-auth .pl-auth-right .oh-auth-card .oh-btn--secondary{
        padding: 0.5rem;
    }
    .pl-hrms-login .oh-auth .pl-hrms-banner-footer .label{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media screen and (max-width: 767px) {
    /* .pl-hrms-login .oh-auth .pl-auth-left{
        display: none !important;
    } */    
    /* .pl-hrms-login .oh-auth .pl-auth-right{
        height: calc(100% - 40%);
    } */
}
@media screen and (max-width: 576px) {
    .pl-hrms-login .oh-auth{
        flex-direction: column;
    }
    .pl-hrms-login .oh-auth .pl-auth-left{
        height: 30%;
    }
    .pl-hrms-login .oh-auth .pl-auth-right{
        height: calc(100% - 30%);
    }
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel{
        width: 90%;
        margin-left: 5%;
        margin-top: 16px;
        border-radius: 10px;
        overflow: hidden;
    }
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-indicators{
        justify-content: center;
    }
    .pl-hrms-login .oh-auth .pl-hrms-login-carousel .carousel-inner .carousel-item .pl-hrms-carousel-item-title{
        text-align: center;
        margin: 0 5px;
    }
}
@media screen and (max-height: 450px) {
    /* .pl-hrms-login .oh-auth .pl-auth-left{
        display: none !important;
    } */
    /* .pl-hrms-login .oh-auth .pl-auth-right{
        height: calc(100% - 40%);
    } */
}