/*employeepreview styles*/
.employeepreview-css .preview-card {
    margin-left: 15px;
    margin-right: 0;
    margin-top: 15px;
    border-radius: 7px;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 35px;
}
.employeepreview-css .preview-sub-card,
.appraisal-cycle-section .preview-sub-card {
    box-shadow: var(--default-shadow);
    -webkit-box-shadow: var(--default-shadow);
    -moz-box-shadow: var(--default-shadow);
    padding: 18px;
    margin: 0 20px;
    border-radius: 7px;
    margin-bottom: 10px;
    background-color: var(--white);
}
.employeepreview-css .tab-title {
    padding: 6px 0px;
    margin: 5px 25px;
    height: 41px;
    border-radius: 6px;
}
.employeepreview-css .tab-title .text {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    position: relative;
    top: 0px;
}
.employeepreview-css .ad-card, .feedback-ad-card .ad-card, .employeepreview-css .grade-card #benafitDetailsDiv {
    border: 1px solid color-mix(in srgb, var(--secondary-color), transparent 80%);
    padding: 20px;
    /*margin: 5px 10px;*/
    border-radius: 5px;
    background: color-mix(in srgb, var(--secondary-color), transparent 95%);
    /*    box-shadow: var(--default-shadow);
    -webkit-box-shadow: var(--default-shadow);
    -moz-box-shadow: var(--default-shadow);*/
    overflow: hidden;
}
#familyDetailsDiv .ad-card {
    margin-bottom: 30px;
}
.employeepreview-css .dd-card {
    padding: 5px 0px;
}
.import-toolbar-btn:before {
    content: "";
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-position: 0 0;
    background-size: 16px 16px !important;
    padding: 0;
    font-size: 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px !important;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/import-icon-grey.svg);
    background-repeat: no-repeat;
}
.vy-circle-btn .dx-button-mode-contained .dx-icon {
    font-size: 13px;
    line-height: 18px;
}
.dx-popup-wrapper > .dx-overlay-content {
    padding: 0px;
}
.dx-popup-content.dx-popup-content-scrollable {
    /*padding-top: 14px;*/
}
.employeepreview-css .Voyon-Forms .dx-texteditor-input-container {
    background: var(--white);
}
.employeepreview-css .Voyon-ChildGrids-Title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    background: transparent;
    color: var(--black);
    width: 50%;
    padding: 0;
}
.employeepreview-css .emp-grid-title .emp-ttl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0px;
}
.employeepreview-css .preview-edit-btn {
    float: right;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 6px;
    padding: 7px 0;
    text-align: center;
    background: var(--secondary-btn);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.employeepreview-css .preview-sub-card.collapsed .preview-edit-btn {
    margin-top: 0px;
}
.ac-grid.gr-1 {
    background: var(--white);
}
.ac-grid.gr-2 {
    background: #ffdacf85;
}
.ac-grid.gr-3 {
    background: #ebecf9;
}
.ac-grid.gr-4 {
    background: #eff6f7;
}
.employeepreview-css .preview-edit-btn:hover {
/*    box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgba(0, 0, 0, 0.36);*/
}
.employeepreview-css .preview-btns-group .collapse-btn {
    float: right;
    margin-left: 8px;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
}
.employeepreview-css .preview-sub-card.collapsed .collapse-btn {
    margin-top: 0px;
}
.employeepreview-css .dx-tabpanel .dx-tabs-wrapper {
    display: inline-flex !important;
    border: none !important;
}
#employeeInfoTab .dx-tabs-wrapper {
    justify-content: flex-start;
}
.employeepreview-css .dx-tabpanel .dx-tabs-wrapper::after {
    border: none;
}
.Emp-div1, .Emp-div2, .Emp-div3 {
    align-items: center;
    background-color: var(--white);
    height: 152px;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.employeepreview-css .emp-photo {
    width: 90px;
    height: 90px;
    margin-right: 25px;
    position: relative;
}
.employeepreview-css .emp-status {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    border: 2px solid #fff;
    right: 6px;
    bottom: 6px;
}
.employeepreview-css .empPname {
    font-size: 14px;
    font-weight: 600;
}
.emp-age{
    margin-bottom: 8px;
}
.contact-section-mail-phone {
    margin-bottom: 22px;
}
/*.employeepreview-css .PreviewDetails .center,
.employeepreview-css .PreviewDetails .left,
.employeepreview-css .PreviewDetails .right {
    background-color: var(--white);
}*/
.employeepreview-css .PreviewDetails .center {
    font-size: 13px;
    padding: 0;
}
.employeepreview-css .left {
    position: relative;
    padding-left: 0px;
}
.employeepreview-css .PreviewDetails .right {
    font-size: 13px;
    padding-right: 0px;
}
.preview-card .PreviewDetails {
    border-radius: 7px;
}
.employeepreview-css .empPname {
    width: 90%;
}
.filter-toolbar .dx-texteditor.dx-editor-filled {
    background: #fff;
    border: 1px solid var(--toolbar-color);
    border-radius: 3px;
    overflow: hidden;
}
/* Report Viewer - Toolbar */
.filter-toolbar {
    background: #fff;
    border: 1px solid rgb(231 231 231);
    padding-bottom: 5px;
    padding: 16px;
}
.Report-Filter-header-section, .filter-toolbar.reporter-filter-toolbar-wrapper .reportCard {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border: 0px;
}
.FilterEmp.rpt .dx-icon {
    border-radius: 6px;
    width: 30px;
    height: 30px;
}
.Vf-btn-switch.report-switch-btn {
    background: var(--secondary-btn);
    border-radius: 30px;
}
.Vf-btn-switch .dx-button-content {
    color: var(--primary-dark-color) !important;
    font-size: 13px !important;
}
.Vf-btn-switch .dx-item-selected.dx-state-selected .dx-button-content {
    border-radius: 40px !important;
    position: relative;
    margin: 0px;
    box-shadow: none;
    background: var(--primary-dark-color) !important;
    border: 1px solid var(--primary-dark-color) !important;
    height: 30px;
    font-size: 13px;
    color: #fff !important;
}
.switch-section .dx-button-content {
    border: 0px !important;
    margin: 0 !important;
}
.reportfilter-section .collapse-btn {
    border-radius: 6px;
    width: 30px;
    height: 30px;
    background-color: var(--secondary-btn);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}
.collapsed .reportfilter-section .collapse-btn {
    background-color: var(--secondary-color);
}
.execute-btn.newExecute .dx-button-content {
    padding: 5px 12px;
    margin-left: 14px;
}
#chatBot h6 {
    color: #bfcef1;
    font-size: 9px;
    text-align: center;
}
.chatbot {
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 6px;
    bottom: 22px;
    left: 9px;
    z-index: 99;
    cursor: pointer;
}
/*.chatbot-status {*/
    /*width: 46px;
    height: 46px;
    border: 2px solid #84d604;
    border-radius: 50%;
    position: relative;
    display: flex;
    right: 0px;
    top: 0px;*/
/*}*/
/*.chatbot-img {
    opacity: 1;
    transition: 0.2s;
    border: 2px solid #fff;
}*/
.chatbot-img-bg {
    background-size: 40px 40px;
    /*background-image: url(../img/vy-images-v2/Folksy-Icon-Bg.svg);*/
    overflow: hidden;
    opacity: 1;
    transition: 0.2s;
    border: 0px solid #fff;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chatbot-img {
    width: 100%;
    height: 100%;
    background-size: 40px 40px;
    /*background-image: url(../img/vy-images-v2/Folksy-Icon.svg);*/
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chatbot-status {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
}
.chatbot-img-bg {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 52px;
    overflow: visible;
    background: color-mix(in srgb, #bfcef1, transparent 90%);
}
.chatbot-img-bg:hover {
    background: color-mix(in srgb, #bfcef1, transparent 80%);
}
.chatbot-img img {
    width: 24px;
    height: 24px;
    margin-left: -2px;
    margin-top: -2px;
}
/* Rotating background layer */
/*.chatbot-img-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../img/vy-images-v2/Folksy-Icon-Bg.svg);
    background-size: 44px 44px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    opacity: 0.3;
}*/
.chatbot-img {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/vy-images-v2/ai-chat-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 1px;
    border-radius: 0px;
    margin-top: 3px;
}
.star {
    animation: spinZoomBreak 10s ease-in-out infinite;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}
/* Stop animation on hover */
.star:hover {
    animation-play-state: paused;
    transform: rotate(360deg);
}
@keyframes spinZoomBreak {
    0% {
        transform: rotate(0deg) scale(0.7);
    }
    20% {
        transform: rotate(180deg) scale(0.8);
    }
    40% {
        transform: rotate(360deg) scale(0.9);
    }
    /* Pause / Break */
    40%, 70% {
        transform: rotate(360deg) scale(1);
    }
    100% {
        transform: rotate(720deg) scale(0.8);
    }
}
.Dark-Grey #chatBot h6 {
    color: #143863;
}
.Dark-Cyan #chatBot h6 {
    color: #97DCF3;
}
.Dark #chatBot h6 {
    color: #A6A6BD;
}
.Dark-Green #chatBot h6 {
    color: #BFE8DC;
}
.Dark-Red #chatBot h6 {
    color: #FFCEEB;
}
.Dark-Grey .chatbot-img {
    background: url(../img/vy-images-v2/ai-chat-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.Dark-Cyan .chatbot-img {
    background: url(../img/vy-images-v2/ai-chat-icon-cyan.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.Dark .chatbot-img {
    background: url(../img/vy-images-v2/ai-chat-icon-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.Dark-Green .chatbot-img {
    background: url(../img/vy-images-v2/ai-chat-icon-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.Dark-Red .chatbot-img {
    background: url(../img/vy-images-v2/ai-chat-icon-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/*.Dark-Grey .chatbot-img {
    background: #143863;
}
.Dark-Grey .chatbot-img-bg {
    box-shadow: rgb(20 56 99 / 43%)
}
.Dark-Grey .chatbot-img-bg::before {
    opacity: 0.6;
}
.Dark-Cyan .chatbot-img {
    background: #023650;
}
.Dark-Cyan .chatbot-img-bg {
    box-shadow: rgb(20 56 99 / 43%)
}
.Dark .chatbot-img {
    background: #111111;
}
.Dark .chatbot-img-bg {
    box-shadow: rgb(20 56 99 / 43%)
}
.Dark-Green .chatbot-img {
    background: #0F4A37;
}
.Dark-Green .chatbot-img-bg {
    box-shadow: rgb(20 56 99 / 43%)
}
.Dark-Red .chatbot-img {
    background: #84092D;
}
.Dark-Red .chatbot-img-bg {
    box-shadow: rgb(20 56 99 / 43%)
}*/
.reportfilter-section .collapse-btn i {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reportfilter-section {
    gap: 11px
}
.reportfilter-section .FilterEmp.rpt .dx-icon {
    margin: 0px;
}
.import-toolbar {
    /* width: calc(55% - 25px); */
    margin: 15px auto 0;
    margin-bottom: 12px;
}
#EntityandActionSelector .dx-show-invalid-badge {
    margin-right: 0px !important;
}
/*#EntityandActionSelector .dx-toolbar-label {
    display: none;
}*/
#applyRevision-components .dx-form.dx-widget {
    padding-bottom: 10px;
}
.vy-circle-btn .dx-button-mode-contained .dx-icon {
    font-size: 13px;
    line-height: 18px;
}
#div-RevisionDetails .col-12.Vf-card.approve-salary-revision-card .dx-datagrid .dx-datagrid-rowsview {
    padding: 0px 0px 0px 0px !important;
}
#div-RevisionDetails .col-12.Vf-card.approve-salary-revision-card .dx-datagrid .dx-datagrid-total-footer {
    padding-left: 0px !important;
}
#More-Services .dx-item.dx-list-item {
    float: left;
    display: flex;
    width: 68px;
    height: 50px;
}
#More-Services {
    width: 318px;
}
a.a-link {
    cursor: pointer;
}
.execute-btn .dx-button-content {
    border-style: solid;
    border-width: 1px;
    border-color: var(--secondary-color);
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    background: var(--secondary-color);
    color: #fff;
    padding: 8px 12px;
    width: auto;
}
#ExecuteButton.dx-button-mode-contained.dx-button-default {
    background: none;
}
/*.ReportDiv .execute-section::after {
    content: "";
    width: 1px;
    background: #A3A3A3;
    height: 70%;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
}*/
.filter-toolbar.reporter-filter-toolbar-wrapper .reportCard .dx-field-item-label-text {
    font-weight: 400;
    white-space: nowrap;
}
#Voyon-Reporting-Grids {
    background: #fff;
    padding: 10px 0px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border: 0px;
}
#Voyon-Reporting-Grids .Vy-maintoolbar {
    padding: 5px 10px 10px;
    border-top: 1px solid #E2E2E2;
}
#Move-Left .dx-button-content i, #Move-Right .dx-button-content i {
    color: #A9B7D9;
    width: 23px;
    height: 23px;
    border: 1px solid #A9B7D9;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: safe center;
}
#Move-Left .dx-button-content:hover i, #Move-Right .dx-button-content:hover i {
    background: #A9B7D9;
    color: #fff;
}
#Move-Left.dx-state-hover, #Move-Right.dx-state-hover {
    background: transparent;
}
.dx-toolbar-button .Pageindices a {
    font-weight: 400;
}
.dx-toolbar-button .Pageindices a.active-page, .dx-toolbar-button .Pageindices a:hover {
    color: #333333 !important;
}
.dx-toolbar-button #template {
    display: flex;
    align-items: center;
}
#ReportFilter .dx-item.dx-box-item {
    display: flex !important;
    min-width: auto !important;
    flex: none !important;
    position: relative;
}
#ReportFilter .dx-texteditor.dx-editor-filled {
    width: 270px !important;
}
#ReportFilter .dx-item.dx-box-item:nth-child(2) {
    margin-right: 11px;
}
/*#ReportFilter .dx-item.dx-box-item:nth-child(2)::after {
    position: absolute;
    height: 70%;
    width: 1px;
    background: #A3A3A3;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    content: "";
    border-radius: 3px;
}*/
@media only screen and (max-width: 1520px) {
    #ReportFilter .dx-texteditor.dx-editor-filled {
        width: 210px !important;
    }
}
@media only screen and (max-width: 1480px) {
    #ReportFilter .dx-texteditor.dx-editor-filled {
        width: 200px !important;
    }
}
@media only screen and (max-width: 1450px) {
    #ReportFilter .dx-texteditor.dx-editor-filled {
        width: 180px !important;
    }
}
/* Sidebar Menu */
.left-tabs .dx-list-item {
    border-top: none;
    color: #333;
    overflow: auto;
    /* height: 55px; */
    padding: 4px 0px;
    padding-bottom: 5px;
}
.left-tabs .dx-item .dx-list-item-icon-container {
    width: 62px;
    height: 48px;
    padding: 6px 3px !important;
    margin: 0px 0px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.left-tabs .dx-list-item-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-tabs .dx-item.dx-list-item-selected .dx-list-item-icon-container {
    background-color: var(--white);
    width: 62px;
    height: 48px;
    padding: 8px 3px !important;
    margin: 0px 0px;
    border-radius: 6px;
}
#servicesList{
    width: 70px !important
}
.left-tabs .menu-text {
    font-size: 10px !important;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bfcef1 !important;
    padding-top: 0px
}
.Dark .left-tabs .menu-text, .Dark #More-Services .menu-text {
    color: #BFD4D1 !important;
}
.Dark-Green .left-tabs .menu-text, .Dark-Green #More-Services .menu-text {
    color: #AAE4DC !important;
}
.Dark-Red .left-tabs .menu-text, .Dark-Red #More-Services .menu-text {
    color: #FFD1EF !important;
}
.Dark-Cyan .left-tabs .menu-text, .Dark-Cyan #More-Services .menu-text {
    color: #CFE7FF !important;
}
.Dark-Grey .left-tabs .menu-text, .Dark-Grey #More-Services .menu-text {
    color: #000000 !important;
}
.left-tabs {
    width: 70px !important
}
.dx-state-hover .menu-text, .dx-list-item-selected .menu-text,
.Dark .dx-state-hover .menu-text, .Dark .dx-list-item-selected .menu-text,
.Dark-Green .dx-state-hover .menu-text, .Dark-Green .dx-list-item-selected .menu-text,
.Dark-Red .dx-state-hover .menu-text, .Dark-Red .dx-list-item-selected .menu-text,
.Dark-Cyan .dx-state-hover .menu-text, .Dark-Cyan .dx-list-item-selected .menu-text, #More-Services .dx-state-hover .menu-text {
    color: var(--primary-color) !important;
}
.Dark-Grey #More-Services .dx-state-hover .menu-text {
    color: #000000 !important;
}
.left-tabs .dx-item:hover .dx-list-item-icon-container {
    /* background: color-mix(in srgb, #fff, transparent 90%); */
    background: #fff;
}
.full-view-card {
    /*background: rgba(238, 242, 247, 1) !important;*/
    padding: 26px 30px;
    margin: 18px;
    border-radius: 0px;
    height: calc(95vh - 38px);
    margin-top: 0px;
    overflow: hidden;
    overflow-y: hidden;
    margin-right: 0px;
    padding-bottom: 22px;
    padding-top: 22px;
    border-radius: 7px;
    height: calc(100dvh - 150px) !important;
    /*box-shadow: 0px 1px 4px 0px #373B6617;*/
}
.full-view-card {
    overflow-y: auto;
}
.full-view {
    right: 0%;
    transition: 0.5s ease;
    transform: scale(1);
    opacity: 1;
    z-index: 19;
    padding-left: 76px;
    height: 100%;
    padding-top: 45px;
    margin-top: 15px;
    margin-right: 12px;
    display: block;
}
.full-view .vy-fullview-title {
    background: #fff;
    margin-left: 16px;
    margin-top: 12px;
}
#employeeAddEditDiv .vy-fullview-title {
    margin-left: 0px;
    padding: 10px;
    margin-top: 0;
}
.back-btn {
    background: var(--secondary-btn);
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.back-btn-img {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/left-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
}
.full-view-card-header {
    background: #fff;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 6px;
    padding: 10px 11px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 15px;
}
.full-view-card-header .vy-fullview-title {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin: 0;
}
.full-view-card-header-left, .full-view-card-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}
.full-view-card-header-left .card-select-emp {
    width: 320px;
    padding-bottom: 0px;
    padding-left: 70px;
}
.full-view-card-header-left .dx-texteditor.dx-state-readonly.dx-editor-filled {
    background: transparent;
    border: 1px solid #A7B3C7;
    border-radius: 5px;
}
#finalSettlementApproval, #btnSave {
    color: #fff;
    background: var(--secondary-color);
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    padding: 7px 10px !important;
}
#content-area-process-payroll-inner .dx-icon-pay-slip {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/payslip-icon-dark.svg) !important;
}
#content-area-process-payroll-inner .dx-icon-register-payroll {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/payslip-register-icon-dark.svg) !important;
}
.final-settlement-fulview .card-select-emp {
    padding-bottom: 0px;
    margin-left: 40px;
}
.full-view-card-header-right .dx-button-content i {
    display: none;
}
.full-view-card-header-right .popup-close-btn {
    position: relative !important;
    margin: 0;
    color: #222222;
    background: #DAE5EA;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    /*padding: 0 16px;*/
    height: 35px;
    border-radius: 4px;
    border: 0px solid;
    display: flex;
    align-items: center;
}
.full-view-card-header-right .sum-btns {
    margin-right: 0px;
}
.full-view-card-header-right .dx-button .dx-button-content {
    line-height: auto;
}
.final-settlement-card {
    background: #fff;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 6px;
    padding: 24px 29px;
    display: flex;
    align-items: center;
    gap: 33px;
    justify-content: space-between;
    margin-bottom: 15px;
    min-height: 140px;
}
.Gratuity-calc .fandf-toolbar.filter-toolbar {
    background: #fff;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 6px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 15px;
    border: 0px;
    min-height: 140px;
}
.final-settlement-card .F-emp-image-pro img {
    height: 78px;
    width: 78px;
    border-radius: 80px;
    position: relative;
}
.final-settlement-card .status-active {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #15D76D;
    border: 3px solid #fff;
    border-radius: 14px;
    right: 8px;
    bottom: 2px;
}
.final-settlement-card .F-emp-image-pro {
    width: auto;
    position: relative;
    margin-bottom: 8px;
}
.final-settlement-profile .F-emp-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 4px;
}
.final-settlement-profile span.F-bu {
    display: block;
    background: #DFF2FF;
    width: fit-content;
    padding: 5px 7px;
    border-radius: 5px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 13px;
    color: #222222;
}
.final-settlement-profile .F-dep {
    color: var(--secondary-color);
    font-weight: 400;
}
.final-settlement-profile .F-designation {
    margin-right: 5px;
    font-size: 13px;
    padding-right: 5px;
    border-right: 2px solid #555555;
}
.final-settlement-card .jm-label, .grativityRuleForm .dx-field-item-label-text {
    color: #333333;
    font-size: 13px;
}
.final-settlement-card .jm-data, .grativityRuleForm input {
    font-weight: 500;
    font-size: 13px;
    color: #000;
    padding: 0;
    border: 0px;
    display: block;
}
.dx-form-group-caption {
    font-weight: 400;
    font-size: 13px;
    color: #000;
}
.final-settlement-fulview .dx-form-group-caption {
    font-weight: 700;
    font-size: 13px;
    color: #000;
}
.grativityRuleForm .dx-texteditor.dx-editor-filled {
    border: 0px;
    border-radius: 0px;
}
#grativityRuleForm {
    margin-top: 0px !important;
}
.info-formula {
    padding: 24px;
    background: #F3FEFF;
    border-radius: 6px;
    text-align: right;
    min-height: 140px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    display: flex;
    align-items: center;
    gap: 25px;
    border: 0px;
}
#GratuityFormulaDiv .info-image {
    width: 62px;
    height: 62px;
    background-size: 62px 62px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/info-icon.svg);
    background-repeat: no-repeat;
    position: relative;
}
.info-formula .formula-title {
    text-align: start;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 2px;
    color: #000;
}
.info-formula .formula-desc {
    color: #333333;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    text-align: start;
}
.F-tile {
    width: auto;
    margin-right: 20px;
}
.total-settlement-title {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    border-bottom: 1px solid #81839F54
}
.set-amount {
    margin-left: 0px;
    margin-bottom: 0px;
    background: #FFFCEC;
    padding: 24px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    border: 0px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    -webkit-box-shadow: 0px 1px 4px 0px #373B6617;
    -moz-box-shadow: 0px 1px 4px 0px #373B6617;
}
.f-b-amount {
    font-weight: 500;
    font-size: 13px;
    color: #000000;
}
.total-settlement-card-yellow-top {
    padding: 18px 24px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6B81154;
    justify-content: space-between;
}
.final-settlement-fulview a.a-link {
    color: #000 !important;
}
.final-settlement-fulview .dx-datagrid-header-panel {
    border-bottom: 0px !important;
}
.total-settlement-card-yellow-bottom {
    padding: 12px 24px;
}
.f-settle-amount.f-b-amount {
    color: #DD7200;
    font-size: 14px;
}
.total-settlement-card-yellow-bottom .Vf-accordion-title::after {
    content: ":";
    margin-right: 4px;
}
.TargetGrid .dx-datagrid-rowsview {
    padding: 0px !important;
}
#gridPayrollComponentsCompare .payrollTabToolbar.Voyon-Grids .dx-datagrid-headers .dx-datagrid-content.dx-datagrid-content-fixed {
    padding: 0 0 0 0 !important;
}
#btnSave .dx-button-content {
    padding: 0 !important;
}
.btn-group-leave {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-link.custom-btns, #Benefit-FinalSettlement-VoyonGrids .dx-link.custom-btns{
    top: -4px;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-link.custom-btns {
    top: -2px;
}
.jd-id-name-title {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    line-height: 18px;
}
.jd-id-name-sub-title .jb-id {
    color: #437286 !important;
}
.jd-id-name.jd-id-name-sub-title {
    line-height: 18px;
}
.jobopeningApplied span#jobStatus {
    font-size: 10px;
}
.prog-infos-count {
    font-weight: 600;
    font-size: 10px;
}
#shortlisted-percentage {
    background: #48A9FF;
}
#interview-percentage {
    background: #FFC83E;
}
#selected-percentage {
    background: #77C065;
}
#rejected-percentage {
    background: #D9534F;
}
.cd-search-jobopening .dx-form-group-with-caption.dx-form-group, #jobOpening_attachments {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}
.cd-search-jobopening .dx-form-group-caption {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}
#TalentAcquisition-AppliedCandidatesView-VoyonGrids {
    height: 66vh !important;
    width: auto !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-state-hover .dx-button-content,
#LeaveManagement-LeaveRequest-VoyonGrids .dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-button-mode-contained.dx-state-hover {
    background-color: var(--sub-menu) !important;
    border-radius: 6px;
}
#LeaveManagement-LeaveRequest-VoyonGrids .dx-command-edit .dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
    border-radius: 0px;
}
div#btnCancel, #btnSave, .dx-button-mode-contained.dx-button-default {
    width: fit-content !important;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
}
#Verify-User-Form #UserVerifyButton {
    height: 38px;
    width: 100% !important;
    border: none;
}
div#btnCancel:hover {
    background: color-mix(in srgb, #DAE5EA, #000 10%) !important;
    color: #000 !important;
}
.dx-button-mode-contained.dx-button-default {
    background-color: var(--secondary-color);
}
.demo-container.attendance-container {
    background-color: var(--white);
    padding: 10px;
    margin-bottom: 10px;
    border-radius: var(--border-radius);
}
.attendance-container .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important
}
#gridReguralizationPopup .duraction-att {
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
}
#gridReguralizationPopup .duraction-att span {
    text-align: left;
    font-weight: 200;
    font-size: 13px;
    color: #000;
}
.btn-group-leave::before {
    content: "";
    position: absolute;
    left: -10px;
    height: 80%;
    width: 1px;
    border-radius: 1px;
    background: #A3A3A3;
}
#leaveRequestButtonGroup .dx-button-content {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    border-radius: 5px;
    height: 30px;
    padding: 0px 10px;
    margin-right: 0px;
}
.nav-right .list-icos-random{
    height: 42px;
    padding: 0px 0;
    display: flex;
    align-items: center;
    gap: 18px
}
.list-icos-random-secondary-btn-list .top-icons-list {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
#gratuityRequired {
    position: relative;
    left: -16px;
}
.Gratuity-calc .dx-switch-on {
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
}
.Gratuity-calc .dx-switch-off {
    font-size: 12px;
    text-align: right;
    padding-right: 13px;
}
.final-settlement-fulview .dx-icon.dx-icon-refresh {
    width: 30px;
    height: 30px;
    background-color: var(--secondary-btn);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 6px;
    line-height: 22px;
    margin-right: 5px;
    color: #fff !important;
}
.final-settlement-fulview  .dx-button-content {
    padding: 0px !important
}
.notification-number {
    position: absolute;
    background: #D52729;
    width: auto;
    width: 8px;
    height: 8px;
    border-radius: 7px;
    font-size: 0;
    text-align: center;
    color: #fff;
    padding: 0px;
    border: 1px solid #fff;
    right: 1px;
    top: 1px;
}
.notification-number.notification-number-notification {
    right: 2.4px;
    top: 2px;
}
.notification-number.notification-number-task {
    right: 1.3px;
    top: 1px;
}
.customer-logo {
    display: inline-block;
    margin-left: 50px;
    overflow: hidden;
    background: #fff;
    padding-right: 10px;
    order: 1;
}
.customer-logo img {
    min-width: 36px;
    border-radius: 0px;
    max-width: 100px;
    max-height: 38px;
}
.customer-logo:after {
    content: '';
    height: 23px;
    width: 1px;
    background: #ADADAD;
    position: absolute;
    margin-top: 8px;
    margin-left: 15px;
    border-radius: 6px
}
.navCname{
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #555555;
    font-weight: 400;
}
.user-profile {
    text-align: right;
    width: auto;
    float: right;
    padding: 0px;
    order: 2;
    display: flex;
    align-items: center;
}
.user-avatar {
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 36px;
    float: right;
    margin: 2px 12px;
    margin-right: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    overflow: hidden;
    border: 0px solid var(--primary-color);
}
.user-profile p {
    font-size: 13px;
    margin: 0;
    font-weight: var(--font-medium);
    float: left;
    line-height: 32px;
    text-transform: capitalize;
    padding-bottom: 0px;
    color: #000;
}
.top-nav .user-profile p {
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flow;
}
img.icoz-microphone {
    position: absolute;
    right: 6px;
    top: 0px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    display: none;
}
.profile-tittles {
    display: flex;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding-bottom: 25px;
    margin-bottom: 16px
}
.profile-actions {
    padding: 0px;
    font-size: 14px;
    color: #626262;
}
.user-logout {
    padding: 0px;
    font-size: 13px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    margin-top: 50px
}
.theme-border {
    margin-left: 6px;
}
.c-theme {
    width: 16px;
    height: 16px;
}
.Tt-head::after{
    content: ":";
    font-size: 13px;
    position: relative;
}
.user-profile-dropdown {
    display: none;
    width: 330px;
    position: absolute;
    right: 13px;
    top: 50px;
    z-index: 50;
    background-color: rgb(255, 255, 255);
    box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    -webkit-box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    -moz-box-shadow: -1px 3px 10px 10px rgb(0 0 0 / 6%), 0 4.5px 12px rgb(0 0 0 / 12%);
    border-radius: 8px;
    padding: 15px 19px 20px 19px;
}
#MultiLingualSelect .dx-dropdowneditor-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -10px;
    top: 19px;
    transform: translateY(-50%);
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-bottom-icon-black.svg);
    background-size: contain; /* Scale image */
    background-repeat: no-repeat;
}
.color-preference {
    margin-bottom: 24px;
}
#CompanyNameToolTip .dx-dropdowneditor-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    left: 4px;
    top: 6px;
    transform: translateY(-50%);
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-bottom-icon-black.svg);
    background-size: contain; /* Scale image */
    background-repeat: no-repeat;
}
.infos-employee::before {
    width: 1px;
    content: "";
    height: 150%;
    background: #DFDFDF;
    position: absolute;
    left: 0%;
    top: 0px;
}
.pro-left .pro-img {
    width: 64px;
    height: 64px;
    margin-right: 14px;
}
.Employee-search-container .pro-img .employee-shortname {
    width: 64px;
    height: 64px;
    padding: 16px 0;
}
.Employee-search-container .pro-left {
    display: flex;
}
.pro-left .pro-name {
    font-weight: 600;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
}
.Employee-search-container .pro-code {
    font-size: 13px;
    font-weight: 500;
    color: var(--secondary-color);
    line-height: 14px;
    margin: 0px 0px 5px 0px;
}
.Employee-search-container .designation b {
    font-size: 13px;
    font-weight: 400;
    color: #222222;
    margin: 0px 0px 5px 0px;
}
.infos-employee{
    position: relative;
}
.Employee-search-container {
    width: 100%;
    padding: 0px !important;
    overflow: hidden;
}
.infos-employee {
    width: 56%;
    padding-left: 30px;
}
.goto-profile button {
    background: var(--primary-color);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 16px;
    position: absolute;
    top: -90px;
    right: 0px;
    width: 30px;
    display: flex;
    justify-content: center;
}
.Employee-search-container #Employee-Search-List.dx-list {
    padding: 0px 12px;
    width: 332px;
    padding-right: 0px;
    padding-top: 5px;
    height: 328px !important;
}
#Employee-Info-Card.infos-employee {
    padding: 20px;
    border-radius: 0px
}
.Employee-search-container .designation{
    margin-bottom: 9px
}
.Employee-search-container .designation.bu b {
    background: var(--secondary-btn);
    color: #222222;
    padding: 5px 7px;
    border-radius: 5px;
    padding-top: 3px;
}
.contact-pro {
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--secondary-color), transparent 70%);
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.contact-pro .item {
    display: flex;
    align-items: center;
}
.contact-pro .item i {
    color: var(--secondary-color);
    margin-right: 12px;
    font-size: 13px;
}
.contact-pro .item .text {
    color: var(--secondary-color);
    font-size: 13px;
}
#Employee-Info-Card .btn-section {
    position: absolute;
    right: 0px;
    top: 0px;
}
.goto-profiles .goto-profile-btn {
    border: none;
    background: var(--secondary-color);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.Employee-search-container .details {
    padding: 0px;
    color: #000000;
    font-size: 13px;
    font-family: var(--main-font);
    margin-bottom: 0;
}
.Employee-search-container .details li {
    margin-bottom: 0;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
}
.Grid-Section .vy-text-avatar {
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    padding: 5px 0;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    font-size: 10px;
}
.Employee-search-container .details li label {
    width: 148px;
    font-weight: 400;
    color: #333333
}
#Employee-Search-List .dx-list-item-content::before {
    width: auto;
}
#Employee-Search-Div .vy-text-avatar {
    margin-right: 10px;
}
#Employee-Search-Div .firstrow .vy-employee-code,
.Employee-Team-Div .firstrow .vy-employee-code {
    display: inline-block;
    margin-top: 0px;
    font-weight: 500;
    min-width: 300px;
    max-width: 300px;
    color: var(--secondary-color)
}
.onb-task-btn {
    float: right;
    padding: 5px 10px;
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    min-width: 86px;
    margin-right: 0px;
    height: 30px;
}
.onb-task-btn:hover{
    background:  color-mix(in srgb, var(--secondary-color), #000 10%);
}
.employeepreview-css .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
    min-width: 165px;
}
.employee-name-title {
    font-weight: 600;
    font-size: 14px;
}
.Employee-search-container.width-small #Employee-Info-Card {
    display: none !important;
}
#Employee-Search-List-Container {
    width: 338px;
    float: left;
    overflow: hidden
}
#employeeViewDiv .grid-card.collapsed .emp-grid-title,
#employeeViewDiv .form-card.collapsed .emp-grid-title {
    margin-bottom: 0px;
}
#employeeViewDiv .grid-card .emp-grid-title,
#employeeViewDiv .form-card .emp-grid-title {
    margin-bottom: 10px;
}
#Employee-Search-Summary{
    color: #555555;
    padding: 8px 0 0 25px;
    padding-bottom: 0px;
}
.notif-title {
    color: #000;
    padding-bottom: 0px;
    font-weight: 500;
}
#Employee-Search-List-Container a{
    text-align: center
}
#Employee-Search-List-Container a.see-all-employee {
    text-align: center;
    width: 320px;
    display: block;
    color: var(--secondary-color) !important;
    position: fixed;
    bottom: 12px;
}
.dashboard-dropdown .dx-list-group-header {
    font-weight: 500;
    padding: 0px;
    border-top: 0px solid #ddd;
    background: rgba(230,230,230,.05);
    color: #000;
    font-size: 12px;
    margin-top: 5px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #DFDFDF;
    margin: 12px;
    margin-top: 6px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.dashboard-dropdown-footer .Vf-btn-default.dx-button-mode-contained.dx-button-default{
    background-color: transparent;
}
.dashboard-dropdown-footer .dx-icon {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px;
}
.notif-pulldown .title-section a {
    color: #222 !important;
    font-weight: 400 !important;
}
.notif-pulldown.task .dx-list-item {
    margin-bottom: 10px
}
/*.notif-pulldown.task .dx-list-group.group-collapsed {
    margin-bottom: 10px;
}*/
.drop-footer-btn .dx-button-content i{
    position: relative;
    display: flex;
    align-items: center
}
.drop-footer-btn .dx-icon-refresh::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/refresh.svg');
    background-size: contain; /* Scale image */
    background-repeat: no-repeat;
}
.drop-footer-btn .dx-icon-fullscreen::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/full-screen.svg');
    background-size: contain; /* Scale image */
    background-repeat: no-repeat;
}
#employeeInfoTab .dx-tabpanel-tabs {
    border-bottom: 0px;
    width: 94%;
}
.employeepreview-css .preview-sub-card .dx-datagrid-headers,
.employeepreview-css .preview-sub-card .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
#employeeViewDiv .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 5px 15px 5px 0px !important;
    padding-left: 8px !important;
}
#employeeInfoTab .dx-multiview-item {
    overflow: visible
}
li.submenu-list-item.sub-head.serviceSelected ul,
li.submenu-list-item.sub-head ul {
    padding-left: 28px !important;
}
.employeepreview-css .tab-title:has(.preview-btns-group) {
    position: absolute;
    right: -25px;
    top: -52px;
    z-index: 999;
}
#employeeInfoTab .dx-multiview-item {
    transform: none !important;
    transition: none !important;
}
#employeeInfoTab .dx-tabs-nav-button.dx-tabs-nav-button-left.dx-state-disabled, #employeeInfoTab .dx-tabs-nav-button.dx-tabs-nav-button-right.dx-state-disabled {
    display: none;
}
#salaryDetailsDiv .ad-card {
    margin: 5px;
    padding: 16px 16px;
}
#salaryDetailsDiv .ad-item:last-child label {
    margin-bottom: 0px
}
.employeeFullView .vy-view-content .dx-form-group-caption {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #010101;
}
#personalDetailsTab-PersonalDetails-section-edit .dx-button-mode-contained.dx-button-default {
    background: #fff !important;
    width: fit-content;
    border-radius: 30px !important;
    left: 72px;
    top: -30px;
}
.employeeCard .dx-form-group-content {
    padding-bottom: 0px !important;
}
.dx-datagrid-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-treelist-rowsview .dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    color: #555555 !important;
}
.AddEmlpoyee-css .noShadow .Voyon-ChildGrids-Title {
    font-size: 14px;
    padding-left: 15px;
    color: #989da8;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    background: transparent;
    color: var(--black);
    width: 50%;
    padding: 0;
    top: 14px;
}
.employeeCard.familyDetails .Vf-toolbar-batch {
    padding: 12px 0 0 0px !important;
}
.report-main-parent.height-by-css #reportViewer {
    height: calc(100vh - 186pt) !important;
    margin-top: 0px;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item,
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item-zoom,
.dxrd-preview.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-preview-pager.dxrd-toolbar-item {
    padding: 8px 4px;
}
.dxrd-designer-wrapper .dx-shadow-top {
    box-shadow: none;
    border-top: 0px solid #c5c5c5;
    border-bottom: 0px solid #c5c5c5;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-separator {
    top: 2px;
}
.dxrd-preview.dxrd-designer-wrapper .dxrd-toolbar-wrapper,
.dxrd-preview.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar {
    height: 42px;
    display: flex;
    align-items: center;
}
.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper {
    position: absolute;
    top: 50px !important;
}
.dxrd-preview.dxrd-designer-wrapper .dxrd-tab-panel-wrapper {
    margin-top: 50px;
    border-radius: 6px;
    overflow: hidden;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-separator {
    height: 48px;
}
.dx-designer-viewport .dxd-border-secondary {
    border-color: #dbe0e8;
}
.AddEmlpoyee-css .noShadow .dx-icon-edit-button-addrow, .AddEmlpoyee-css .vy-btnsStyle .dx-icon-edit-button-addrow {
    background: var(--secondary-btn);
    padding: 3px !important;
    border-radius: 4px;
    font-size: 15px !important;
    line-height: 24px !important;
    width: 30px !important;
    height: 30px !important;
    background-position: 0 0;
    background-size: 30px 30px !important;
    /* margin-top: -3px; */
    color: #333333;
    box-shadow: none;
}
.AddEmlpoyee-css .vy-accordian2.opened .empBenefit-title {
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: var(--black);
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: 0px;
    width: fit-content;
}
.vy-edit-btn {
    float: right;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 6px;
    padding: 7px 0;
    text-align: center;
    background: var(--secondary-btn);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 0px;
    box-shadow: none !important;
}
.vy-delete-btn {
    float: right;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 6px;
    padding: 7px 0;
    text-align: center;
    background: var(--secondary-btn);
    color: #D52729;
    font-size: 14px;
    cursor: pointer;
    border: 0px;
    box-shadow: none !important;
}
.vy-delete-btn .dx-icon{
    color: #D52729;
}
.vy-edit-btn:hover {
    background: color-mix(in srgb, var(--secondary-btn), #000 3%) !important;
    box-shadow: none !important;
}
.vy-delete-btn:hover {
    background: color-mix(in srgb, #D52729, transparent 86%) !important;
}

/*Forgot Password Start*/
.ForgotPasswordBg {
    background-color: #FAFAFA;
    /*background-image: url(../../img/vy-images-v2/Login-Bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom;
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ForgotPasswordBg .Voyon-Login{
    width: 900px
}
img.login-background-employees {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -110px;
    width: 80%;
    margin: auto;
}
img.background-buildings {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    margin: auto;
    width: 100%;
}
.Voyon-Login {
    width: 913px;
    text-align: center;
    background: linear-gradient(0deg, #ffffffe0, #ffffff);
    padding: 50px;
    border-radius: 9px;
    opacity: 0.95;
    animation: fadeInUp 1s forwards 0s ease;
    box-shadow: 0px 8px 19px 0px #959DA533;
    margin: 0px;
    margin-bottom: 100px;
}
.Lg-logosection{
    position: relative
}
.verify-code .title-head p {
    font-size: 13px;
    color: #212529;
    margin-bottom: 25px;
}
.ForgotPasswordBg .Voyon-Login .LgCard, .ForgotPasswordBg .verify-code input {
    background: #F1F2F4;
    -webkit-box-shadow: none;
}
.Voyon-Login.verify-code .dx-button-content {
    border: none;
    border-radius: 4px;
    background-color: #05A5F0;
    padding: 7px 18px 8px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    height: 38px;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    color: #fff;
}
.Voyon-Login.verify-code .dx-button-content:hover {
    border: none !important;
    background-color: #05A5F0;
}
.login-company-logo-section img {
    height: 100px;
    width: auto;
    max-width: 280px;
    object-fit: contain;
}
.slider {
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    min-height: 80px;
}
.lg-form-title, .reset-password-card {
    text-align: left !important;
}
.webApp-version {
    display: flex;
    margin-top: 5px;
    padding-top: 15px;
    font-size: 13px;
    font-weight: 400;
    opacity: 1;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: #fff;
    color: #6D778B;
    pointer-events: none;
    justify-content: flex-start;
}
.login-bg.ForgotPasswordBg h5, .Voyon-Login .dx-form-group-caption {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem;
    color: #000;
    line-height: 22px;
}
.Voyon-Login .dx-textbox.dx-state-hover, .Voyon-Login .dx-textbox.dx-state-focused {
    border: 0px solid !important;
    background: transparent !important;
}
.LgCard .dx-button-mode-contained.dx-button-default {
    background-color: transparent;
}
.ForgotPasswordBg .Voyon-Login .LgCard, .ForgotPasswordBg .verify-code input {
    display: block;
    width: 100%;
    font-size: 14px;
    border: none;
    outline: none;
    font-weight: 500;
    color: #333;
    background-color: #F1F2F4 !important;
    background: #F1F2F4 !important;
    padding: 10px 15px;
    margin-bottom: 0px;
    border-radius: 5px;
    line-height: 0px;
    letter-spacing: 0.6px;
}
.ForgotPasswordBg .Voyon-Login .LgCard {
    margin-bottom: 14px;
    width: fit-content;
}
.ForgotPasswordBg .Voyon-Login .LgCard.username-email {
    width: 100%;
}
.ForgotPasswordBg .Lg-mask-row{
    display: flex;
}
.ForgotPasswordBg .dx-placeholder:before {
    padding: 9px 0px 8px;
}
/*Forgot Password End*/
.import-info {
    color: #000;
}
.temp-img i {
    color: var(--secondary-color);
}
.import-pop {
    background: #FAFDFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
#helpdrawer .dx-drawer-content {
    background: #FAFDFF;
}
.buttons-section-em-import {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.placeholder-button-import {
    background: #DAE5EA;
    border: 0px dashed #b5bfed;
    height: 34px;
    color: #222222;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
    padding: 2px 12px;
    display: flex;
    align-items: center;
    margin-top: 32px;
}
.file-uploader-transparent {
    position: relative;
    opacity: 0;
    /* top: -34px; */
    cursor: pointer;
    left: -160px;
    width: 156px;
}
.buttons-section-em-import form{
    width: 158px;
}
#CustomFormContainerSystemSettings-Company-EmployeeSettings-VoyonForms,
#employeeIdSeriesDiv, #probationSettingsDiv, .gender-wise-age-setting-card {
    padding: 20px 111px
}
.CompanyCircular_Section .dx-tabpanel-tabs,
.Organization_Announcement_Section .dx-tabpanel-tabs,
.Organization_Event_Section .dx-tabpanel-tabs,
.Organization_CompanyPolicy_Section .dx-tabpanel-tabs {
    padding-bottom: 10px !important;
    padding-top: 0px !important;
}
.Organization_Event_Section .vy-fullview-title {
    border-radius: 0px;
}
.Organization_Event_Section .vy-fullview-title {
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 1px;
}
.dx-tag-remove-button:after, .dx-tag-remove-button:before {
    background: var(--secondary-btn);
}
.CompanyCircular_Section .Vf-tabs-default .Voyon-Forms {
    margin: 12px 0px;
    margin-bottom: 0px;
}
.informer {
    height: 40px;
    width: 250px;
    text-align: center;
    display: flex;
    align-items: center;
}
.file-upload-toolbar {
    margin-top: 14px !important;
}
.file-upload-toolbar.informer {
    margin-top: 0px !important;
}
.Voyon-FileUploader .informer h3 {
    margin-bottom: 0px !important;
}
.FU-flex.file-name div {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline;
    vertical-align: middle;
    font-weight: 400;
    line-height: 24px;
}
.Organization_Event_Section .vy-fullview-title {
    margin-left: 0px;
    padding-left: 0px;
}
.full-view-card.CompanyCircular_Section .dx-textarea .dx-texteditor-input, .full-view-card.Organization_Announcement_Section .dx-textarea .dx-texteditor-input, .full-view-card.Organization_Event_Section .dx-textarea .dx-texteditor-input, .full-view-card.Organization_CompanyPolicy_Section .dx-textarea .dx-texteditor-input {
    height: 31px;
    min-height: 31px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.holiday-calendar-header-toolbar {
    background-color: #fff !important;
    padding: 8px 10px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.holiday-calendar-header-toolbar input {
    color: #222;
    font-size: 14px;
    text-transform: capitalize;
}
.holiday-calendar-header-toolbar .popup-close-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.holiday-calendar-header-toolbar .popup-close-btn:hover {
    background: color-mix(in srgb, #E90F0F, transparent 90%);
    color: #E90F0F;
    cursor: pointer;
}
.holiday-calendar-header-toolbar .popup-close-btn .dx-button-content{
    display: none;
}
.calendars-toolbar img {
    width: 32px !important;
    height: 32px !important;
    object-fit: cover
}
.holiday-calendar-header-toolbar .dx-scrollview-content .custom-item img{
    width: auto !important;
    height: 20px !important;
}
#calendarDetails .c-accordian .actions {
    justify-content: flex-end;
}
#calendarDetails .c-accordian {
    margin-bottom: 12px;
}
.c-accordian.collapsed .collapse-arrow {
    transform: rotate(0deg);
}
.actions div.collapse-arrow {
    margin-left: 16px;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    display: flex;
    align-items: center;
    justify-content: center;
}
.actions div {
    padding-left: 12px;
    color: #707070;
}
.fixed-row .year {
    font-size: 14px;
    color: #134763;
    font-weight: 900;
    background: #E6F4FF;
    padding: 7px 10px;
    border-radius: 4px;
    margin-right: 13px;
    letter-spacing: 1px;
}
.holiday-flex-detail {
    display: flex;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid var(--collapse-btn);
}
.holiday-flex-detail .list-item {
    font-size: 12px;
    background: var(--secondary-btn);
    border-radius: 4px;
    padding: 4px 10px;
    color: #134763;
    font-family: var(--main-font);
    line-height: 20px;
    /* vertical-align: middle; */
    margin-right: 8px;
    margin-bottom: 8px;
    font-weight: 200
}
.list-item .H-dayname {
    font-weight: 400;
    vertical-align: middle;
}
.list-item .h-daydate {
    vertical-align: middle;
    font-weight: 500;
}
.organizational-hierarchy-header {
    background-color: #fff !important;
    padding: 7px 8px 7px 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.execute-section {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 12px;
}
#Organization-OrganizationChart-voyonOrgChart {
    padding: 10px 5px 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    border: 0px;
    position: relative;
    height: calc(100dvh - 290px) !important;
    min-height: calc(100dvh - 290px) !important;
    overflow: auto;
}
#ReportingHrirarchy-voyonOrgChart {
    height: calc(100dvh - 416px) !important;
    min-height: calc(100dvh - 416px) !important;
    overflow: auto;
}
#CustomFormContainerOrganization-GreetingsManagement-VoyonForms {
    background: #fff;
}
.row.custom-dx-grid.employee-filter-grid .dx-pager .dx-page-sizes {
    margin-left: 216px;
}
.more-li {
    padding: 4px 6px;
    border: 1px solid #BDDEF9;
    background: #BDDEF9;
    color: #222222;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 5px;
    font-size: 10px;
}
.vy-employee-name {
    color: var(--black) !important;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.2px;
}
.onb-leg .round {
    display: table-cell;
    min-width: 28px;
    height: 28px;
    background: #26D598;
    text-align: center;
    vertical-align: middle;
    border-radius: 30px;
    z-index: 2;
    position: relative;
    right: -17px;
    font-weight: 500;
    color: #fff;
    font-size: 11px;
    padding: 5px 9px;
}
.onb-leg.r6 .round {
    background: #526C86;
}
.onb-leg.r5 .round {
    background: #e56262;
}
.onb-leg.r4 .round {
    background: #ab7bd3;
}
.onb-leg.r3 .round {
    background: #f8c64e;
}
.onb-leg.r2 .round {
    background: #4ea2f8;
}
.onb-leg.r1 .round {
    background: #2cc06e;
}
.onb-leg.r1 {
    padding-right: 15px;
    margin-right: 10px;
}
.onb-leg .name-line {
    display: table-cell;
    padding: 4px 15px;
    padding-left: 25px;
    background: var(--toolbar-color);
    border-radius: 6px 20px 20px 6px;
    height: 28px;
    vertical-align: middle;
    color: #333  !important;
}
.onb-leg.r6 .name-line {
    background: color-mix(in srgb, #526C86, transparent 75%);
}
.onb-leg.r5 .name-line {
    background: color-mix(in srgb, #e56262, transparent 75%);
}
.onb-leg.r4 .name-line {
    background: color-mix(in srgb, #ab7bd3, transparent 75%);
}
.onb-leg.r3 .name-line {
    background: color-mix(in srgb, #f8c64e, transparent 75%);
}
.onb-leg.r2 .name-line {
    background: color-mix(in srgb, #4ea2f8, transparent 75%);
}
.onb-leg.r1 .name-line {
    background: color-mix(in srgb, #2cc06e, transparent 75%);
}
.onb-leg.selected .name-line {
    font-weight: 600;
    box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
#EmployeeLeaveSummaryPreview-VoyonGrids tr, #EmployeeHistoryPreview-VoyonGrids tr {
    height: 38px;
}
#autoCreateProfileButtonContainer .dx-button-content {
    background: linear-gradient(45deg, #4796E340, #9177C740, #CA667340);
    background-size: 100% 100%;
    gap: 4px;
    transition: all 0.3s ease;
    padding: 5px 8px;
    border-radius: 5px;
}
#autoCreateProfileButtonContainer .dx-button-content:hover .dx-button-text{
    color: #fff;
}
#autoCreateProfileButtonContainer .dx-icon {
    transition: all 0.3s ease;
}
#autoCreateProfileButtonContainer .dx-button-content:hover .dx-icon {
    filter: brightness(0) invert(1);
    animation: starSparkle 0.6s ease;
}
@keyframes starSparkle {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.3);
        opacity: 0.8;
    }
    50% {
        transform: scale(0.95);
        text-shadow: 0 0 8px rgba(255,255,255,0.8);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
#autoCreateProfileButtonContainer .dx-button-content:hover {
    animation: moveGradient 2s linear infinite;
    background: linear-gradient(90deg, #4796E3, #9177C7, #CA6673);
    box-shadow:
        0 0 10px rgba(71, 150, 227, 0.4),
        0 0 20px rgba(145, 119, 199, 0.35),
        0 0 30px rgba(202, 102, 115, 0.25);
    transition: all 0.3s ease;
    background-size: 200% 200%;
    color: #fff;
}
@keyframes moveGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.right-info .employee-code {
    padding: 3px 8px;
    font-size: 13px;
    background: var(--secondary-btn);
    border-radius: 3px;
    margin: 2px 0px;
    display: inline-block;
    font-weight: 400;
}
.right-info .employee-code .code {
    font-size: 12px;
    font-weight: 400;
    color: var(--primary-color);
    filter: contrast(144%);
    overflow: hidden;
    /*max-width: 174px;*/
    line-height: normal;
    display: block;
    margin-bottom: 0;
}
.Hcalendar-card button.menu-btn {
    border: 0px;
    background: transparent;
    padding: 0px;
    margin-top: -1px;
}
.Hcalendar-card .menu-list {
    margin: 0px;
    margin-top: 10px;
}
.Hcalendar-card .menu-list .action.trash {
    margin-left: 14px;
}
#tileViewCalendar .dx-tile {
    margin-bottom: 12px;
}
#tileViewCalendar .dx-scrollable-content {
    padding: 0px 4px;
}
#autoCreateProfileButtonContainer .dx-icon {
    margin-right: 0px !important;
    margin: 0px !important;
}
.dx-overlay-content {
    display: inline-table;
}
.employee-popup-content,
.employee-popup-content .employee-info-xs{
    width: 100%;
}
.permission-block .middle-btn-group .dx-button-mode-contained {
    background-color: #CDDDE9 !important;
    max-width: fit-content !important;
    min-width: fit-content !important;
    border: 0px;
}
.permission-block .middle-btn-group .dx-button-mode-contained.perm-btn.active {
    background-color: #000 !important;
    color: #fff;
}
.employee-popup-content .xs-info{
    padding: 14px;
    padding-bottom: 14px;
}
.employee-popup-content .xs-info .left-avatar {
    padding: 0px;
}
.employee-popup-content .xs-employee-avatar {
    margin-left: 0px;
}
.employee-popup-header-section{
    display: flex;
    gap: 14px;
    margin-bottom: 15px;
}
.employee-popup-header-section .xs-employee-avatar,
.employee-popup-header-section .user-avatar.employee-infos{
    margin-left: 0px;
    width: 60px;
    height: 60px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
}
.employee-popup-header-section .right-info {
    margin-top: 0px;
}
.employee-popup-header-section .right-info .name {
    padding-top: 0px;
    font-weight: 800
}
.employee-popup-header-section .right-info .employee-code {
    padding: 0px;
    font-size: 13px;
    background: none;
}
.employee-popup-header-section .right-info .employee-code .code{
    color: #008CE9;
    font-size: 13px;
    margin: 2px 0;
}
.employee-popup-header-section .designation {
    color: #222222;
    margin-bottom: 6px;
}
.employee-popup-header-section .business-unit {
    background: var(--secondary-btn);
    width: fit-content;
    padding: 6px 8px;
    border-radius: 5px;
    font-weight: 400;
    color: #222222;
}
.employee-popup-contact-section {
    border: 1px solid var(--secondary-btn);
    border-radius: 6px;
    padding: 8px 12px;
}
.employee-popup-contact-section .xs-email {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}
.employee-popup-contact-section .xs-email-phone {
    display: flex;
    align-items: center;
}
.employee-popup-contact-section .xs-email-phone i,
.employee-popup-contact-section .xs-email-phone span{
    color: #008CE9;
    background: none;
    font-size: 13px;
}
#Employee-Search-Div .vy-text-avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    padding: 11px 0;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 50px;
    margin-left: -5px;
    margin-right: 9px;
    overflow: hidden;
    float: left;
    font-size: 11px;
}
.employee-popup-footer-section.dull-row {
    background: #fff;
    padding: 6px 10px 0px;
    margin: 10px -22px 0 !important;
    margin-top: 10px;
    border-radius: 2px 2px 6px 6px;
    box-shadow: none;
}
.employee-popup-footer-section .details li label {
    width: 130px;
    font-size: 13px;
    font-weight: 400;
    color: #222;
}
.employee-popup-footer-section .details li div {
    font-size: 13px;
    font-weight: 400;
    color: #222;
}
.employee-popup-content .close-btn {
    display: none;
}
.employee-popup-content .goto-profile button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--secondary-color);
    padding: 0;
    min-width: 30px !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.employee-popup-content .btn-section {
    padding: 0px;
    margin: 0px;
}
.employeepreview-css .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    display: flex;
    align-items: flex-start;
    line-height: 24px;
}
.general-information-profile-approval {
    border: 1px solid #BDDEF9;
    padding: 10px 20px;
    /* margin: 5px 10px; */
    border-radius: 5px;
    background: #EFF8FD;
}
.profile-approval-top-section img{
    width: 80px;
    height: 80px;
    border-radius: 60px;
    border: 2px solid #fff;
}
.profile-approval-top-section {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.right-info .name{
    color: #222;
}
.Grid-addNew-Btn .dx-button-mode-contained.dx-button-default {
    background: var(--secondary-color);
    height: 30px;
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.Grid-addNew-Btn .dx-button-mode-contained.dx-button-default .dx-icon{
    display: none;
}
.Vf-grid-child.ReMoveTopMrgin.circular_Grid .dx-pages .dx-info {
    position: absolute;
    left: 20px;
    margin-top: 4pt;
}
.Vf-grid-child.ReMoveTopMrgin.circular_Grid .dx-page-sizes {
    margin-left: 218px;
}
.Grid-addNew-Btn .dx-button-content {
    background: var(--secondary-color);
}
.Common-View-Padding {
    padding: 11px 100px;
}
#offboardingTriggerBtn img.dx-icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 400px;
}
#CustomFormContainerOrganization-Directory-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-first-row),
#questionDetailsForm .dx-layout-manager .dx-field-item:not(.dx-first-row),
#question-details-form {
    padding-top: 17px;
}
#CustomFormContainerOrganization-Directory-VoyonForms .dx-texteditor-input-container {
    height: 30px;
}
.blk-selected-records {
    width: auto;
    font-size: 13px;
    background: #fff;
    color: #333;
    border-radius: 4px;
    padding: 5px 12px;
    position: absolute;
    right: 58px;
    top: 15px;
    font-family: var(--main-font);
    font-weight: 500;
    line-height: 14px;
    vertical-align: middle;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-dropdown-footer {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 4px;
    height: 46px;
    background: rgba(238, 242, 247, 1);
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-dropdown-footer .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    margin-left: 0px;
}
.dashboard-dropdown-footer .Vf-btn-default.dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: transparent;
}
.dashboard-dropdown .dx-list-group-body div {
    color: #333333;
    display: flex;
    align-items: center;
}
#dashboard-dropdown-elements .dashboard-name {
    vertical-align: top;
    font-size: 13px;
    margin-left: 9px;
}
.dx-dropdownbutton-content.dashboard-dropdown .dx-item.dx-list-item{
    padding: 2px 4px;
}
.dashboard-dropdown .fa.fa-check-circle.selected {
    color: var(--secondary-color) !important;
    opacity: 1;
}
.dx-datagrid .dx-checkbox-checked .dx-checkbox-icon:before {
    top: 1px;
    bottom: 0;
    margin: auto;
    left: -3px;
    right: 0;
}
.Column-Chooser-Custom {
    display: inline-flex;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: 3px;
    cursor: pointer;
    color: #555;
    font-size: 16px;
    position: absolute;
    right: 6px;
    top: 16px;
}
.Vf-toolbar-batch {
    background-color: transparent !important;
    padding: 4px 0px !important;
}
.A-cycle-emp-pop {
    height: 80vh;
}
.un-sublist {
    position: absolute;
    background: #ffffff;
    padding: 6px 12px;
    width: 254px;
    min-height: 52px;
    max-height: 250px;
    z-index: 999;
    list-style: none;
    border-radius: 6px;
    -moz-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 8%);
    overflow-y: auto;
}
.reportCard .execute-section {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 12px;
    margin-bottom: 0px;
    align-items: center;
}
.reportCard {
    padding: 18px;
}
.reportCard .dx-button-mode-contained.dx-buttongroup-first-item.dx-button, .reportCard .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button {
    border-start-start-radius: 20px;
    border-end-start-radius: 20px;
    border: 0px;
}
.reportCard .dx-button-mode-contained.dx-buttongroup-last-item.dx-button, .reportCard .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button{
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
    border: 0px;
}
.reportCard .dx-buttongroup-wrapper.dx-widget.dx-collection {
    border: 0px solid var(--secondary-color);
    border-radius: 0px;
}
.reportCard .dx-buttongroup-item.dx-button-mode-contained.dx-button, .reportCard .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
    border-radius: 4px;
    background: #CDDDE9;
    margin-right: 8px;
    padding: 0px;
}
.reportCard .dx-button-mode-outlined.dx-state-selected,
.reportCard .dx-state-focused.dx-item-selected.dx-state-selected{
    background-color: #000000 !important;
    color: #fff;
}
/*.dx-overlay-content .dx-popup-content {
    box-sizing: content-box;
    height: 50vh !important;
}*/
.dx-diagram-floating-toolbar-container {
    border: 1px solid #000;
    background: #000;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .175);
    border-radius: 6px;
}
.dx-diagram-floating-toolbar-container .dx-toolbar {
    background-color: rgba(191, 191, 191, 0);
    padding: 0px 0px;
}
.dx-diagram-floating-toolbar-container .dx-texteditor-container{
    background: #494949
}
.dx-diagram-floating-toolbar-container .dx-diagram-toolbar .dx-diagram-toolbar-separator {
    border-left-color: #000;
    display: none;
}
.dx-diagram-floating-toolbar-container .dx-toolbar .dx-toolbar-before {
    -webkit-padding-end: 0px;
    padding-inline-end: 0px;
}
.dx-diagram-floating-toolbar-container .dx-state-readonly .dx-texteditor-input {
    color: #fff;
    padding-top: 7px;
    height: 100%;
}
.dx-diagram-floating-toolbar-container .dx-button-mode-text .dx-icon {
    color: #fff;
}
.dx-popup-content.dx-dialog-content,
.dx-popup-content.multilingualselector,
.dx-popup-content.companyswitch{
    height: auto !important;
}
.dx-dropdownbutton-content.dashboard-dropdown .dx-scrollable.dx-scrollview {
    height: 302px;
}
.profile-avatar {
    width: 48px;
    height: 48px;
    border-radius: 66px;
    overflow: hidden;
    cursor: default;
}
#MultiLingualSelect .dx-texteditor-input{
    padding: 0px 18px 3px 6px;
    text-align: left;
}
text.businessUnit-template-name{
    font-size: 12px !important;
}
/*.Org-chart-section .dxdi-canvas .shape rect {
    fill: #F2F9FF;
    stroke-width: 1px;
    stroke: #D3E3FF;
    width: 235px !important;
    height: 77px !important;
    rx: 8px;
    ry: 8px;
}*/
.task-show-all-btn.dx-button{
    background: transparent;
    border: none;
    margin: 0 0px;
    width: fit-content;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    margin-top: 0px;
    background: transparent;
    top: 2px;
    position: absolute;
    right: 10px;
}
.task-show-all-btn.dx-button .dx-button-text{
    font-size: 10px;
    text-decoration: underline;
}
/*.dxdi-canvas .shape text {
    text-anchor: start !important;
}*/
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: auto;
    margin-left: auto;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 42px;
}
.notif-pulldown.task .group-collapse-btn {
    margin-left: 5px;
    font-weight: 600;
    font-size: 10px;
    margin-top: 0px;
    border-radius: 38px;
    color: #5f5f5f;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
.notif-pulldown.task .dx-list-group-header .task-group-header {
    display: flex;
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 13px;
    height: 26px;
    align-items: center;
    width: 98%;
    justify-content: space-between;
    margin-bottom: 4px;
}
.notif-pulldown.task .dx-list-group-header .task-group-header .see-all-btn {
    width: fit-content;
    text-align: right;
    color: #333333;
    font-size: 10px;
    cursor: pointer;
    background: var(--secondary-btn);
    padding: 3px 4px 4px 4px;
    border-radius: 4px;
    font-weight: 600
}
.notif-pulldown.task .dx-list-group.group-collapsed .dx-list-group-header {
    background: #f4f9ff;
    border-bottom: 2px solid #fff;
    border-radius: 5px;
    padding-left: 8px;
}
.notif-pulldown.task .dx-list-group-header .task-group-header .task-group-header-title {
    font-weight: 500;
    width: calc(100% - 75px);
    text-align: left;
    white-space: pre;
    overflow: hidden;
    overflow-y: auto;
    height: 14px;
    padding-right: 8px;
    margin-top: 5px;
}
.notif-pulldown.task .dx-list-group-header .task-group-header .task-group-right {
    margin-top: 2px;
}
.notif-pulldown.task .dx-item-content.dx-list-item-content {
    padding: 0px !important;
    background: #f4f9ff00;
    border-radius: 0px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e2e6ee;
}
.notif-pulldown .icon-section .ti-check-box:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/task-notification-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.notif-pulldown .icon-section .ti-bell:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-blue-icon-chat.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Dark-Red .notif-pulldown .icon-section .ti-bell:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-red-icon-chat.svg);
}
.Dark-Green .notif-pulldown .icon-section .ti-bell:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-green-icon-chat.svg);
}
.Dark .notif-pulldown .icon-section .ti-bell:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-black-icon-chat.svg);
}
.Dark-Cyan .notif-pulldown .icon-section .ti-bell:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-grey-icon-chat.svg);
}
.Dark-Grey .notif-pulldown .icon-section .ti-bell:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/notification-grey-icon-chat.svg);
}
.notif-pulldown .icon-section i {
    width: 26px;
    display: table-cell;
    height: 26px;
    background: color-mix(in srgb, var(--sub-menu), transparent 93%);
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    color: var(--sub-menu);
    line-height: 12px;
}
#dashboard-dropdown-elements .fa-columns:before {
    content: '' !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-blue.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Dark-Red #dashboard-dropdown-elements .fa-columns:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-red.svg) !important;
}
.Dark-Green #dashboard-dropdown-elements .fa-columns:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-green.svg) !important;
}
.Dark #dashboard-dropdown-elements .fa-columns:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-black.svg) !important;
}
.Dark-Cyan #dashboard-dropdown-elements .fa-columns:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-cyan.svg) !important;
}
.Dark-Grey #dashboard-dropdown-elements .fa-columns:before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/columns-icon-grey.svg) !important;
}
.notif-pulldown .title-section .description {
    font-size: 13px;
    color: #020202;
    word-break: break-word;
    font-weight: 500;
    display: flex;
    margin-top: -16px;
}
.notif-pulldown .item {
    height: 70px !important;
    overflow: hidden;
    border-bottom: 1px dashed #f2f2f2;
    margin-bottom: 0px;
    padding-top: 7px;
}
.notif-pulldown.task .item {
    height: 50px !important;
}
.notif-pulldown .title-section .description.notification-substring {
    width: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.taskView-form #viewForm {
    border: 1px solid #BDDEF9;
    padding: 20px;
    /* margin: 5px 10px; */
    border-radius: 7px;
    background: #EFF8FD;
    box-shadow: var(--default-shadow);
    -webkit-box-shadow: var(--default-shadow);
    -moz-box-shadow: var(--default-shadow);
}
.HistorySection-Div, .AssignForm-Section {
    box-shadow: var(--default-shadow);
    -webkit-box-shadow: var(--default-shadow);
    -moz-box-shadow: var(--default-shadow);
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 10px;
    background-color: var(--white);
    border: 1px solid var(--toolbar-color);
    height: 100%
}
.btn-group {
    gap: 10px;
}
.AssignForm-Section .Vf-custom-label,
.HistorySection-Div .Vf-custom-label {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    background: transparent;
    color: var(--black);
    width: 50%;
    padding: 0;
}
.timeline .entry .title {
    margin-bottom: 1.5em;
    padding-right: 28px;
    text-align: right;
    position: relative;
}
.timeline .entry .body {
    margin: 0 0 10px;
    float: right;
    width: calc(100% - 180px);
    padding-left: 30px;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(180px);
    bottom: 0px;
    width: 1px;
    background: #BFC0CE;
}
.timeline .entry .title h3 {
    margin: 0;
    font-size: 13px;
    color: #5B6983;
    line-height: 21px;
    text-align: left;
    font-weight: 500;
}
.timeline .entry .body ul {
    color: #333;
    padding-left: 0;
    list-style-type: none;
    font-size: 13px;
}
#ChangeStatusViewForm span.dx-field-item-label-content {
    width: 160px !important;
}
.if-footer {
    padding: 0px;
    text-align: right;
    width: 100%;
    display: inline-block;
}
.taskHistory-Div .ChangeStatus-Fr,
.taskHistory-Div .HistorySection-Div .timeline {
    margin-top: 14px;
}
.AssignForm-Section .dx-show-invalid-badge.dx-selectbox.dx-textbox.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-widget.dx-dropdowneditor.dx-dropdowneditor-field-clickable.dx-validator.dx-visibility-change-handler {
    border: 0px;
    background: #fff;
}
.badgepopover.dxpopup-fullview .full-view-hidden.leaverequest-fullview.modal-leave-request {
    padding-left: 0px !important;
}
.badgepopover.dxpopup-fullview .rq-fullview .vy-fullview-title {
    font-size: var(--font-sm);
    font-weight: 600;
    color: #010101;
}
.notif-pulldown .title-section .description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 260px;
}
.notif-pulldown.task .notif-time {
    margin-top: -21px;
}
#employeeInfoTab .preview-btns-group {
    margin-top: 0px;
}
.employeepreview-css .preview-sub-card {
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 15px;
    margin: 0 25px;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 0px solid var(--toolbar-color);
}
.employeepreview-css .preview-btns-group {
    width: 100%;
    border-bottom: 0px solid #ddd;
    padding-bottom: 6px;
    margin-top: -5px;
    height: 30px;
}
#employeeInfoTab .dx-form.dx-widget {
    padding-bottom: 0px;
}
#employeeInfoTab .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 8px;
    margin-top: 12px;
    border-top: 1px solid #ddd;
    padding-bottom: 0px;
}
#employeeInfoTab .tab-title .preview-btns-group {
    margin-top: 0px;
}
.preview-view-card {
    padding: 0px;
    margin: 0 25px;
    border-radius: 7px;
    margin-bottom: 5px;
}
.employeepreview-css .preview-sub-card.collapsed .Voyon-ChildGrids-Title {
    padding-left: 0px;
    top: -5px !important;
}
.employeepreview-css .ad-sub span {
    color: #333;
    font-weight: 600;
    font-size: 13px;
}
.AddEmlpoyee-css.employeeFullView .full-view-card .btn-group {
    bottom: 0;
    right: 0;
    margin-top: 0px;
    display: flex;
    direction: ltr;
    background: transparent;
    border: none;
    position: static;
    direction: rtl;
    padding-top: 0px;
}
.empPublishPic {
    display: inline-flex !important;
    padding-bottom: 0px;
    padding-top: 0px;
}
#employeeAddEditDiv .employeeCard.familyDetails .Vf-grid-child .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
.AddEmlpoyee-css .vy-accordian2 .acc_btn {
    right: 2px;
    position: absolute;
    margin-top: 12px;
    z-index: 99;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EBF3F6;
    border-radius: 5px;
}
.AddEmlpoyee-css .empBenefit .vy-accordian2 {
    height: 54px;
}
.AddEmlpoyee-css .empBenefit-title {
    top: -6px;
}
.AddEmlpoyee-css .vy-accordian2 .acc_btn {
    right: 14px;
}
.employeepreview-css .remove-grid-title .Voyon-ChildGrids {
    border: none;
    padding: 5px 0;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 0px;
}
.vy-accordian2.opened .acc_btn {
    transform: rotate(180deg);
    right: 14px !important;
}
#divAdvanceAndLoan .Vf-accordion.opened {
    border-radius: 6px;
    padding: 20px;
    border: 0px;
}
#divAdvanceAndLoan .dx-datagrid-headers {
    margin-top: 12px;
}
#divHistoryPanel .dx-button-mode-contained.dx-datagrid-export-button {
    border: 0px;
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin-right: 8px;
}
.Vf-toolbar-header-d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Vf-toolbar-header-d-flex .Voyon-GridTitLe.pro-app {
    white-space: nowrap;
    top: 0px;
}
.Vf-toolbar-header-d-flex .Vy-maintoolbar {
    padding: 0px;
}
.mult-atnd-toolbar {
    height: 50px;
    margin-bottom: 7px !important;
    line-height: 30px;
    background-color: #fff !important;
    padding: 7px 8px 9px 16px;
    border-radius: 6px;
    /*box-shadow: 0px 1px 4px 0px #373B6617;*/
}
.mult-atnd-toolbar .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    margin-left: 0px;
}
.mult-type.label.Today {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}
#attendanceMultipleEmployee #AttendanceLogSummary-table-header .mult-atnd-toolbar .dx-texteditor-container {
    display: flex;
    align-items: center;
}
#attendanceMultipleEmployee #AttendanceLogSummary-table-header .mult-atnd-toolbar {
    background-color: #EEF2F7 !important;
    height: 52px;
    border: 0px;
    box-shadow: none;
}
.dx-widget.Vf-btn-switch {
    background: var(--secondary-btn);
    border-radius: 20px;
}
.FilterEmp .dx-icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    color: #000;
}
.pendingTask {
    margin-right: 6px !important;
}
#AttendanceLogSummary-mainToolbar .FilterEmp {
    padding-right: 0px !important;
}
span.divider-line-grey {
    color: #cdcece;
}
span.LEc-toolbar-caption-text {
    font-size: 12px;
}
.shift-indication {
    background: #e8f3fc;
    margin: 0;
    padding: 18px 0px;
    font-family: var(--main-font);
    border-radius: 6px;
    margin-bottom: 13px !important;
    border: 1px solid #BDDEF9;
}
.attendance-summary-footer-section .dx-widget.dx-button.dx-shape-standard,
#shiftbtngrpNavigate .dx-widget.dx-button.dx-shape-standard {
    border-radius: 50px !important;
    border: 1px solid;
    margin-right: 10px;
    color: #A9B7D9;
    width: 23px;
    height: 23px;
    border: 1px solid #A9B7D9;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.attendance-summary-footer-section .dx-button-has-icon .dx-icon {
    font-size: 14px;
}
i.dx-icon.ti.ti-exchange-vertical{
    margin-top: 0px;
}
#approvalSummaryButtonGroup .dx-button-content {
    background: #30c8ac1a;
    color: #30C8AC;
    border: 1px solid #30C8AC;
    margin-left: 0px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
    border: 0px
}
.timeline-distance {
    font-weight: 500;
    font-size: 12px
}
#travel-route-map-div .tl-dot:before {
    border-width: 3px !important;
    height: 16px !important;
    width: 16px !important;
}
#travel-route-map-div .RouteMap-Timeline .row .locationTime-Parent {
    margin-left: 10px;
    border: 0px solid #979797;
    padding: 10px;
    border-radius: 5px;
    margin-top: 2px;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6 p {
    margin-bottom: 0px;
    text-align: right;
    padding-right: 0px;
    font-weight: 600;
    font-size: 13px;
}
#travel-route-map-div .row.firstDiv-Route {
    border: 1px solid #BDDEF9;
    padding: 12px;
    /* margin: 5px 10px; */
    border-radius: 5px;
    background: #EFF8FD;
    overflow: hidden;
}
#travel-route-map-div .row.firstDiv-Route .col-md-6 .Total-kilometer {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
}
.custom-button-style {
    background-color: var(--secondary-btn) !important;
    color: #222222 !important;
    border: 1px solid var(--secondary-btn) !important;
    margin-top: -8px;
    padding: 0px;
    width: auto !important;
}
.custom-button-style .dx-button-content {
    padding: 6px;
    font-size: 12px;
}
.AddEmlpoyee-css .vy-accordian .acc_btn, .AddEmlpoyee-css .vy-accordian2 .acc_btn {
    right: 2px;
    position: absolute;
    margin-top: 13px;
    z-index: 99;
    cursor: pointer;
    width: 30px;
    float: right;
    margin-left: 7px;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AddEmlpoyee-css .vy-accordian2 .acc_btn,
.AddEmlpoyee-css .vy-accordian .acc_btn {
    right: 12px;
}
.AddEmlpoyee-css .vy-accordian .dx-toolbar-after {
    margin-right: 0px;
    top: 5px;
}
#divTalentInformationsPanel .dx-edit-button.dx-datagrid-addrow-button {
    position: fixed;
    right: 60px;
    top: 13px;
}
.AddEmlpoyee-css .empTalent .vy-accordian.opened .Voyon-ChildGrids-Title {
    padding-left: 20px;
    font-size: 14px;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    background: transparent;
    color: var(--black);
}
.employeeCard .Vf-grid-child .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    padding: 0 0px 7px !important;
    background: #fff;
}
.AddEmlpoyee-css .empTalent .vy-accordian {
    height: 56px;
    margin-bottom: 10px;
}
#onboardingAddEditDiv .vy-accordian .acc_btn {
    right: 15px;
}
#onboardingAddEditDiv .vy-accordian .Voyon-ChildGrids-Title {
    margin-top: 0px;
}
#onboardingAddEditDiv .vy-accordian.opened .Voyon-ChildGrids-Title {
    margin-top: 13px;
}
#onboardingAddEditDiv .Voyon-ChildGrids-Title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    background: transparent;
    color: var(--black);
}
#onboardingAddEditDiv .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 39vh;
}
#onboardingAddEditDiv .employeeCard .Vf-grid-child .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    padding: 0 0px 0px !important;
}
.Candidate-list-scroll .FilterEmp .dx-icon, #autoCreateProfileButtonContainer .dx-icon {
    background: none;
    box-shadow: none;
    height: 20px;
    width: 20px;
    border-radius: 0;
    padding: 0;
    margin-right: 10px;
}
.AttachmentResponse.autocreateProfile .dx-fileuploader-input-wrapper .dx-button-content {
    background: #F9FBFF;
    border: 1px dashed #2B5BCB;
    padding: 7px;
    border-radius: 8px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 14px;
}
.AttachmentResponse.autocreateProfile .dx-button-text::before {
    content: url(/img/vy-images-v2/Icons/Common-icons/cloud-up-icon.svg);
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px 5px 40px;
}
.empTalent .vy-accordian {
    margin-bottom: 10px;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(217 220 228 / 88%);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
    margin: 0 0 10px;
    border-radius: 7px;
    overflow: hidden;
}
span.dx-link-icon.fas.fa-external-link-alt{
    display: flex;
    align-items: center;
}
#Response.Ticketpadding {
    background: #F8FAFC;
    padding-top: 20px;
    border-top: 1px solid #d9dce4;
}
.Ticket-view #Response.Ticketpadding {
    background: #fff;
    padding-top: 0px;
    border-top: 0px solid #d9dce4;
}
.History-EmpProbation .dx-button-content i.fa-history {
    background-color: transparent;
    height: 18px;
    border-radius: 0px;
    width: 18px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 0px;
    margin-right: 6px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
span.btn-group-divider {
    font-weight: 300;
    color: #A3A3A3;
    margin-left: 10px;
}
.Employment-Contract-Section-head {
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 22px;
    border-radius: 10px;
    background: #fff;
}
.Employment-Contract-Section-body, #applyRevision-Form, #salaryRevision-grid, #form-container.box-container
.EmployeeProbationSection {
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 22px;
    border-radius: 10px;
}
.measures-content .long-title {
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #ddd;
    background: none;
    border-radius: 2px;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #010101;
}
.measures-total-section {
    background: #E6F4FF;
    border: 0.5px dotted #134763;
    color: #134763;
    padding: 6px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.btn-grp .Viewmode-btngroup {
    position: static;
    top: auto;
    right: auto;
    margin-top: 0;
    z-index: auto;
    display: inline-flex;
    align-items: center;
}
.measures-mult-title {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 10px;
}
.measures-total-section .measures-mult-title {
    margin-bottom: 0px;
}
.approvalSummaryButtonGroup .dx-button-content i {
    font-size: 13px;
    color: #0ac39e;
    margin-right: 7px;
}
.sum-btns .dx-button-content i.fa-check{
    background: none;
}
.sum-btns .approvalSummaryButtonGroup .dx-button,
.approvalSummaryButtonGroup {
    border-radius: 5px !important;
    border: 1px solid #30c8ac3b !important;
    font-weight: 500;
    height: 30px;
    background: #30c8ac1a !important;
    color: #30C8AC !important;
}
.approvalSummaryButtonGroup.dx-state-hover {
    border: 1px solid #30C8AC;
    background: #fff;
}
.circle-count {
    display: flex;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    background: #E6F4FF;
    color: #134763;
    margin-right: 13px;
    justify-content: center;
    align-items: center;
}
.Records-limitBox .dx-texteditor {
    width: auto;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #A7B3C7;
    max-width: 56px;
    height: 26px;
}
.Records-limits {
    width: auto;
    font-size: 10px;
    text-align: right;
    padding-right: 4px;
    font-weight: 400;
    color: #333333;
    padding-left: 4px;
}
.Records-limitBox .dx-texteditor-input {
    font-size: 12px;
    padding: 2px 1px;
    min-height: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
    position: relative;
    top: -1px;
}
.dx-dropdownmenu-list .dx-list-item-icon-container {
    margin-right: 0px;
}
.dx-field-item-label-location-top {
    margin-bottom: 6px;
}
.Records-limitBox input.dx-texteditor-input {
    height: 26px;
}
#payroll-process-register, #payroll-process-payslip {
    color: #222;
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-left: 9px !important;
}
#payroll-process-payslip .dx-button-content,
#payroll-process-payslip .dx-button-content{
    padding: 0px !important;
    font-weight: 400;
}
.total-records {
    font-size: 10px;
    font-weight: 400;
    color: #333333;
    font-family: var(--main-font);
    margin-top: 0px;
    border-left: 1px solid #909090;
    padding-left: 9px;
    height: 15px;
    display: flex;
    align-items: center;
}
.fa-regular.fa-envelope{
    display: flex;
    align-items: center;
}
.custom-button-style .dx-button-content {
    padding: 2px 4px;
}
#Workforce-Onboarding-VoyonGrids .custom-button-style .dx-button-content {
    padding: 4px 6px 4px 5px;
    min-width: 42px;
}
#Workforce-Onboarding-VoyonGrids .custom-button-style {
    background-color: #A6E7FF !important;
    color: #0E285B !important;
    border: 1px solid #A6E7FF !important;
    margin-top: -8px;
    padding: 0px;
    width: auto !important;
    border-radius: 20px;
    margin-right: 6px;
}
.onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > a, .onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > div.single-action, .onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > div.dx-button{
    position: relative;
    top: 2px;
}
.custom-button-style {
    margin-right: 4px;
}
#BusinessUnitSelect {
    width: 150px !important;
    background-color: var(--secondary-btn);
}

#MultiLingualSelect {
    width: fit-content !important;
    background-color: var(--secondary-btn);
    height: 28px;
    max-width: 120px;
}
.Employee-search-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background: var(--secondary-btn);
    border-radius: 6px;
}
.task-show-all-btn .dx-button-text {
    color: var(--secondary-color);
}
.blk-action-ico {
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
}
.blk-action-ico.one {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/bulk_action_icon_trigger_onboarding.svg') !important;
        margin-top: 1.6px;
}

.blk-action-ico.two {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/bulk_action_icon_resend_mail.svg') !important;
}

.blk-action-ico.three {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/bulk_action_icon-convert to employee.svg') !important;
}

.blk-action-ico.four {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/bulk_action_icon_cancel_onboarding.svg') !important;
}

.blk-action-ico.five {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/task_details_icon.svg') !important;
}
.shiftEndTimeSection .Vf-field-label, .shiftEndTimeSection div{
    text-align: right !important;
}
.shift-left-right-arrow-icon {
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/shift-left-right-arrow-icon-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.dx-overlay-content.dx-popup-normal .footer-btn-group-probation {
    position: fixed;
    margin-top: 2px;
    text-align: right;
    bottom: 0px;
    right: 12px;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}
.Viewmode-delete-Btn {
    display: inline-flex;
    cursor: pointer;
    margin-left: 0px !important;
    cursor: pointer;
}
.Viewmode-btngroup{
    gap: 0px
}
.EmployeeProbationSection .dx-texteditor-input {
    padding: 7px 0px 8px;
}
.EmployeeProbationSection .dx-texteditor.dx-editor-filled {
    border: 0px
}
.EmployeeProbationSection .dx-placeholder {
    left: 0px
}
.resource-metrics-card .Vf-grid-default .dx-datagrid-rowsview {
    padding: 0px 10px 10px 10px !important;
}
.resource-metrics-card{
    overflow-y: scroll;
}
#probationSettingsDiv .Vf-grid-child,
.gender-wise-age-setting-card .Vf-grid-child,
#employeeIdSeriesDiv .Vf-grid-child {
    border: 0px solid !important;
}
.Onboarding-Offboarding-Activity .Voyon-ChildGrids-Title {
    padding-top: 5px;
    padding-bottom: 0px;
    top: 10px;
    left: 10px;
    color: #222;
    font-size: 13px;
}
.Onb-temp .full-view-card {
    margin-left: 0px;
    margin-right: 0px;
    background: transparent;
    padding: 0px;
    padding-left: 16px;
}
.selfonBoardingMain .full-view-card {
    padding-left: 30px;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids-Title {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.cutomized-child .Vf-grid-child .mail-trig,
.cutomized-child .Vf-grid-child .edit-trig {
    border: none;
    width: 26px;
    display: table-cell;
    height: 26px;
    vertical-align: middle;
    background: var(--secondary-btn);
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius: 5px;
}
.cutomized-child .Vf-grid-child .edit-trig{
    margin-left:10px
}
.att-summery-pop .item {
    text-align: left;
    padding: 8px 10px;
    display: flex;
    border: 1px solid #d9dce4;
    border-radius: 4px;
    margin-top: 14px;
}
.vy-fullview-title-secondary {
    font-size: 14px;
    color: #010101;
    position: relative;
}
.check-mode-i {
    left: 0px;
    margin-top: -18px;
    height: 16px;
    width: 16px;
    padding: 0px;
}
.displayDate-at {
    margin-left: 22px;
    color: #000;
}
.att-summery-pop .values {
    font-size: 12px;
    color: #151515;
    font-weight: 700;
    text-align: left;
}
.dx-popup-content:has(#summarCountPopupContent) ul.nav.nav-tabs{
    border: 0px !important
}
.dx-popup-content:has(#summarCountPopupContent) ul.nav.nav-tabs a.nav-link {
    color: #222222 !important;
    font-weight: 500;
    border: 0px;
    background: #CDDDE9;
    border-radius: 4px;
    padding: 6px 14px;
    margin-right: 8px
}
.dx-popup-content:has(#summarCountPopupContent) ul.nav.nav-tabs a.nav-link.active {
    color: #fff !important;
    font-weight: 500;
    border: 0px;
    background: #000;
    border-radius: 4px;
    padding: 6px 14px;
}
/*.cutomized-child .Vf-grid-child .mail-trig.grey-ring {
    background: var(--secondary-color);
}*/
.shiftCalendarSectionMainCard .shift-legends {
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    padding: 5px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-top: 12px;
    overflow: hidden;
    overflow-x: hidden;
    background: #eef2f7;
}
.shiftCalendarSectionMainCard .shift-legends:hover {
    overflow-x: scroll;
}
.shift-labels-main {
    padding-right: 18px;
    border-right: 1px solid #cecece;
}
.shiftCalendarSectionMainCard .SC-ring {
    border: 2px solid grey;
    width: 3px;
    height: 3px;
    border-radius: 60px;
    margin-right: 6px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    padding: 3px;
    top: -3.99px;
}
.employee-attendance-listing-grid {
    background-color: #fff !important;
    padding: 7px 8px 9px 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    margin-bottom: 12px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.jk-row-parent .jkow {
    font-weight: 500;
    color: #222;
}
.periodSelectorSectionFlex{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}
.SC-ring-label.SC-ring-label-secondary {
    margin-right: 0px;
    margin-left: 16px;
}
#ESS-RegularizationRequests-VoyonGrids .dx-link.custom-btns {
    top: -1px;
}
.today-date-input-batch-toolbar.dx-editor-filled .dx-texteditor-input {
    font-weight: 600;
}
.close-btn-svg {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/bulk_action_icon_cancel_onboarding.svg);
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
}
.eventSplash {
    width: 100%;
    height: calc(100% + 20px);
    padding: 0;
    margin: 0;
    padding: 0px;
    border: 0px solid #ddd;
    border-radius: 7px;
}
#HolidayCalendar-VoyonListWidget .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: 38vh !important;
}
#eventsList .dx-list-item {
    margin-bottom: 10px;
    border-radius: 7px;
    background: #CDDDE9;
}
#eventsList .dx-list-item-content {
    background: #cddde900;
}
#eventsList .dx-list-item.dx-list-item-selected,
#eventsList .dx-list-item.dx-state-active,
#eventsList .dx-list-item.dx-list-item-selected.dx-state-focused {
    background: #000;
    color: #fff;
    border-radius: 6px;
}
.eventCorousal {
    height: calc(100dvh - 170px);
}
#eventsList {
    height: calc(100dvh - 170px);
}
.full-view-card.full-view-card-bg-none {
    background: none;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
}
/*#leaveSummaryContainer{
    margin-left: 15px;
}*/
#helpdrawer .dx-drawer-content strong, #helpdrawer .dx-drawer-content p, #helpdrawer .dx-drawer-content ul li span, #helpdrawer .dx-drawer-content ul li a, #helpdrawer .dx-drawer-content ol li span, #helpdrawer .dx-drawer-content ol li a {
    margin-bottom: 0px !important;
    /* font-family: var(--main-font) !important; */
    text-align: left !important;
    font-size: 16px;
}
#helpTree {
    height: 100vh !important;
    margin-top: 6px;
}
#helpTree .dx-treelist-rowsview .dx-row,
#helpdrawer .Voyon-tree-list tr.dx-row.dx-data-row td:last-child {
    background-color: #ddeaf3 !important;
}
#helpTree .dx-data-row.dx-row-focused,
#helpdrawer .Voyon-tree-list tr.dx-row.dx-data-row.dx-row-focused td:last-child {
    background-color: #333 !important;
    color: #fff !important
}
#helpdrawer .dx-drawer-content {
    background: #e9edf2;
    border-radius: 10px;
}
.help-header .HTitle {
    display: inline-block;
    position: relative;
    top: 1px;
    color: #000;
}
.Shift-Rotation-Section .Voyon-ChildGrids-Title {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 66;
    margin-left: 0px;
    top: 12px;
    background: transparent;
    width: 50%;
    padding-left: 13px;
    color: #222222;
    padding-top: 5px;
    padding-bottom: 0px;
}
.bell-dropdown .dx-dropdownbutton-action.dx-button-has-icon {
    background: #fff !important;
    border: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.balance-rec-am {
    background: color-mix(in srgb, var(--secondary-btn), transparent 65%);
    border: 1px solid color-mix(in srgb, var(--primary-color), transparent 75%);
    border-radius: 3px;
    padding: 7px 9px;
    margin-bottom: 20px !important;
    font-size: 13px;
}
.row.salarySchedulegrid-body .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.row.salarySchedulegrid-body .dx-button-mode-contained.dx-button-default .dx-icon.fa-users {
    margin-left: 5px;
}
#divfrmPermsion {
    margin-top: 0px;
}
#HolidayCalendar-VoyonListWidget #HolidayCalendar-Column-Chooser {
    margin-top: 33px;
    top: 23px;
}
.calendar-board .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after {
    top: 0px;
}
.calendar-board .dx-buttongroup .dx-button-mode-contained.dx-state-selected {
    background: #000;
    border-radius: 4px !important;
    overflow: hidden;
    color: #fff;
}
.calendar-board .dx-toolbar-after .dx-buttongroup .dx-button-mode-contained {
    background: #CDDDE9;
    border-radius: 4px !important;
    overflow: hidden;
    color: #000;
}
.calendar-board .dx-toolbar-after .dx-buttongroup .dx-button-mode-contained.dx-item-selected {
    background: #000 !important;
    color: #fff;
}
#schedulerPop.calendar-dashboard .dx-scheduler-header {
    min-height: initial;
    margin-top: -68px;
    height: 5px;
    clear: both;
    z-index: 99;
    position: fixed;
    width: fit-content;
    display: flex;
    flex-direction: row-reverse;
    width: 68%;
}
#schedulerPop.calendar-dashboard .dx-scheduler-work-space {
    border: -1px solid rgba(221,221,221,.6);
    height: calc(100%);
    border-radius: 7px;
    margin-top: 0px;
}
.wd-policies .doc-box-head span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}
.wd-policies .doc-box-head {
    vertical-align: middle;
    display: initial;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}
.wd-policies .d-text {
    white-space: break-spaces;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 0.2rem;
    color: #000;
    font-size: 13px;
}
.SeptableHeading {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--main-font);
    margin-bottom: 10px;
    color: #000;
}
.schedul-pop-search .icoz-search {
    color: #0000009c;
    margin-top: 15px;
}
.Emt-addnew, .Emt-addnew.dx-state-hover,
.blk-trash, .blk-trash.dx-state-hover {
    background: #d7f4ff !important;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
.Emt-addnew .dx-icon{
    color: #000 !important;
}
.email-temp-li-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    color: #222;
    background: #fff;
    padding: 6px;
    border-radius: 6px;
    border: 1.4px solid #cecece;
}
.row.salarySchedulegrid-body .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.row.salarySchedulegrid-body .dx-button-mode-contained.dx-button-default .dx-icon.fa-users {
    margin-left: 5px;
}
/*.Onboarding-Offboarding-Activity:has(.Vf-form-view-mode) .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {*/
.Shift-Rotation-Section .Vf-grid-child {
    margin-top: 12px
}
#customWorkflowApproval .dx-form {
    margin-bottom: 20px;
}
.Wc_Breadcrumb {
    border-style: solid;
    border-width: 1px;
    border-color: #E6F4FF;
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgb(0 0 0 / 0%);
    background: #E6F4FF;
    padding: 10px;
    font-size: 13px;
    line-height: 30px;
    color: #134763;
    font-weight: 500;
}
.img-icon-list.hire-sel {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/hiring-select-icon.svg');
}
.img-icon-list.interview-schedule {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/schedule-interview-icon.svg');
}
#btnTestMail {
    color: var(--secondary-color);
    background: transparent;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    padding: 7px 10px !important;
    border: 2px solid;
}
#btnTestMail .dx-button-content {
    padding: 0px 4px;
}
#tabPanelContainer .dx-tab-selected .dx-item-content.dx-tab-content,
#tabPanelContainer .dx-state-hover .dx-item-content.dx-tab-content {
    color: #fff !important;
    border: 0px !important
}
.OvertimeFilter .dx-icon {
    width: 30px;
    height: 30px;
    width: 30px;
    height: 30px;
    background: var(--secondary-btn);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
.OvertimeFilter .dx-button-mode-contained {
    border: 0px;
}
.total-records b {
    padding-right: 4px;
    font-weight: 300;
}
.appraisal-template-card .section-weightage {
    font-weight: 600;
    color: #333;
    font-size: 13px;
    margin-right: 12px;
}
.sectionalized-box .title {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}
.kra-title-full-fiv {
    align-items: center;
    border-bottom: 0px solid #ddd;
    height: 36px;
    background: #f6f7fb;
    padding: 0px 0px;
    border-radius: 0px;
    justify-content: space-between;
    align-items: center;
}
.dx-datagrid-header-panel .Vf-btn-default.Vf-btn-circle.Batch-edit .dx-button-content {
    padding: 0px 10px;
    padding-right: 0px;
}
.dx-datagrid-header-panel .Vf-btn-circle .dx-icon {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.appraisalfeedbackPopup-row .feedback-temp > div {
    margin-bottom: 0px;
}
.appraisalfeedbackPopup-row .feedback-temp > div:nth-child(1) .dx-field-item-label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 1px;
    text-align: left;
    white-space: pre;
}
.LeaveSettlement .dx-datagrid-rowsview.dx-datagrid-nowrap {
    height: 210px;
    padding: 0px !important
}
.LeaveSettlement .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 5px 0px !important;
}
#payouthold-summary #countlbl {
    margin-bottom: 10px;
}
.AdvancePage .Vf-toolbar-batch .dx-button-mode-contained.dx-widget.dx-button-has-text,
.Leave_request_page .Vf-toolbar-batch .dx-button-mode-contained.dx-widget.dx-button-has-text {
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    margin-right: 4px;
}
#project-task-grid .Voyon-ChildGrids-Title, #Attendance-OvertimePolicy-Slab-VoyonGrids-Title {
    color: #222;
    font-weight: 600;
    padding-bottom: 0px;
    left: 16px;
    top: 13px;
}
.view-edit-padding-lr #tabPanelContainer,
.view-edit-padding-lr #notifyInvitees {
    padding-bottom: 30px;
}
#questionWise-div .feedback-temp > div .dx-item-content.dx-box-item-content,
#resultGradeWise-div .feedback-temp > div .dx-item-content.dx-box-item-content {
    height: auto !important;
}
#resultGradeWise-div .dx-field-item-content.dx-field-item-content-location-bottom,
#questionWise-div .dx-field-item-content.dx-field-item-content-location-bottom {
    margin-bottom: 6px;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled {
    border: 0px solid transparent;
}
.Vf-form-view-mode .dx-datagrid-search-panel.dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
}
.view-edit-padding-lr:has(#notifyInvitees) #tabPanelContainer {
    padding-bottom: 0px;
}
.full-view-card.full-view-card-bg-none {
    padding: 0px 0px;
    background: #eeeff4;
}
.combined-layout-style{
    padding-top: 12px;
}
.combined-layout-style .Vf-grid-default{
    margin-top: 0px;
}
.permission-block .dx-tabpanel-container{
    box-shadow: none !important
}
.task-action-wrapper.task-email-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}
.Permission-lengends.permission-lengends-card {
    margin: 0px;
    border: 1px solid #DBDBDB;
    padding: 10px 14px;
    border-radius: 8px;
    background: #eef2f7;
}
#training-program-listing h2 {
    font-size: 15px;
    margin-left: 20px;
    margin-bottom: 0px;
}
#work-pattern-regularization-grid #Voyon-Grids{
    padding: 0px;
}
.calendar-dashboard .dx-scheduler-all-day-table-cell.dx-state-hover, .calendar-dashboard .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: var(--collapse-btn)
}
.payroll-employee-toolbar .dx-button-content .dx-button-text {
    padding: 7px 10px !important;
}
.payroll-employee-toolbar .dx-button {
    margin-left: 0px !important;
}
.Vf-btn-default.compare-btn {
    margin-left: 10px !important;
}
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(1) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    padding-bottom: 16px;
    padding-top: 6px;
}
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-left: 0px;
    margin-top: 15px;
    margin-left: -2px;
    padding-top: 6px;
}
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(3) > .dx-item-content.dx-box-item-content {
    background: #e3edf9;
    border-radius: 9px;
    padding-right: 15px;
    margin-top: 15px;
    margin-left: 10px;
    padding-top: 6px;
}
.Vf-form-view-mode .full-view-card.AddIncentive_Flyout input[readonly], .Vf-form-view-mode #leaveDetails_TableFirst input[readonly] {
    background-color: #fff !important;
}
.AddEmlpoyee-css .empTalent .vy-accordian.opened .Voyon-ChildGrids-Title {
    padding-left: 15px;
    color: #222;
    font-size: 14px;
    top: 10px;
}
.AddEmlpoyee-css .empTalent .vy-accordian .Voyon-ChildGrids-Title {
    color: #222;
    font-size: 14px;
    top: 24px;
}
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(1) > .dx-item-content.dx-box-item-content .dx-texteditor-input-container,
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content .dx-texteditor-input-container,
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(3) > .dx-item-content.dx-box-item-content .dx-texteditor-input-container,
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(1) > .dx-item-content.dx-box-item-content .dx-texteditor.dx-editor-filled,
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content .dx-texteditor.dx-editor-filled,
.A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(3) > .dx-item-content.dx-box-item-content .dx-texteditor.dx-editor-filled{
    background: transparent !important;
}
.goal-setting-cycle .A-cycle-formRender > .dx-layout-manager.dx-widget > .dx-widget.dx-collection > .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content {
    padding-right: 15px;
    margin-left: 15px;
}
.ap-icos-info {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/details-icon.svg);
}
.ap-icos-check {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/double-check-secondary-icon.svg);
    margin-left: 8px !important;
}
.splitup-outline {
    border: 1px solid #d4d4d4;
    padding: 6px 8px;
    border-radius: 6px;
    margin-right: 10px;
}
.splitup-outline .dx-button-content {
    justify-content: flex-end;
}
.payroll-employee-toolbar .Vf-btn-danger.dx-button-mode-contained {
    background-color: #DAE5EA !important;
    color: #222 !important;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
#gridAllNotification .dx-widget.Vf-btn-switch {
    background: transparent;
}
#gridAllNotification .dx-widget.Vf-btn-switch .dx-button-content {
    background: #CDDDE9 !important;
    margin-right: 7px;
    border-radius: 4px !important;
    color: #000 !important;
}
#gridAllNotification .dx-widget.Vf-btn-switch .dx-item-selected.dx-state-selected .dx-button-content {
    background: #000 !important;
    border: 0px !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 0px 14px !important;
    min-width: fit-content;
}
.payroll-employee-toolbar .Vf-btn-default.dx-button-mode-contained {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    margin-left: 0px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
.payroll-employee-toolbar .dx-button-mode-contained.dx-button-success,
.payroll-employee-toolbar .dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: #D1FBED !important;
    color: #057F63 !important;
    border-radius: 6px;
}
#DashBoardWelcomeAboard .dx-gallery-wrapper {
    width: auto !important
}
.Wc-card#WelcomeAboardData, #DashBoardWelcomeAboard {
    height: 390px
}
.payroll-employee-toolbar .FilterEmp .dx-button-content,
.payroll-employee-toolbar .employee-tlbr-payroll .dx-button-content,
.payroll-employee-toolbar .refresh-btn .dx-button-content,
.payroll-employee-toolbar #NotificationButton .dx-button-content {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-left: 10px;
}
#ESS-RegularizationRequests-VoyonGrids, #PerformanceManagement-FinalReview-VoyonGrids, #TalentAcquisition-ESSOfferApproval-VoyonGrids,
#Attendance-OnDutyRequest-VoyonGrids, #PerformanceManagement-GoalSetting-VoyonGrids, #PerformanceManagement-KraGoalProgress-VoyonGrids,
#Attendance-OvertimeRequestCore-VoyonGrids, #ESS-ReimbursementRequest-VoyonGrids, #Payroll-TranscriptionCalculationSheet-VoyonGrids, #IncentiveTarget-BusinessUnit-VoyonGrids,
#Workforce-Employee-VoyonGrids, #gridAllNotification, #ESS-MyHolidays-VoyonGrids, #gridSchedulerCalendar, #ESS-LogTimeSheet-VoyonGrids, #ProjectManagement-Project-VoyonGrids,
#Workforce-Onboarding-VoyonGrids, #LabourPayroll-VariableDeduction-VoyonGrids, #Workforce-EmployeeProbation-VoyonGrids, #ESS-AssetRequest-VoyonGrids,
#Workforce-EmploymentContract-VoyonGrids, #LabourPayrollApproval-AttendanceOutputBased-VoyonGrids, #LabourPayrollApproval-AttendanceOutputBasedLoading-VoyonGrids,
#Workforce-Offboarding-VoyonGrids, #LabourPayrollApproval-AttendanceHourlyBased-VoyonGrids, #LabourPayrollApproval-AttendanceOutputIndividual-VoyonGrids,
#Workforce-EmployeeSeparation-VoyonGrids, #LabourPayroll-EmployeeQuickInfo-VoyonGrids, #LabourPayrollApproval-AttendanceBatchWise-VoyonGrids, #PerformanceManagement-MyReviews-VoyonGrids,
#LeaveManagement-LeaveRequest-VoyonGrids, #EmployeeEngagement_EventSummaryHighlights-VoyonGrids, #EmployeeEngagement-EmployeeSurvey-VoyonGrids, #ESS-QCTimeLogSheet-VoyonGrids,
#LeaveManagement-LeaveCancellation-VoyonGrids, #ProjectManagement-ResourceAllocation-VoyonGrids, #ProjectManagement-TimeSheetDaily-VoyonGrids, #ESS-OfflineScribingTimeSheet-VoyonGrids,
.new-layout-section-list-card, #PerformanceManagement-AppraisalSummary-VoyonGrids, #EmployeeEngagement-Ticket-VoyonGrids, #SystemSettings-MyRequest-VoyonGrids,
#LeaveManagement-LeaveEncashment-VoyonGrids, #PerformanceManagement-MultiRaterSelection-VoyonGrids, #EmployeeEngagement_Events-VoyonGrids, #ESS-OnlineScribingLogTimeSheet-VoyonGrids,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids, #PerformanceManagement-AppraisalCycle-VoyonGrids, #PerformanceManagement-AppraisalFeedback-VoyonGrids,
.combined-layout-style, #Benefits-ApproveSalaryRevision-VoyonGrids, #Benefits-AirTicketEncashmentRequest-VoyonGrids, #PerformanceManagement-TeamReview-VoyonGrids,
#Benefit-VariableAllowance-VoyonGrids, #Talent-ReferralBonusProcess-VoyonGrids, #Workforce-EmployeeTransfer-VoyonGrids, #PerformanceManagement-MyReview-VoyonGrids,
#Benefit-VariableDeduction-VoyonGrids, #TalentAcquisition-ScheduleInterview-VoyonGrids, #TalentAcquisition-Preonboarding-VoyonGrids, #TalentAcquisition-JobOpening-VoyonGrids,
#Benefit-Advance-VoyonGrids, #Attendance-MonthlyShortTime-VoyonGrids, #Attendance-MonthlyOvertime-VoyonGrids, #TalentAcquisition-ProfilePrescreening-VoyonGrids,
#Benefit-Reimbursement-VoyonGrids, .permission-block .dx-tabpanel-container, #TalentAcquisition-Selection-VoyonGrids, #SystemSettings-MyTasks-VoyonGrids, #LeaveManagement-CompOffCredits-VoyonGrids,
#Benefits-OvertimeProcess-VoyonGrids, #SystemSettings-General-LockTransaction-VoyonGrids, #SystemSettings-User-VoyonGrids, #SystemSettings-MyApprovalsOverrides-VoyonGrids,
#Benefits-Payments-VoyonGrids, #Benefit-FinalSettlement-VoyonGrids, #Payroll-PayPeriodClosing-VoyonGrids, #Payroll-AccountsIntegration-VoyonGrids, #TalentAcquisition-SelectionProcess-VoyonGrids,
#Payroll-ReleaseOnholdPayout-VoyonGrids, #Payroll-IssuePayslip-VoyonGrids, #Payroll-BankElectronicFormat-VoyonGrids, #Payroll-RecordPayment-VoyonGrids, #ESS-InterviewFeedback-VoyonGrids,
#LearningDevelopment-TrainingRequest-VoyonGrids, #AssetManagement-AssetAllocation-VoyonGrids, #AssetManagement-AssetTransfer-VoyonGrids, #Incentive-IncentiveTarget-VoyonGrids,
#Travel-TravelAdvanceRequest-VoyonGrids, #Travel-TravelDesk-VoyonGrids, #Travel-TravelRouteMap-VoyonGrids, #Travel-TripClaimRequest-VoyonGrids, #SystemSettings-MyApprovals-VoyonGrids,
#LoanManagement-LoanRequest-VoyonGrids, #Benefit-TDSDeclaration-VoyonGrids, #Travel-TravelClaimRequest-VoyonGrids, #LeaveManagement-LeaveResumptionRequest-VoyonGrids, #Incentive-IssueIncentiveSlip-VoyonGrids,
#Incentive-VariableAllowance-VoyonGrids, #Incentive-VariableAllowance-VoyonGrids, #Talent-Candidate-BackgroundVerification-VoyonGrids,
#Travel-TravelAdvanceRequest-VoyonGrids, #Travel-TravelDesk-VoyonGrids, #Travel-TravelRouteMap-VoyonGrids, #Travel-TripClaimRequest-VoyonGrids, #Document-IssueForms-VoyonGrids, #TaxService-TDSSlip-VoyonGrids,
#LoanManagement-LoanRequest-VoyonGrids, #Benefit-TDSDeclaration-VoyonGrids, #LabourPayrollApproval-AttendanceIndividualOutput-VoyonGrids, #LearningDevelopment-TrainingProgramAndSessions-VoyonGrids, .ProfileApprovalMainGrid {
    background-color: #fff !important;
    padding: 0px;
    padding-bottom: 0px;
    border-radius: 6px 6px 0 0;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
#ESS-RegularizationRequests-VoyonGrids .dx-datagrid-header-panel,
#Attendance-OnDutyRequest-VoyonGrids .dx-datagrid-header-panel,
#Attendance-OvertimeRequestCore-VoyonGrids .dx-datagrid-header-panel,
#Workforce-Employee-VoyonGrids .dx-datagrid-header-panel,
#Workforce-Onboarding-VoyonGrids .dx-datagrid-header-panel,
#Workforce-EmploymentContract-VoyonGrids .dx-datagrid-header-panel,
#Workforce-Offboarding-VoyonGrids .dx-datagrid-header-panel,
#Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-header-panel,
#LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-header-panel,
#LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-header-panel,
.new-layout-section-list-card .mult-atnd-toolbar,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-header-panel,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-header-panel,
.combined-layout-style .dx-datagrid-header-panel,
#Benefit-VariableAllowance-VoyonGrids .dx-datagrid-header-panel,
#Benefit-VariableDeduction-VoyonGrids .dx-datagrid-header-panel,
#Benefit-Advance-VoyonGrids .dx-datagrid-header-panel,
#Benefit-Reimbursement-VoyonGrids .dx-datagrid-header-panel,
#Benefits-OvertimeProcess-VoyonGrids .dx-datagrid-header-panel,
#Benefits-Payments-VoyonGrids .dx-datagrid-header-panel,
#Benefit-FinalSettlement-VoyonGrids .dx-datagrid-header-panel,
#Payroll-ReleaseOnholdPayout-VoyonGrids .dx-datagrid-header-panel,
#Payroll-IssuePayslip-VoyonGrids .dx-datagrid-header-panel,
#Payroll-BankElectronicFormat-VoyonGrids .dx-datagrid-header-panel,
#Payroll-RecordPayment-VoyonGrids .dx-datagrid-header-panel,
#Payroll-PayPeriodClosing-VoyonGrids .dx-datagrid-header-panel,
#Payroll-AccountsIntegration-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-General-LockTransaction-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-User-VoyonGrids .dx-datagrid-header-panel,
#Attendance-MonthlyShortTime-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-datagrid-header-panel,
#Attendance-MonthlyOvertime-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-Selection-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-Preonboarding-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-JobOpening-VoyonGrids .dx-datagrid-header-panel,
#Talent-ReferralBonusProcess-VoyonGrids .dx-datagrid-header-panel,
#Workforce-EmployeeTransfer-VoyonGrids .dx-datagrid-header-panel,
#Talent-ReferralBonusProcess-VoyonGrids .dx-datagrid-header-panel,
#LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-header-panel,
#AssetManagement-AssetAllocation-VoyonGrids .dx-datagrid-header-panel, 
#AssetManagement-AssetTransfer-VoyonGrids .dx-datagrid-header-panel, 
#Travel-TravelAdvanceRequest-VoyonGrids .dx-datagrid-header-panel,
#Travel-TravelDesk-VoyonGrids .dx-datagrid-header-panel,
#Travel-TravelRouteMap-VoyonGrids .dx-datagrid-header-panel,
#Travel-TripClaimRequest-VoyonGrids .dx-datagrid-header-panel,
#Travel-TravelClaimRequest-VoyonGrids .dx-datagrid-header-panel,
#LoanManagement-LoanRequest-VoyonGrids .dx-datagrid-header-panel,
#Benefits-ApproveSalaryRevision-VoyonGrids .dx-datagrid-header-panel,
#Benefits-AirTicketEncashmentRequest-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-AppraisalCycle-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-MultiRaterSelection-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-AppraisalSummary-VoyonGrids .dx-datagrid-header-panel,
#ProjectManagement-ResourceAllocation-VoyonGrids .dx-datagrid-header-panel,
#ProjectManagement-TimeSheetDaily-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement-Ticket-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement_Events-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-AppraisalSummary-VoyonGrids .dx-datagrid-header-panel,
#Benefit-TDSDeclaration-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement-EmployeeSurvey-VoyonGrids .dx-datagrid-header-panel,
#LabourPayroll-EmployeeQuickInfo-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-AppraisalSummary-VoyonGrids .dx-datagrid-header-panel,
#Benefit-TDSDeclaration-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceBatchWise-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceHourlyBased-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceIndividualOutput-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceOutputIndividual-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceOutputBased-VoyonGrids .dx-datagrid-header-panel,
#LabourPayrollApproval-AttendanceOutputBasedLoading-VoyonGrids .dx-datagrid-header-panel,
#LabourPayroll-VariableDeduction-VoyonGrids .dx-datagrid-header-panel,
#Workforce-EmployeeProbation-VoyonGrids .dx-datagrid-header-panel,
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .dx-datagrid-header-panel,
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .dx-datagrid-header-panel,
#Document-IssueForms-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-ProfilePrescreening-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-MyTasks-VoyonGrids .dx-datagrid-header-panel,
#gridAllNotification .dx-datagrid-header-panel,
#ESS-MyHolidays-VoyonGrids .dx-datagrid-header-panel,
#gridSchedulerCalendar .dx-datagrid-header-panel,
#ESS-LogTimeSheet-VoyonGrids .dx-datagrid-header-panel,
#ESS-ReimbursementRequest-VoyonGrids .dx-datagrid-header-panel,
#Payroll-TranscriptionCalculationSheet-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-GoalSetting-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-KraGoalProgress-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-MyReview-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-TeamReview-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-FinalReview-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-datagrid-header-panel,
#ESS-AssetRequest-VoyonGrids .dx-datagrid-header-panel,
#ProjectManagement-Project-VoyonGrids .dx-datagrid-header-panel,
#IncentiveTarget-BusinessUnit-VoyonGrids .dx-datagrid-header-panel,
#Incentive-IncentiveTarget-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-MyApprovals-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-MyApprovalsOverrides-VoyonGrids .dx-datagrid-header-panel,
#SystemSettings-MyRequest-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-SelectionProcess-VoyonGrids .dx-datagrid-header-panel,
#ESS-InterviewFeedback-VoyonGrids .dx-datagrid-header-panel,
#ESS-OnlineScribingLogTimeSheet-VoyonGrids .dx-datagrid-header-panel,
#ESS-OfflineScribingTimeSheet-VoyonGrids .dx-datagrid-header-panel,
#ESS-QCTimeLogSheet-VoyonGrids .dx-datagrid-header-panel,
#LeaveManagement-CompOffCredits-VoyonGrids .dx-datagrid-header-panel,
.ProfileApprovalMainGrid .mult-atnd-toolbar,
#TaxService-TDSSlip-VoyonGrids .dx-datagrid-header-panel,
#Incentive-IssueIncentiveSlip-VoyonGrids .dx-datagrid-header-panel,
#Incentive-VariableAllowance-VoyonGrids .dx-datagrid-header-panel,
#Incentive-VariableAllowance-VoyonGrids .dx-datagrid-header-panel,
#PerformanceManagement-MyReviews-VoyonGrids .dx-datagrid-header-panel,
#Talent-Candidate-BackgroundVerification-VoyonGrids .dx-datagrid-header-panel{
    background-color: #EEF2F7 !important;
    padding: 2px 8px;
    border-radius: 6px;
    margin: 12px;
    margin-bottom: 0px;
}
.img-icon-list.ini-onb {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/hiring-select-icon.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-top: 3px;
}
.Employment-Contract-Section {
    margin-bottom: 24px;
}
.view-edit-padding-lr {
    padding: 11px 100px;
}
.alert-save-btn.items {
    background-color: var(--secondary-btn);
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #222;
    padding: 5px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px
}
.LeaveManagement-CompOffCredits-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 72vh;
}
#CustomFormContainerLeaveManageMent-UnPaidLeaveRegularization-VoyonForms{
    margin-bottom: 20px;
}
.Vf-form-view-mode #CustomFormContainerWorkforce-OnboardingActivity-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-LatePolicy-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-AttendanceAuthorization-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-DayOffPattern-VoyonForms,
.Vf-form-view-mode #CustomFormContainerLeaveManagement-LeaveEncashment-VoyonForms,
.Vf-form-view-mode #CustomFormContainerLeaveManageMent-LeaveAccrualAdjustment-VoyonForms,
.Vf-form-view-mode #CustomFormContainerLeaveManageMent-UnPaidLeaveRegularization-VoyonForms,
.Onboarding-Offboarding-Activity:has(.Vf-form-view-mode) .Vf-grid-child,
.short-time-policy-section-card:has(.Vf-form-view-mode) .Vf-grid-child,
.attendance-anomaly-policy-section-card:has(.Vf-form-view-mode) .Vf-grid-child,
#leaveResumptionRequest_fullview.vy-view-content,
.vy-view-content.view-edit-padding-lr .Vf-form-view-mode form {
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 22px 24px 32px 24px;
    border-radius: 10px;
}
.sectionalized-box:has(.Voyon-Forms.Vf-form-view-mode){
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 22px 24px 32px 24px;
    border-radius: 10px;
}
.sectionalized-box:has(.Voyon-Forms.Vf-form-view-mode) form{
    box-shadow: none !important;
        padding: 0px;
}
#gridRewardsRecognition .dx-datagrid-rowsview .dx-row {
    height: 35px;
    margin-bottom: 10px;
    display: table;
}
#RewardsAndRecognition .dx-datagrid .dx-column-lines > td {
    padding: 0px 7px;
}
.status-ring {
    width: 16px;
    height: 16px;
}
.dx-link.close-btn-svg.custom-btns {
    top: 0px;
}
.status-ring circle {
    fill: none;
    stroke-width: 4;
}
.status-ring .bg {
    stroke: #c7d0db;
}
.status-ring .progress {
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}
.status-ring {
    width: 16px;
    height: 16px;
}
.status-ring circle {
    fill: none;
    stroke-width: 4;
}
.status-ring .bg {
    stroke: #c7d0db;
}
.status-ring .progress {
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}
.mr-controls-bar{
    height: 44px;
}
.list-onboardprogressbar-label {
    font-size: 13px;
    position: relative;
}
.wow-profile-icon.employee-wow {
    top: 68px;
    right: 67px;
    background-size: 22px 22px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 100%;
}
.status-ring-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
/* Tooltip */
.status-tooltip {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: #526C86;
    color: #fff;
    padding: 4px 6px;
    font-size: 11px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 10;
}
/* Show tooltip on hover */
.status-ring-wrapper:hover .status-tooltip {
    opacity: 1;
    visibility: visible;
}
#jobOpeningViewModeDiv .full-view-sheet.full-view-hidden {
    margin-left: 78px;
    width: calc(100% - 90px);
    height: calc(100% - 60px);
    padding-top: 0px;
    background: #ecf0f5;
    box-shadow: none;
}
.Onb-temp .full-view-card.Jobopening-separator {
    padding: 0px;
    padding-left: 0px;
    /*height: 88vh !important;*/
}
#hiringSummaryContainer,
#historyContainer {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    
}
#hiringSummaryContainer:hover,
#historyContainer:hover {
    overflow-y: auto;
}
.jobopeningApplied .cd-sidebar {
    width: 100%
}
.jobopeningApplied {
    /*height: 82dvh;*/
   /* overflow: hidden;
    overflow-y: scroll;*/
    margin: 0px;
    margin-top: 0px;
}
.jobopeningApplied .jobOpeningView-quick-links.quicks {
    display: flex;
    padding: 0px;
    list-style: none;
    gap: 0px;
    margin-bottom: 0px;
    flex-direction: column;
}
ul.jobOpeningView-quick-links.quicks li {
    padding: 8px 8px !important;
    position: relative;
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;
    cursor: pointer;
    color: #333;
    border-radius: 5px;
    font-size: 13px;
}
ul.jobOpeningView-quick-links.quicks li.active-tab {
    background: #EBF5FA !important;
    color: #000000 !important;
    font-weight: 500
}
.jobopeningApplied .cd-sidebar .op-side-bar {
    height: auto;
    width: 100%;
}
.jobopeningApplied .cd-sidebar .op-side-bar .jb-list {
    padding: 14px;
    padding-left: 12px;
    position: relative;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 0px;
}
.jb-list .jb-id, .jb-s-det .jb-title,
.jb-list .jb-status {
    font-size: 13px;
    color: #000000;
    font-weight: 700;
}
.jb-list .jb-status{
    font-weight: 400;
}
.jobopeningApplied#statusPopupBtn {
    color: var(--secondary-color);
    height: 31px;
    background: #fff;
    border: 1px solid var(--secondary-color);
}
.jb-op-btn-group {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}
#divAdvanceAndLoan .dx-button-content {
    background-color: var(--secondary-color);
    border-radius: 4px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: 30px;
}
#divAdvanceAndLoan .grid-toolbar-title {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}
.jb-status .status-round {
    display: block;
    height: 12px;
    width: 12px;
    border: 2px solid;
    border-radius: 16px;
    margin-right: 4px;
}
.vy-text-label-new .status-round {
    border-color: #1488CC;
}
.vy-text-label-inprogress .status-round {
    border-color: #e1dd72;
}
.vy-text-label-onhold .status-round {
    border-color: #ff9a17;
}
.vy-text-label-cancelled .status-round {
    border-color: #ff0000;
}
.vy-text-label-closed .status-round {
    border-color: #954239;
}
#titleDiv {
    font-size: 14px;
    font-weight: 600;
}

.vy-text-label-inactive .status-round {
    border-color: #b0c2da;
}
#jobOpeningViewModeDiv .full-view .vy-fullview-title {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-bottom: 0px solid rgb(237, 235, 235);
}
.list-onboardprogressbar-label {
    font-size: 13px;
    position: relative;
}

.status-ring-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.wd-pop {
    position: fixed;
    margin-top: -76px;
    width: 86%;
}
/* Tooltip */
    .status-tooltip {
        position: absolute;
        bottom: 50%;
        left: 50%;
        transform: translateX(-50%);
        background: #526C86;
        color: #fff;
        padding: 4px 6px;
        font-size: 11px;
        border-radius: 4px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease;
        z-index: 10;
    }

    #ApprroalTabLinks a {
        color: #333 !important;
        font-weight: 400;
        font-size: 14px;
    }

        #ApprroalTabLinks a.active {
            font-weight: 800;
        }

    .tagboxes-flex {
        gap: 28px;
    }

        .tagboxes-flex .Vf-btn-circle .dx-icon {
            background: var(--secondary-color);
        }

        .tagboxes-flex .add-tag-button,
        .tagboxes-flex .Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
            padding: 0px !important;
        }
/* Show tooltip on hover */
.status-ring-wrapper:hover .status-tooltip {
    opacity: 1;
    visibility: visible;
}
.date-list-column-flex .dx-left-label-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.infoInterviewFeedback .dx-widget.dx-datagrid-pager.dx-pager {
    padding-left: 20px;
}
.leave-date-row:has(.date-list-column-block) .date-list-column-flex .dx-left-label-row {
    display: block;
}
.leave-settlement-view {
    border-radius: 6px;
    padding: 24px;
    border: 0px;
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    position: relative;
}
#gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
    background: var(--primary-color);
    border: 0px;
}
.vertical-line-before::before {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    border-radius: 1px;
    background: #A3A3A3;
}
#Voyon-Grids .Add-new-sep.vertical-line-before {
    position: relative;
    padding-left: 20px !important;
}
#Voyon-Grids .Add-new-sep.vertical-line-before::before {
    left: 7px;
    width: 1.4px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
#Benefit-StatutoryRules-VoyonForms .dx-field-item-content {
    margin-top: 10px !important;
}
img.CImg {
    width: 17px;
    height: 17px;
}
.sm-item.LineLabel {
    width: 2%;
    border-left: 1.2px solid #A3A3A3;
    height: 32px;
    margin-top: 5px;
}
#loanPolicyForm .row.dismargin {
    padding: 0 15px;
}
.help-desk-ticket-responce-contaner {
    position: relative;
    border: 1px solid #a7b3c7;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
}
#ProjectManagement-ProjectTask-VoyonGrids .dx-datagrid-header-panel,
#Benefit-StatutoryRulesEmployeeSlab-VoyonGrids .dx-datagrid-header-panel,
#Benefit-StatutoryRulesEmployerSlab-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
}
.dx-fileuploader-input-wrapper::before,
.dx-fileuploader-input-wrapper::after {
    display: none;
}
#responseAttachments .dx-fileuploader-wrapper,
.help-desk-ticket-responce-contaner .dx-fileuploader-button .dx-button-text::before {
    padding: 0px;
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
    background-color: #F3F9FF !important;
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
    background-color: #F3F9FF !important;
}
#processPayrollListPage .dx-multiview-item.dx-item-selected {
    position: relative;
    overflow-y: scroll;
    height: calc(100dvh - 308px);
}
.survey-count-box {
    border: 1px solid #C3C8E5;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    margin-right: 6px;
}
.timeline .entry .title:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2.5px solid #9D3AFF;
    background-color: #fff;
    border-radius: 100%;
    top: 25%;
    left: -32px;
    z-index: 99;
    box-shadow: rgb(255 255 255) 0px 1px 4px, rgb(255 255 255) 0px 0px 0px 7px;
}
#ResetPassword .dx-texteditor.dx-editor-filled {
    background: transparent;
    border: 0px solid #A7B3C7;
}
#ResetPassword-container span.Cpass {
    color: #000;
}
#ResetPassword-container .dx-button-mode-contained.dx-button-danger {
    height: 39px;
}
/*#AttendanceLogSummary-view-switch {
    background: none;
    border-radius: 0px;
    margin-right: 14px;
}*/
.timeline .entry .title h3 {
    margin: 0;
    font-size: 13px;
    color: #5B6983;
    line-height: 21px;
    text-align: left;
}
.timeline .entry .body {
    margin: 0 0 10px;
    float: right;
    width: 97%;
    padding-left: 30px;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(34px);
    bottom: 0px;
    width: 1px;
    background: #BFC0CE;
}
.timeline .entry .title {
    margin-bottom: 6px;
    /* float: left; */
    /* width: 180px; */
    padding-right: 28px;
    text-align: right;
    position: relative;
}
#jobTimelineTemplate li {
    color: #000;
    font-weight: 500;
}
#ResetPassword-container .LgCard {
    width: auto;
    margin-bottom: 0px;
    margin-top: 18px;
    padding: 5px 4px;
}
#ResetPassword-container .Signup-Btn {
    border: none;
    border-radius: 4px;
    background-color: #05A5F0;
    /* padding: 7px 18px 8px; */
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    height: 38px;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    padding-right: 0px;
}
#ResetPassword-container .dx-button-default {
    width: 100% !important;
    height: 100%;
}
#ResetPassword-container {
    padding-bottom: 50px;
    padding-top: 50px;
}
.att-status {
    padding: 7px 8px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    width: fit-content;
    display: flex;
    gap: 5px;
    align-items: center;
}
.documents .doc-box-head h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    float: left;
    margin: 0;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 7px;
    line-height: 20px;
}
span.doc-box-head-status {
    width: 16px;
    height: 16px;
    display: flex;
    border-radius: 20px;
    border: 3px solid var(--xs-card-c2);
}
#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box span.doc-box-head-status,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+1) .wd-policies .doc-box span.doc-box-head-status {
    border-color: var(--xs-card-c4);
}
#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box span.doc-box-head-status,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+2) .wd-policies .doc-box span.doc-box-head-status {
    border-color: var(--xs-card-c3);
}
#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box span.doc-box-head-status,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+3) .wd-policies .doc-box span.doc-box-head-status {
    border-color: var(--xs-card-c1);
}
#gridCompanyPoliciesList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box span.doc-box-head-status,
#AnnouncementList .dx-item.dx-list-item:nth-child(3n+4) .wd-policies .doc-box span.doc-box-head-status {
    border-color: var(--xs-card-c2);
}
.text-right .dx-datagrid-search-panel input.dx-texteditor-input {
    text-align: left;
}
.given-ico.wow {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/wow-icon.svg);
    background-size: 31px;
}
.dx-popup-content #bulkEmbeddingBtn {
    padding: 0px;
}
.dx-popup-content #bulkEmbeddingBtn img.dx-icon {
    margin-right: 4px;
    margin-left: 2px;
}
#extend-convert-switch.dx-widget.Vf-btn-switch {
    background: #fff;
    border-radius: 0px;
}
#extend-convert-switch.Vf-btn-switch .dx-item-selected.dx-state-selected .dx-button-content {
    background: #000 !important;
    border: 0px !important;
    border-radius: 6px !important;
    color: #fff !important;
}
#extend-convert-switch.Vf-btn-switch .dx-button-content {
    background: #CDDDE9 !important;
    border: 0px !important;
    border-radius: 6px !important;
    color: #000 !important;
    padding: 16px 10px;
    margin-right: 10px;
}
#salaryRevision-grid{
    margin-top: 0px;
}
.ap-icos-close {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/bulk_action_icon_cancel_onboarding.svg);
}
.ap-icos-user-check {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/hiring-select-icon.svg);
}
#CheckinButton.dx-button-default img.check-in-icon {
    display: none;
}
.Vf-form-view-mode .dx-texteditor.dx-editor-filled {
    border: 1px solid transparent !important;
}
.addnew-dropdown-pop-form {
    margin: 0px 0px 0;
    border: 1px solid #ddd;
    padding: 10px 10px;
    border-radius: 7px;
    height: calc(90% - 30px);
}
@media (min-width: 1350px) and (max-width: 1740px) {
    .Voyon-FileUploader .dx-datagrid-header-panel {
        width: 88%;
        top: 4px;
    }
    .Vf-toolbar-batch.salaryRevision-Toolbar {
        top: 6px;
    }
    .Voyon-FileUploader .dx-datagrid-header-panel {
        width: 88%;
        top: 4px;
    }
    .Vf-toolbar-batch.salaryRevision-Toolbar {
        top: 6px;
    }
    .check-mode-i {
        left: 3px;
        margin-top: -16px;
        height: 16px;
        width: 16px;
        padding: 0px;
    }
    #processPayrollListPage .dx-multiview-item.dx-item-selected {
        position: relative;
        overflow-y: scroll;
    }
}
@media (min-width: 1024px) and (max-width: 1340px) {
    .Voyon-FileUploader .dx-datagrid-header-panel {
        width: 84%;
    }
}
@media screen and (max-width: 1700px) {
    .file-upload-toolbar {
        margin-top: 10px !important;
    }
}
/* Left align command edit/action column */
.dx-datagrid .dx-command-edit.dx-command-edit-with-icons {
    justify-content: flex-start !important;
    text-align: left !important;
}
.attachment-icon {
    font-size: 16px;
    cursor: pointer;
    color: #555;
    object-fit: contain;
}
/* Collapsible group styling */
#formRender .dx-form-group-caption {
    cursor: pointer;
    position: relative;
    user-select: none;
    transition: background-color 0.2s ease;
    justify-content: space-between;
}
#formRender .dx-form-group-caption:hover {
    background-color: rgba(0, 0, 0, 0.02);
}
#formRender .dx-form-group.collapsed .dx-form-group-content {
    display: none;
}
.dx-form-group-caption {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.period-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    /*border-radius: 50%;*/
    color: white;
    font-size: 14px;
    flex-shrink: 0;
}
/*.period-icon i {
    width: 14px;
    height: 14px;
}*/
/*.appraisal-icon {
    background-color: #B3D9FF;
    color: #0066CC;
}
.process-icon {
    background-color: #FFD9B3;
    color: #FF8C42;
}
.review-icon {
    background-color: #B3F0D9;
    color: #00A878;
}*/
.period-label {
    color: #333;
    flex-grow: 1;
}
.appraisal-cycle-section .collapse-arrow {
    margin-left: auto;
    font-size: 16px;
    transition: transform 0.2s;
    background: var(--collapse-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    border: 0px;
}
/* Collapse arrow icon styling */
.appraisal-cycle-section .collapse-arrow {
    margin-left: auto;
    font-size: 16px;
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    transform: rotate(180deg);
}
/* Rotated state when collapsed */
.appraisal-cycle-section .collapse-arrow.rotated {
    transform: rotate(0deg);
}
.vy-view-content.appraisal-cycle-section {
    overflow-y: auto;
    max-height: calc(100vh - 140px);
}
.appraisal-cycle-section .preview-sub-card {
    margin-right: 10px;
    margin-left: 16px;
}
.counted-round {
    display: inline-flex;
    position: relative;
    top: -4px;
    right: -26px;
    background: #000000;
    align-items: center;
    min-width: 16px;
    height: 16px;
    font-size: 8px;
    border-radius: 20px;
    border: 0px solid #fff;
    justify-content: center;
    line-height: 10px;
    color: #ffffff;
    font-weight: 500;
}
.given-ico {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/learning_credits-icon.svg);
    width: 34px;
    height: 34px !important;
    background-size: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 34px;
}
.pm-mgr-attach .dx-button-mode-outlined.dx-button-default {
    width: 26px;
    height: 26px;
    background: #dae5ea;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #dae5ea;
    color: #fff;
}
#myReviewTabContainer .dx-accordion-item:last-child,
.kra-table.ques-card .dx-accordion-item:last-child {
    margin-bottom: 0;
}
#mrIconsCard{
    display: grid;
}
#myReviewTabContainer .ques-card, #myReviewTabContainer .ques-card p, #myReviewTabContainer .ques-card h1, #myReviewTabContainer .ques-card h2, #myReviewTabContainer .ques-card h3, #myReviewTabContainer .ques-card h4, #myReviewTabContainer .ques-card h5, #myReviewTabContainer .ques-card h6 {
    font-size: 13px !important;
    line-height: 16px;
}
.wow-profile-icon {
    width: 24px;
    height: 24px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/wow-icon.svg');
    background-size: 21px 21px;
    background-position: center;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: -9px;
    z-index: 22;
    bottom: 3px;
    border-radius: 7px;
    cursor: pointer;
}
.PMF-desc {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    position: relative;
    top: 5px;
}
.given-ico.wow {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/wow-icon.svg);
    background-size: 34px;
}
.given-ico.positive {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/positive-remarks-icon.svg);
    background-size: 34px;
}
.given-ico.negative {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Negative_Remarks-icon.svg);
    background-size: 34px;
}
.given-ico.rewards {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/rewards_and_recognition-icon.svg);
    background-size: 34px;
}
.given-ico.DisciplinaryAction {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Disciplinary_Action-icon.svg);
    background-size: 34px;
}
.custom-dx-grid .dx-page-sizes {
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom-dx-grid .dx-page-sizes::after {
    content: "Records per page";
    white-space: nowrap;
}
#gridEmployeefilter-VoyonGrids .dx-datagrid-pager.dx-widget {
    padding: 10px !important;
}
#pageSizeContainer {
    position: absolute;
    bottom: 10px;
    left: 12px;
}
#divCurrencyDetailsPanel a.dx-link.dx-link-save.dx-icon-save.dx-link-icon {
    top: -2px;
}
.custom-grid-footer {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 16px;
    left: 10px;
}
.custom-grid-footer .left-section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 6px;
}
#pageSizeBox{
    font-size: 12px;
}
.row.salarySchedulegrid-body .Vf-grid-default .dx-datagrid-total-footer {
    padding-left: 10px !important;
}
#scheduleEmployeeGrid .dx-datagrid-rowsview td,
#scheduleEmployeeGrid .dx-datagrid-headers td {
    border-right: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
/* RIGHT BORDER for fixed (left sticky) columns */
#scheduleEmployeeGrid .dx-datagrid-content-fixed {
    border-right: 1px solid #ddd;
    z-index: 2;
}
/* LEFT BORDER for right-side fixed columns (if any) */
#scheduleEmployeeGrid .dx-datagrid-content-fixed-right {
    border-left: 1px solid #ddd;
}

#scheduleEmployeeGrid .dx-datagrid-content-fixed td {
    border-right: 1px solid #ddd;
}
.import_upload_promotion .dx-fileuploader-button .dx-button-text::before {
    padding: 0px !important;
}
#scheduleEmployeeGrid .dx-datagrid-content td {
    border-right: 1px solid #ddd;
}

#scheduleEmployeeGrid .dx-datagrid-headers .dx-datagrid-content-fixed {
    border-right: 1px solid #ddd;
}
.upload-icon-btn .dx-button-text {
    display: none; /* hide text */
}
.import_prmtn_upload .import_upload_promotion .dx-button-normal,
.col.import_prmtn_upload .import_download_promotion .dx-button-normal {
    background-color: var(--secondary-color) !important;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 0px;
}
.import_prmtn_upload .import_upload_promotion .dx-button-normal {
    background-color: var(--secondary-btn) !important;
}
.col.import_prmtn_upload .dx-button-content {
    padding: 0px !important
}
.upload-template-button-container{
    position: relative
}
.upload-template-button-container .file-uploader-transparent {
    position: relative;
    opacity: 0;
    top: -34px;
    cursor: pointer;
    left: 0px;
    width: 156px;
    bottom: 0;
    margin: auto;
}
.box-container{
    height: 100%
}
.quick-info .dvx-info-form {
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 22px 24px 32px 24px;
    border-radius: 10px;
}
.WidgetView {
    padding: 0 4px;
}
.header.dashlet {
    margin-bottom: 10px;
}
#gridAnnouncementList .StatusNew, #gridCompanyPolicies .StatusNew {
    background: var(--secondary-color);
    color: #fff;
    font-size: 8px;
    right: 10px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    position: absolute;
}
.StatusNew::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: color-mix(in srgb, var(--secondary-color), transparent 10%);
    transform: translate(-50%, -50%) scale(1);
    animation: pulse 1.8s infinite ease-out;
}
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }

    70% {
        transform: translate(-50%, -50%) scale(2.4);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(2.4);
        opacity: 0;
    }
}
#PositionRequisition-Skills .Vf-btn-circle.Vf-btn-danger .dx-icon {
    color: #000;
}
.Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: -6px;
}
#jobOpening-jobQualification .dx-item-content.dx-collection,
#jobOpening-jobSkills .dx-item-content.dx-collection,
#PositionRequisition-Skills .dx-item-content.dx-collection,
#workflowCriteriaForm .dx-item-content.dx-collection,
#emailConfigurationForm-formGroup .dx-item-content.dx-collection,
#positionWise .dx-item-content.dx-collection,
#timeSheetDailyWise .dx-item-content.dx-collection,
#AbsenceForm .dx-item-content.dx-collection,
#formTypeAttributesForm .dx-item-content.dx-collection,
#Rating-form .dx-item-content.dx-collection,
#DynamicDiv .dx-item-content.dx-collection,
#KraGoalsDetailsForm .dx-item-content.dx-collection,
#repayment-schedule-forms .dx-item-content.dx-collection,
#trainingDynamicForm .dx-item-content.dx-collection,
#agentEscalationSection .dx-item-content.dx-collection,
#resumeParsing .dx-item-content.dx-collection,
#workflowCriteriaForm .dx-item-content.dx-collection,
#ShiftAllowanceForm .dx-item-content.dx-collection,
#ShiftDeductionForm .dx-item-content.dx-collection,
#witnessSection .dx-item-content.dx-collection,
#formTypeAttributesForm .dx-item-content.dx-collection,
#RaterForm .dx-item-content.dx-collection,
#SalaryComponentDetailsForm .dx-item-content.dx-collection,
#PositionRequisition-Skills .dx-item-content.dx-collection,
#jobTaskForm-formGroup .dx-item-content.dx-collection,
#documentTypeMetaDataForm-formGroup .dx-item-content.dx-collection,
#docType-metadatas .dx-item-content.dx-collection,
#addNew-attendanceBatchForm-components .dx-item-content.dx-collection,
#addNew-attendanceHourlyForm-components .dx-item-content.dx-collection,
#addNew-attendanceIndividualOutputForm-components .dx-item-content.dx-collection,
#addNew-attendanceOutputIndividualFormParent-components .dx-item-content.dx-collection,
#addNew-attendanceOutputIndividualForm-components .dx-item-content.dx-collection,
#addNew-attendanceOutputBasedForm-components .dx-item-content.dx-collection,
#LabourUtilizationTaskForm-formGroup .dx-item-content.dx-collection,
#levelWise .dx-item-content.dx-collection {
    margin-bottom: 6px;
}
#positionWise .Vf-btn-circle i.dx-icon.dx-icon-plus,
#timeSheetDailyWise .Vf-btn-circle i.dx-icon.dx-icon-plus,
#AbsenceForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#Rating-form .Vf-btn-circle i.dx-icon.dx-icon-plus,
#DynamicDiv .Vf-btn-circle i.dx-icon.dx-icon-plus,
#KraGoalsDetailsForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#repayment-schedule-forms .Vf-btn-circle i.dx-icon.dx-icon-plus,
#trainingDynamicForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#agentEscalationSection .Vf-btn-circle i.dx-icon.dx-icon-plus,
#resumeParsing .Vf-btn-circle i.dx-icon.dx-icon-plus,
#workflowCriteriaForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#ShiftAllowanceForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#ShiftDeductionForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#customWorkflowApproval .Vf-btn-circle i.dx-icon.dx-icon-plus,
#documentTypeMetaDataForm-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus,
#applyRevision-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#multiplePayment-multiList-div .Vf-btn-circle i.dx-icon.dx-icon-plus,
#witnessSection .Vf-btn-circle i.dx-icon.dx-icon-plus,
#survey-question-form .dx-item-content.dx-collection,
#survey-question-form .Vf-btn-circle i.dx-icon.dx-icon-plus,
#formTypeAttributesForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#Rating-Form .Vf-btn-circle i.dx-icon.dx-icon-plus,
#formTypeAttributesForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#resultGradeWise-div .Vf-btn-circle i.dx-icon.dx-icon-plus,
#questionWise .Vf-btn-circle i.dx-icon.dx-icon-plus,
#RaterForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#SalaryComponentDetailsForm .Vf-btn-circle i.dx-icon.dx-icon-plus,
#tdsSlabIndividual-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus,
#PositionRequisition-Skills .Vf-btn-circle i.dx-icon.dx-icon-plus,
#jobTaskForm-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus,
#documentTypeMetaDataForm-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus,
#docType-metadatas .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceHourlyForm-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceIndividualOutputForm-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceOutputIndividualFormParent-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceOutputIndividualForm-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceOutputBasedForm-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#addNew-attendanceBatchForm-components .Vf-btn-circle i.dx-icon.dx-icon-plus,
#levelWise .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
#KraGoalsDetailsForm .dx-widget.dx-button.dx-button-mode-contained,
#trainingDynamicForm .dx-widget.dx-button.dx-button-mode-contained,
#agentEscalationSection .dx-widget.dx-button.dx-button-mode-contained,
#resumeParsing .dx-widget.dx-button.dx-button-mode-contained,
#documentTypeMetaDataForm-formGroup .dx-widget.dx-button.dx-button-mode-contained,
#multiplePayment-multiList-div .dx-widget.dx-button.dx-button-mode-contained,
#response-type-form .dx-widget.dx-button.dx-button-mode-contained,
#PositionRequisition-Skills .dx-widget.dx-button.dx-button-mode-contained,
#jobTaskForm-formGroup .dx-widget.dx-button.dx-button-mode-contained,
#docType-metadatas .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceHourlyForm-components .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceIndividualOutputForm-components .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceOutputIndividualFormParent-components .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceOutputIndividualForm-components .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceOutputBasedForm-components .dx-widget.dx-button.dx-button-mode-contained,
#addNew-attendanceBatchForm-components .dx-widget.dx-button.dx-button-mode-contained,
#PredefinedDiv .dx-widget.dx-button.dx-button-mode-contained,
#interviewPanel-formGroup .dx-widget.dx-button.dx-button-mode-contained,
#applyRevision-components .dx-widget.dx-button.dx-button-mode-contained {
    background: transparent;
    background-color: transparent !important;
}
.measures-container #KraForm {
    padding: 10px;
}
#KraGoalsDetailsForm .Vf-btn-danger.dx-button-mode-contained.dx-state-hover,
#trainingDynamicForm .Vf-btn-danger.dx-button-mode-contained.dx-state-hover,
#documentTypeMetaDataForm-formGroup .Vf-btn-danger.dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
}
#KraGoalsDetailsForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#trainingDynamicForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#agentEscalationSection .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#resumeParsing .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#workflowCriteriaForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#ShiftAllowanceForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#ShiftDeductionForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#multiplePayment-multiList-div .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#survey-question-form .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#response-type-form .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#RaterForm .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#PositionRequisition-Skills .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#jobTaskForm-formGroup .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#docType-metadatas .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceHourlyForm-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceIndividualOutputForm-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceOutputIndividualFormParent-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceOutputIndividualForm-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceOutputBasedForm-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#addNew-attendanceBatchForm-components .dx-widget.dx-button.dx-button-mode-contained .dx-icon,
#interviewPanel-formGroup .dx-widget.dx-button.dx-button-mode-contained .dx-icon {
    color: #000;
}
#Rating-form.feedback-temp > div:not(:nth-child(1)) .dx-item-content.dx-box-item-content {
    height: 26px !important;
}
.skills-ul li {
    color: #134763;
    background: #E6F4FF;
    padding: 9px 11px;
    border-radius: 6px;
    border: 1px solid #134763;
    font-size: 12px;
    font-weight: 500;
    margin-right: 2px;
    display: inline-block;
}
.dashboard-designer .dashboard-config {
    padding: 6px 12px;
    border-radius: 6px;
    background: #EEF2F7 !important;
    margin-left: 0;
    margin-bottom: 13px !important;
    border: 0px solid #d1d1d18c;
    box-shadow: 0px 4px 11.83px 1.17px rgb(156 156 156 / 0%);
    position: sticky;
    top: 0px;
    margin-top: 0px;
    left: 0;
    z-index: 2;
}
#DashboardDesigner .toolbar-color.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon,
.dashboard-designer .dashboard-config .Vf-btn-circle .dx-icon {
    background: transparent;
}
#DashboardDesigner .toolbar-color.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon,
#interviewPanel-formGroup .toolbar-color.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #ffffff;
}
#DashboardDesigner .Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
    padding: 0px 0px 0px !important;
    min-width: inherit !important;
    width: 30px;
    height: 30px;
}
.dashboard-config .toolbar-label {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
.dashboard-designer .dx-theme-background-color {
    background-color: #eef2f7 !important;
    fill: #fff !important;
    border-radius: 7px;
    padding: 10px 5px;
}
.dashboard-setup {
    margin-left: 8px;
    margin-top: 6px;
}
#DashboardDesigner .dashboard-setup {
    margin-left: 0px;
}
form.company-tab-main-section {
    margin-left: 16px;
    /*height: 80vh;*/
    overflow: hidden;
    overflow-y: auto;
}
.Emt-right {
    width: 79%;
    padding-left: 30px;
    float: left;
    margin-left: 0px;
}
.Emt-left, .Emt-right {
    background-color: #fff !important;
    padding: 14px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    height: calc(100dvh - 150px);
    overflow: auto;
}
.temp-box-icon {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/email-template-icon.svg);
    width: 26px;
    height: 26px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
}
.Emt-name {
    font-size: 13px;
    color: #000;
    font-family: var(--main-font);
    font-weight: 500;
}
.vy-master-detail-caption {
    position: absolute;
    z-index: 20;
    margin-left: 40px;
    margin-top: 23px;
    font-size: 13px;
    font-weight: 500;
}
#pgWorkflowConfiguration-popupContent .dx-datagrid-rowsview {
    height: auto;
    min-height: 5vh;
    max-height: 40vh;
}
#emailConfigurationForm-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
#content:has(#HomeDashboard) {
    padding-top: 4px;
}
#HomeDashboard #responsiveBoxContainer {
    width: calc(100dvw - 82px) !important;
    padding-bottom: 10px;
}
.Four-card {
    padding: 0px 0px;
    height: 100%;
}
.submenu-drawer .head-item {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    padding: 4px 0 7px;
}
.Dark-Grey .submenu-drawer .head-item {
    color: #000;
}
#RecordPaymentBulkBtn .dx-button-content {
    background: #fff;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    width: 30px;
    height: 30px;
}
#accoutsIntergationGrid .dx-button.dx-button-mode-contained {
    background: transparent;
}
#accoutsIntergationGrid .dx-button.dx-button-mode-contained .dx-button-content {
    padding: 0px;
}
#accoutsIntergationGrid .dx-button.dx-button-mode-contained .dx-button-content .dx-icon-spindown.dx-icon-right {
    display: none;
}
#accoutsIntergationGrid .dx-datagrid-export-button {
    background-color: var(--secondary-color);
}
#gridFilteredEmployee .dx-datagrid-headers {
    padding: 0 0px !important;
}
#gridFilteredEmployee td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
.Dark .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
.EmployeeDetails .dx-fileuploader-button {
    width: 100%;
    position: absolute;
    width: 90px;
    margin: -26px -9px;
    text-align: center;
    padding: 8px 8px 21px;
    border-radius: 50%;
    opacity: 0;
    z-index: 99;
    height: 90px;
}
.EmployeeDetails .dx-fileuploader-button.dx-state-hover {
    opacity: 0 !important;
}
.dropdown-addnew {
    color: #134763;
    /* width: 100%; */
    padding: 6px 11px;
    border-radius: 4px;
    background: #E6F4FF;
    border: none;
    text-align: left;
    font-weight: 500;
}
/*.employeepreview-css .Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-bottom: 1px dashed transparent;
}*/
.employeepreview-css.full-view {
    padding-top: 45px;
    padding-left: 80px;
}
.employeepreview-css .tabcontent-preview {
    margin: 6px -24px;
}
.full-view-hidden {
    background-color: #EEEFF4 !important;
}

body.Dark-Red .full-view-hidden {
    background-color: #FFF8FC !important;
}
body.Dark-Green .full-view-hidden {
    background-color: #F3FFFB !important;
}
body.Dark .full-view-hidden {
    background-color: #F5F5F5 !important;
}
body.Dark-Cyan .full-view-hidden {
    background-color: #EDF7FF !important;
}
body.Dark-Grey .full-view-hidden {
    background-color: #EFF6FF !important;
}
#employeeReportingDetails {
    margin-top: 12px;
    margin-bottom: 30px;
}
.Up-EmployeeImg {
    height: 100px;
    overflow: hidden;
}
#Voyon-Reporting-Grids .Column-Chooser-Custom {
    top: -10px;
    right: -10px;
}
.dx-popup-title.dx-toolbar {
    padding: 7px 10px 10px;
    border-bottom: 1px solid #dddd;
}
.dx-popup-draggable.dx-resizable .dx-popup-content.dx-popup-content-scrollable {
    padding-top: 18px;
}
.status-container-timesheet .status-label {
    display: inline-block;
    margin-top: -1px;
}
.calendar-dashboard .dx-scheduler-header-panel-cell {
    position: relative;
    border-left: 0px solid rgba(221, 221, 221, .6);
    border-right: 0px solid rgba(221, 221, 221, .6);
    color: #000;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    padding: 12px 2px;
    height: 14px;
}
.calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: 12px;
    height: 50px;
    padding: 10px 10px;
    font-weight: 500;
    color: #000;
}
.calendar-dashboard .dx-scheduler-all-day-table-cell, .calendar-dashboard .dx-scheduler-date-table-cell {
    border-top: 1px solid #dadce0;
    border-left: 1px solid #dadce0 !important;
}
.dx-popup-content .dx-scrollview-content {
    padding-right: 10px;
}
#formTypeAttributesForm .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important
}
#formTypeAttributesForm .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #000;
}
button.remove-file-btn {
    border: 0pc;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 20px;
}
#LearningDevelopment-TrainingRequestEmployees-VoyonGrids .Voyon-GridTitLe {
    margin-left: 10px;
}
.EmployeeParent-wow .vy-employee-id {
    color: #000;
    margin-left: 5px;
}
.FilterEmp .dx-button .dx-button-content {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    width: 30px;
    padding: 0px 0px !important;
}
/*#btnBatchPyoutOnHoldDelete .dx-icon {
    width: 30px;
    height: 30px;
}*/
.FestivalBonusSection .FilterEmp .dx-button .dx-button-content {
    gap: 0px;
}
#helptopic .dx-button-content {
    width: 83px;
    background-color: var(--primary-btn);
}
.help-Builder #htmleditor, #helptopic {
    height: 84vh !important;
}
.vy-img-avatar{
    border-radius: 100%
}
.vy-view-content-interview-card {
    background: #fff;
    padding: 10px 11px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.row.fit-screen.jobopeningApplied.full-width-list .cd-sidebar {
    display: none;
}
.row.fit-screen.jobopeningApplied.full-width-list .cd-search-jobopening {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.jobopeningApplied .cd-sidebar {
    padding-right: 10px !important;
}
ul.jobOpeningView-quick-links.quicks li img{
    width: 18px;
    margin-right: 9px;
}
ul.jobOpeningView-quick-links.quicks li {
    line-height: 20px;
}
.jobopeningApplied .jobOpeningView-quick-links.quicks {
    gap: 1px;
}
.cd-sidebar .border-fit{
    background: #fff;
}
.candidate-main-toolbar .filters-list-select.dx-texteditor.dx-editor-filled {
    background: #fff;
    border: 1px solid rgb(234 234 234);
    border-radius: 6px;
    width: 100% !important;
}
.candidate-main-toolbar .Filter-sub-title {
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}
div#btnClearFilter {
    background: #fff !important;
    height: auto;
    text-decoration: underline;
    color: #ff2a2a;
}
.candidate-main-toolbar .Candidate-search-list .dx-list-search.dx-texteditor.dx-editor-filled {
    background: #fff;
    border-radius: 6px;
    border: 1px solid rgb(234 234 234);
    color: #333 !important;
    margin-bottom: 10px;
}
#candidateSearchList .dx-list-search.dx-texteditor.dx-editor-filled .dx-placeholder {
    color: #9C9C9C !important;
}
.Candidate-search-list .service-name-search:before {
    content: '+';
    float: right;
    font-size: 18px;
    border: 0px solid #394249;
    position: absolute;
    right: 10px;
    height: 15px;
    width: 15px;
    color: #394249;
    line-height: 5px;
    padding: 2px 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    margin-top: 0px;
    text-align: center;
}
.candidate-main-toolbar  .cd-sidebar .service-name-search {
    margin-bottom: 10px;
    font-weight: 400;
    padding: 10px 10px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    background: #EBF5FA;
}
.candidate-main-toolbar .Top-list-conf .Filter-title {
    /* width: 100%; */
    width: fit-content;
    float: left;
    font-size: 14px;
    font-weight: 500;
}
.candidate-main-toolbar #btnSaveFilter,
.candidate-main-toolbar #btnMoreFilter {
    background: var(--secondary-btn);
    background-color: var(--secondary-btn) !important;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-right: 0px;
}
.candidate-main-toolbar .filters-list-save-btn .dx-icon::before {
    left: 0px;
}
.candidate-main-toolbar .apply-btn-group {
    width: auto !important;
    text-align: right;
    display: block;
}
.candidate-main-toolbar  .cd-sidebar .border-fit {
    margin-right: 0px;
}
.help-menubar.cd-menu-coll {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-right: 0px;
    flex-direction: column;
    margin-left: 13px;
    margin-top: 22px;
}
.candidate-header-toolbar-section .Voyon-GridTitLe {
    padding-left: 36px;
}
.candidate-main-toolbar .cd-sidebar {
    padding-right: 15px !important
}
#candidateSaveFullView .vy-fullview-title {
    padding: 10px;
    margin: 0px;
}
#candidateSaveFullView .dx-tabpanel-tabs {
    padding-bottom: 0px;
}
.candidate-details-sidebar-section .candidate-img {
margin-top: 0px;
}
.candidate-details-sidebar-section .Vf-card {
    padding: 10px
}
.candidate-details-sidebar-section .Vf-card {
    padding: 12px;
    margin-bottom: 12px !important;
}
.candidate-details-sidebar-section .cs-det {
    border-bottom: 0px;
    padding: 0px;
    text-align: left ;
}
.candidate-details-sidebar-section .cand-star-rating-sidebar {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 26px;
}
.candidate-details-sidebar-section .candidate-img .image-cd {
    height: 80px;
    background-repeat: no-repeat;
    width: 80px;
    border: 0px solid var(--white);
    border-radius: 80px;
    background-color: #f4f4f4;
    background-size: cover;
    box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 0%);
    -webkit-box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 0%);
    -moz-box-shadow: 0px 7px 9px 11px rgb(156 156 156 / 0%);
}
.candidate-details-sidebar-section .Vf-card .cd-tab-links.adress {
    padding: 0px 0px !important;
    border-bottom: 0px;
}
.candidate-details-profile-section {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    padding: 6px 2px;
}
.candidate-details-profile-section .cd-name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.candidate-details-profile-section .cd-id{
    color: var(--secondary-color);
    margin-bottom: 4px;
}
.candidate-details-sidebar-section .cd-tab-links.adress h3 {
    font-size: 13px;
    text-align: left;
    margin-bottom: 0px;
}
.candidate-details-sidebar-section .cd-tab-links ul.address-candidate li b {
    color: #000;
    font-weight: 400;
}
.candidate-details-sidebar-section .cd-tab-links ul.address-candidate li {
    text-align: right;
    font-size: 12px;
    color: var(--secondary-color);
    font-weight: 500;
    padding: 4px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.candidate-details-sidebar-section .cd-tab-links ul.address-candidate li span {
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.candidate-details-sidebar-section .cd-tab-links ul.address-candidate li span img {
    width: 14px;
    height: 14px;
    margin-left: 3px;
}
.candidate-details-sidebar-section .cd-tab-links {
    padding: 0px 0px;
}
.cand-edit-white {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 0px;
    gap: 12px;
}
.Edit-btn-white {
    background: var(--secondary-btn);
    height: 30px;
    padding: 5px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-right: 0px;
    cursor: pointer;
}
button.edit {
    background: var(--secondary-color);
    height: 30px;
    border-radius: 5px !important;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}
.cd-tab-links.clickers h3 {
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 0px;
}
.cd-sidebar .cd-tab-links ul li.active-tab, .cd-sidebar .cd-tab-links ul li:hover {
    background: #EBF5FA;
    border-radius: 6px;
    font-weight: 500;
    color: #000;
}
.candidate-tab-ico {
    width: 22px;
    height: 22px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Quick-View-Profile-Icon.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    margin-left: 8px;
}
.candidate-tab-ico.second {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Quick-View-Applied-Job-Icon.svg);
}
.candidate-tab-ico.third {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/InterviewIcon.svg);
}
.candidate-tab-ico.fourth {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Quick-View-Notes-Icon.svg);
}
.candidate-tab-ico.fifth {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/HistoryIcon.svg);
}
.cd-sidebar .cd-tab-links ul li {
    padding: 8px 9px;
    margin-bottom: 0px;
    border-radius: 3px;
    font-weight: 500;
    color: #222;
    padding-left: 2px;
    padding-right: 5px;
    cursor: pointer;
}
.cd-right .tabed-div {
    padding: 5px 0px 15px;
}
.candidate-details-main-section .Voyon-Forms {
    padding: 0px !important;
    margin: 0px !important;
}
.candidate-details-main-section .dx-tabpanel-tabs {
    padding: 0 0 6px 0 !important;
}
.candidate-details-main-section .cd-main-tab-text {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 0px 0px 2px;
    padding-left: 0px;
}
.candidate-details-main-section .Voyon-ChildGrids-Title {
    left: 0px !important;
    padding-bottom: 5px !important;
}
.candidate-details-main-section .dx-label-h-align.dx-flex-layout {
    display: flex;
    flex-direction: column;
}
.Vf-card.cd-right.candidate-details-main-section {
    padding: 14px;
}
.custom-grid-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 15px;
    border-top: 1px solid #e5e5e5;
    width: 50%;
}
.custom-grid-footer .left-section,
.custom-grid-footer .center-section,
.custom-grid-footer .right-section {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* hide default pager container spacing */
#jobAppliedList .dx-datagrid-bottom {
    border-top: none;
}
.tabed-div.cd-interview .Vf-grid-default {
    background: #fff;
}
.Vf-card.cd-right.candidate-details-main-section:has(#jobAppliedList) .cd-main-tab-text {
    position: absolute;
    top: 8px;
    left: 3px;
    z-index: 99;
}
#jobAppliedList .dx-datagrid-header-panel .dx-button-content {
    color: #fff;
    background: var(--secondary-color);
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    padding: 7px 10px !important;
}
#CandidateShortDiv .dx-widget.dx-datagrid-pager.dx-pager {
    display: flex;
    justify-content: end;
}
#jobAppliedList-Footer-ToolBar {
    position: absolute;
    bottom: 4px;
    width: 50%;
    left: 26px;
}
#CandidateDetailsDiv .dx-tabpanel-tabs,
#candidateHistoryTemplate {
    margin-top: 36px;
}
#candidateHistoryTemplate {
    padding-left: 60px;
}
#candidateHistoryTemplate  .timeline .entry .body {
    margin: 0 0 10px;
    float: right;
    width: 100%;
    padding-left: 0px;
}
#TalentSettings-PositionRequisition-MandatorySettings-VoyonGrids .dx-datagrid-header-panel,
#TalentSettings-PositionRequisition-VisibilitySettings-VoyonGrids .dx-datagrid-header-panel,
#TalentSettings-JobOpening-MandatorySettings-VoyonGrids .dx-datagrid-header-panel,
#TalentSettings-JobOpening-VisibilitySettings-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
}
#Talent-ReportsJobOpeningStatus .vy-reoporting-grid {
    height: 45vh !important;
}
#Talent-ReportsJobOpeningStatus .dx-datagrid-nodata {
    color: #222;
    font-size: 13px;
    opacity: 1;
    line-height: 10;
    top: calc(100% - 33%);
}
.Resource-Allocation #srsEmployeeFilter-Grid {
    height: 44dvh !important;
}
#gridEssLeaveSummary .dx-bordered-bottom-view.dx-datagrid-rowsview:has( .dx-datagrid-nodata) {
    height: 36vh !important;
}
#taskPopupGrid .dx-datagrid-export-button,
#taskPopupGrid .dx-buttongroup-item {
    background: var(--secondary-color);
}

#taskPopupGrid .dx-buttongroup-item .dx-button-content {
    padding: 0 0 !important;
}
#taskPopupGrid .dx-icon-spindown.dx-icon-right {
    display: none;
}
#taskPopupGrid .dx-datagrid-search-panel {
    margin: 0 0 0 3px;
}
.Hiring-grid .Vf-toolbar-batch .dx-toolbar-before > div:nth-child(1) {
    order: 3;
    margin-left: 8px;
}
.img-icon-list.offer-accept {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/offer-accept-icon.svg);
    margin-top: 6px;
}
.approvalSummaryButtonGrouptalent .dx-button-text{
    color: #fff;
}
.img-icon-list.OfferApproval {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/offer-approval-icon.svg);
    margin-top: 7px;
}
.img-icon-list.convert-emp {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/convert-employee-icon.svg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    margin-top: 2px;
}
.full-view-hidden.hiringConvert-Employee .employeeCard.familyDetails {
    padding: 0px 0px 0px 0px !important;
}
.dx-overlay-content .dx-popup-content.notif-pulldown .dx-scrollview-content {
    padding-right: 0px;
}
.prescreen-page-tag ul.skills-ul li.tags-input-field input {
    padding: 4px !important;
    width: 100%;
}
#gridEmailAttachments {
    height: 26vh;
}
#PositionRequisition-Skills .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
#VoyonFileUploader-VoyonGrids .dx-fileuploader-upload-button {
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: var(--secondary-color) !important;
    border: 0px solid;
    padding: 8px;
}
#VoyonFileUploader-VoyonGrids .dx-fileuploader-upload-button .dx-button-text::before {
    content: url(/img/vy-images-v2/Icons/Common-icons/cloud-computing-white-icon.svg);
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    padding-right: 6px;
}
.Onb-temp.job-op #FullViewEditorViewPage {
    padding-left: 92px;
    padding-top: 56px;
    box-shadow: none !important;
}
.cd-search-jobopening .padding-top-15 {
    padding-top: 10px !important;
}
.cd-search-jobopening .margin-top-15 {
    margin-top: 10px !important;
}
.jobopeningApplied .wd-title {
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 500;
}
.Applied-candidates-action.jobopeningApplied-cand .help-menubar.cd-menu-coll {
    margin-top: 12px;
}
#candidateViewDiv {
    padding-left: 94px !important;
    padding-top: 56px;
}
#PersonalDetailsDiv {
    padding: 4px 0px !important;
    box-shadow: none !important;
    border-radius: 0px;
    margin-bottom: 0px;
}
#PersonalDetailsDiv .preview-btns-group{
    border-bottom: 0px !important
}
.candidate-details-main-section .dx-tabpanel-tabs {
    padding: 0px 0px;
    border-bottom: 0px solid #f4f3f3;
}
#CandidateShortDiv #jobAppliedList {
    height: 70vh;
    padding-top: 30px;
}
.content:has(.candidate-main-toolbar) {
    padding: 4px 12px 12px 0px;
}
.single-action.more-single-action.Vf-action-list-btn {
    margin-top: -10px;
}
.single-action.more-single-action.Vf-action-list-btn .dx-icon {
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #555555;
}
.An-description {
    height: 30px;
}
.invest-80C80D #div80C80DOthersTab .Voyon-ChildGrids-Title {
    top: 14px !important;
    left: 10px;
    padding: 0px;
}
#Benefit-TDSDeclaration80C80DOthers-VoyonGrids {
    border: 0px;
    overflow: visible;
    padding-top: 12px;
}
.Viewmode-edit-Btn {
    margin-left: 0px;
}
#Tax-IncomeTaxOverride-VoyonGrids-Batch-Delete-Button {
    padding-left: 4px;
}
#employeeAddEditDiv .dx-datagrid-header-panel{
    display: block !important;
}
#employeeAddEditDiv .dx-button .dx-button-text {
    padding-left: 0px !important;
}
.row.vy-accordian{
    position: relative !important;
}
.Onb-temp .Right-content {
    width: 100% !important;
    padding: 16px 12px 16px;
    min-height: 70vh;
}
.policy-card {
    padding: 12px 16px;
    border: 1px solid #ddd;
    margin-bottom: 8px;
}
#onboardingAddEditDiv .dx-edit-button.dx-datagrid-addrow-button {
    position: absolute;
    top: 0px !important;
    right: 56px !important;
}
#onboardingAddEditDiv .dx-edit-button.dx-datagrid-addrow-button .dx-button-content{
    overflow: visible;
}
    .employee-probation-bulk-action .dx-button-content {
    padding: 0px !important;
}
.employee-probation-bulk-action .dx-button-content img{
    top: 0px !important;
}
.employee-probation-input-label .dx-list-item-content div {
    line-height: 5px !important;
    margin-top: 4px
}
.employee-probation-apply-btn {
    background: var(--secondary-color) !important;
    border-radius: 4px;
    margin-left: 5px !important;
    margin-top: 6px !important;
    padding: 4px 10px !important;
    color: #fff !important;
    margin-bottom: 4px !important;
}
.candidate-main-toolbar .input-note {
    margin: 12px 0px 0px 0px;
}
.candidate-main-toolbar .Vf-grid-default {
    margin-top: 0px;
}
#interviewPanel-formGroup .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
.cd-sidebar.candidate-details-sidebar-section #FullViewEditorInterview {
    background: #fff !important;
}
#CandidateHistoryDiv .timeline .entry .body {
    margin: 0 0 10px;
    float: right;
    width: 100%;
    padding-left: 20px;
}
.cd-search-jobopening #feedbackFormDiv,
.cd-search-jobopening #feedbackFormDiv .full-view-card {
    padding: 0px;
    margin: 0px;
}
.cd-search-jobopening #feedbackFormDiv .vy-view-content.claimable-benefit-section.view-edit-padding-lr {
    padding: 0px;
}
.job-op .vy-fullview-title {
    margin-bottom: 10px;
}
.applied-cand-more {
    font-size: 12px !important;
}
#TalentAcquisition-AppliedCandidatesView-VoyonGrids .single-action.more-single-action .dx-item.dx-buttongroup-item.dx-item-content {
    top: -5px;
    left: 6px;
}
#PredefinedDiv .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
.Voyon-ChildGrids-Title {
    color: #333;
}
#allLeaveSummaryGridContainer .dx-scrollview-content,
#allLeaveSummaryGridContainer {
    height: fit-content !important;
}
#leave-settlement-filter-form #Apply-Button {
    background-color: var(--secondary-color) !important;
    color: #fff;
    margin-left: 0px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
#grid-survey-participants .dx-datagrid-header-panel .dx-toolbar.dx-widget {
    padding-bottom: 10px;
}
#grid-survey-participants .dx-icon.dx-icon-overflow {
    background: var(--secondary-btn);
    border: 0px solid #eaeaea;
}
.dx-popup-content #Export-Template .dx-button-content {
    padding: 3px !important;
}
.dx-popup-content .dx-button-content:has(#Export-Template) {
    padding: 0px !important;
}
#AttendanceLogSummary-grid-Column-Chooser.Column-Chooser-Custom {
    top: 8px;
}
.dx-checkbox-checked .dx-checkbox-icon:before {
    top: 0px;
    bottom: 0;
    margin: 0px;
    left: 3px;
    right: 0;
}
.vy-img-avatar {
    margin-left: 2px;
    margin-right: 5px;
}
#OnDutyRequest_TransactionNumber,
#Attendance-OnDutyRequest-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled,
#ESS-RegularizationRequests-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled,
#ESS-RegularizationRequests-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background: rgb(243 243 243 / 58%) !important;
    border: 1px solid rgb(167, 179, 199) !important;
    padding-left: 8px !important;
}
.Voyon-Forms.Vf-form-view-mode #Attendance-OnDutyRequest-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled,
.Voyon-Forms.Vf-form-view-mode #ESS-RegularizationRequests-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    background: #fff !important;
    border: 0px solid rgb(167, 179, 199) !important;
    padding-left: 0px !important;
}
#Attendance-Settings-RegularizationScenarios-VoyonGrids-Title {
    margin-top: 16px;
    margin-bottom: 7px;
}
#Attendance-Settings-AttendanceSettings-VoyonForms .dx-form-group-caption {
    margin-top: 14px;
}
.taskHistory-Div .HistorySection-Div .timeline .title {
    margin-left: 34px !important;
}
.taskHistory-Div .timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(7px);
    bottom: 0px;
    width: 1px;
    background: #BFC0CE;
}
.taskHistory-Div .timeline .entry .body {
    margin: 0 0 10px;
    float: right;
    width: 97%;
    padding-left: 10px;
}
#AttendanceSummaryESS-grid-Column-Chooser {
    top: 8px;
}
#AttendanceSummaryESS-table-header .mult-range-switch {
    margin-right: 18px;
}
.currentMonthTextAttendance {
    width: 136px;
    display: inline-flex;
    justify-content: center;
}
#transcriptionTimeSheetCalender .dx-scheduler-navigator,
#onlineTimeSheetCalender .dx-scheduler-navigator,
#qcTimeSheetCalender .dx-scheduler-navigator {
    display: none;
}
#ProjectManagement-ProjectTask-VoyonGrids .projectTaskImport .dx-button-content {
    padding: 0px;
}
#ProjectManagement-ProjectTask-VoyonGrids .projectTaskImport .fa-file-import {
    background: var(--secondary-btn);
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px !important;
    border: 0px !important;
    margin-right: 0px !important;
}
#incentiveSalesTargetBu .dx-button-content {
    width: fit-content;
    padding-inline: 0px !important;
}
#incentiveSalesTargetBu .dx-icon-spindown {
    display: none !important;
}
#incentiveSalesTargetBu .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected),
#incentiveSalesTargetBu .dx-datagrid-export-button {
    background-color: var(--secondary-color)
}
#incentiveSalesTargetBu {
    border: 1px solid #ddd;
    border-radius: 8px;
}
#SubmitButton {
    background-color: var(--secondary-color) !important;
    border-color: transparent;
    color: #fff;
}
.dx-button-mode-contained.dx-button-default.vy-add-new-custom {
    background: var(--secondary-color) !important;
    height: 30px;
    border-radius: 5px !important;
    /* padding: 10px; */
}
.dx-overlay-content .dx-popup-content:has(.CalendarAdd) {
    height: 75vh !important;
}
.CalendarAdd .footer-btns {
    position: fixed;
    bottom: 10px;
    right: 12px;
}
#Organization-OrganizationChart-voyonOrgChart .dx-diagram-fullscreen {
    height: 100vh !important;
}
.gridReguralizationPopup .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1), #Organization-HolidayCalenderDays-VoyonGrids .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
    width: 65px;
    background: var(--secondary-color);
    border: var(--secondary-color);
    margin-left: 0;
}
.dx-button-mode-contained.dx-button-default:has(.fa-users) {
    background: var(--secondary-btn) !important;
    margin-left: 3px;
}
.overtime-process-grid-table {
    border: 1px solid #ddd;
    margin-top: 22px !important;
    border-radius: 8px;
    padding: 14px;
}
.overtime-process-grid-table .GridFooter {
    display: flex;
    align-items: center;
}
.overtime-process-grid-table #btnBatchDelete .dx-button-content,
.bonusprocess-employeelist-container #btnBatchDelete .dx-button-content{
    background: transparent !important;
}
.overtime-process-grid-table #btnBatchDelete .dx-button-content .dx-icon,
.bonusprocess-employeelist-container #btnBatchDelete .dx-button-content .dx-icon{
    background: var(--secondary-btn);
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-left: 12px;
}
.bonusprocess-employeelist-container #btnBatchDelete .dx-button-content .dx-icon{
    margin-left: 0px;
}
.overtime-process-grid-table .dx-datagrid-headers{
    box-shadow: none !important
}
.overtime-process-grid-table .dx-datagrid-header-panel .dx-icon.dx-icon-overflow {
    background: var(--secondary-btn);
    border: 0px solid #eaeaea;
}
.overtime-process-grid-table .dx-datagrid-search-panel {
    width: 240px !important;
}
#recovery-schedule-forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65, 65, 65, 0.31) !important;
    padding: 7px 9px 8px !important;
}
.import-pop:has(.fileuploader-excel-container) {
    border: 0px solid red !important;
}
.import-pop .footer-group {
    position: absolute;
    bottom: 13px;
    right: 32px;
}
.skip-invalidRows-label {
    color: #333;
    font-weight: 400;
    font-size: 13px;
}
.employee-info-xs .wow-profile-icon {
    width: 30px;
    height: 30px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/wow-icon.svg);
    background-size: 30px;
    background-position: center;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 52px;
    z-index: 22;
    top: 10px;
    border-radius: 7px;
    cursor: pointer;
}
.dx-popup-content .dx-scrollview-content:has(.employee-info-xs) {
    padding-right: 0px !important;
}
.dx-tooltip-wrapper .dx-overlay-content:has(.employee-info-xs) {
    padding: 0px !important;
    box-shadow: none !important;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid #ddd;
    background: #fff;
}
.dx-tooltip-wrapper .dx-overlay-content {
    background-color: #fff;
}
.salary-schedule-grid-card #scheduleEmployeeGrid .dx-datagrid-rowsview {
    padding: 0px 0px !important;
}
.salary-schedule-footer {
    margin-top: 0px;
}
#scheduleEmployeeGrid {
    height: 54vh !important;
}
.fas.fa-wand-magic-sparkles::before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Auto-populate-icon.svg);
    display: block;
    content: '';
    height: 16px;
    width: 17px;
    background-size: 18px;
}
#arrearsPaymentScheduleMultiForm i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
.incentive-type-button {
    width: fit-content !important;
}
.bonusprocess-employeelist-container,
.payments-section-grid-container {
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 10px;
}
#Benefits-FestivalBonusEmployee-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-after {
    margin-top: 7px;
}
#Benefits-FestivalBonusEmployee-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-after .festivalBonusExport .dx-button-content{
    background: var(--secondary-color) !important;
    height: 30px !important;
    width: 30px !important;
    border-radius: 5px !important;
    margin-right: 7px !important;
    border: 0px solid #d9d9d9 !important;
}
#Salary-StatutoryComponent-form p {
    margin: 0px;
    text-align: center;
}
#gridGeoTagEmployee .sal-custom-btns .dx-icon.dx-icon-right.fa-file-excel {
    margin-left: 10px;
    margin-right: 8px;
    background: var(--secondary-btn);
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 0px;
}
#mrCollapseAllBtn {
    background: var(--collapse-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    border: 0px;
    margin-left: 12px;
}
.appraisal-cycle-section #formRender {
    margin-bottom: 0px !important;
}
#formRender .dx-form-group-caption:hover{
    background-color: transparent !important
}
.appraisal-cycle-section .preview-sub-card .dx-form-group-content {
    border-top: 0px !important;
}
.A-cycle-formRender .dx-box-flex.dx-box.dx-widget > .dx-item.dx-box-item:nth-child(2) > .dx-item-content.dx-box-item-content > .dx-item.dx-box-item {
    margin-bottom: 0px;
}
.dx-item .dx-collection .dx-field-item-content:has(span.period-icon.appraisal-icon) {
    background: #E6F5FF;
    padding: 16px;
    border-radius: 8px;
}
.dx-item .dx-collection .dx-field-item-content:has(span.period-icon.process-icon) {
    background: #F9F1DB;
    padding: 16px;
    border-radius: 8px;
}
.dx-item .dx-collection .dx-field-item-content:has(span.period-icon.review-icon) {
    background: #DBF8EE;
    padding: 16px;
    border-radius: 8px;
}
.appraisal-cycle-section .preview-sub-card .dx-state-readonly .dx-texteditor-input {
    padding-left: 0px !important
}
#btnPreview {
    color: #fff;
    background: var(--secondary-color);
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border-radius: 6px;
    overflow: hidden;
    padding: 7px 14px !important;
    border: 0px !important;
}
#btnPreview .dx-button-content {
    padding: 0px !important;
    min-width: fit-content;
}
.kra-title {
    font-size: 13px;
}
.appraisal-template-card .section-weightage {
    font-weight: 600;
    color: #333;
    font-size: 13px;
    margin-right: 12px;
    right: 58px;
    top: 17px;
}
.appraisal-template-card .section-separator {
    position: absolute;
    right: 56px;
    top: 18px;
    color: #dae5ea;
}
#kraEditBtn, .appraisalTemplate-Section .sectionEdit-btn {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    top: 39px !important;
    right: 54px !important;
}
.ti-trash.sectionClose-btn {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    top: 46px !important;
}
.position-requisiton-pagefield-settings .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -26px !important;
}
.position-requisiton-pagefield-settings .dx-form-group-caption {
    position: absolute;
    top: 16px;
    left: 34px;
    z-index: 99;
}
.position-requisiton-pagefield-settings #Voyon-Grids{
    box-shadow: none;
}
.measures-form .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
#measures-form .dx-item.dx-box-item i.dx-icon.dx-icon-minus {
    margin-left: -20px !important;
}
.SalaryRevisionPromotionFilterHeaderCard {
    background: #fff;
    z-index: 28;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    color: #010101;
    position: relative;
    padding: 10px 12px;
    margin-bottom: 10px;
}
.SalaryRevisionPromotionFilterPrimarySection {
    margin-bottom: 12px;
    margin-top: 10px;
}
.SalaryRevisionPromotionFilterSecondarySection {
    background-color: #EEF2F7 !important;
    padding: 15px 14px;
    border-radius: 6px;
    margin: 0px;
    margin-bottom: 3px;
}
.SalaryRevisionPromotionFilterSecondarySection .sr-status.vy-text-label-new {
    border-right: 1px solid #dddddd;
    margin-right: 4px;
    padding-right: 14px;
}
#appraisalStatusSpan {
    padding-left: 3px;
    font-weight: 300;
}
.salaryRevision-header #revisionEmployeeSelectionGrid {
    height: 58vh !important;
}
#SalaryRevisionAndPromotionFullView #viewRevisionDetailGrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px !important;
    height: 54vh;
}
#revisionViewFormDiv {
    background: #eef2f7;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    padding: 5px 12px;
    margin-bottom: 12px;
    padding-top: 12px;
}
#revisionViewFormDiv .dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: flex;
    flex-direction: column;
}
#revisionViewFormDiv .dx-field-item-label-content {
    width: 100% !important;
}
.dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding-top: 0px;
    font-weight: 400;
    font-size: 13px;
}
.kra-header-content {
    font-size: 13px;
    font-weight: 700;
}
.Set-KRA-Goals-container #KraForm {
    padding: 10px;
    border-radius: 8px;
    box-shadow: none;
}
#KraForm .dx-accordion-item {
    border: 0px solid #fff !important;
    overflow: hidden;
}
.Set-KRA-Goals-container .dx-accordion {
    background-color: #fff;
    color: #333;
}
.Set-KRA-Goals-container #approvalHeader {
    border: 1px solid color-mix(in srgb, var(--secondary-color), transparent 80%);
    padding: 20px;
    /* margin: 5px 10px; */
    border-radius: 7px;
    background: color-mix(in srgb, var(--secondary-color), transparent 95%);
    overflow: hidden;
}
.dx-accordion-item.dx-accordion-item-closed .kra-header {
    border: 0px solid;
    margin-top: 4px;
}
#KraForm .dx-accordion-item-title:before {
    margin-top: 0px;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Set-KRA-Goals-container .dx-accordion-item-title {
    padding: 9px 6px;
}
.kra-header .kra-actions {
    font-size: 14px;
    margin-right: 54px;
    display: flex;
    gap: 10px;
    font-weight: 500;
    margin-top: 5px;
}
#KraForm .dx-accordion-item-body {
    padding: 0 8px 8px;
}
#employeeIdSeriesDiv .Vf-grid-child,
#probationSettingsDiv .Vf-grid-child,
.gender-wise-age-setting-card .Vf-grid-child {
    border: 1px solid #ddd !important;
}
.employeeCard.familyDetails {
    margin-top: 12px;
}
.AddEmlpoyee-css .empBenefit-title {
    top: -16px;
}
.AddEmlpoyee-css .vy-accordian2 .employeeCard {
    height: 42vh;
    /*overflow-y: scroll;*/
}
#FestivalBonusDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    padding: 16px 10px !important;
}
#popupSlotBookedDetailsList .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0px 0px !important;
}
span.Vf-conf-msg {
    margin-bottom: 12px;
}
.Vf-action-grid-btn.custom-btn:has(.ti-file.list-action-rect-Icon) {
    margin-top: -15px !important;
}
#holidayCalendar .dx-widget.dx-button .dx-button-content {
    padding: 0px !important;
}
#KraForm .goal-card {
    padding: 16px 0;
    padding-top: 6px;
    padding-bottom: 10px;
    margin-bottom: 8px !important;
}
#employeeKraGoalProgressHistoryContent .dx-accordion {
    background-color: #fff;
    color: #333;
}
.Vf-grid-child:has(#employeeKraGoalProgressHistoryContent) {
    border: 0px;
    box-shadow: none;
    border-radius: 6px;
    overflow: hidden;
}
#employeeKraGoalProgressHistoryContent .dx-accordion-item-body {
    padding: 0px;
}
#sectionData .dx-datagrid-headers {
    box-shadow: none;
}
.appraisal-template-card .section-divider {
    margin: 14px 0 12px 0;
    border: 0;
    border-top: 1px solid #ddd;
}
#myReviewTabContainer .dx-tab .dx-icon {
    color: rgba(79, 77, 77, .85);
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    font-size: 22px;
    text-align: center;
    line-height: 11px;
    margin-right: 0px;
    margin-left: 0;
}
#myReviewTabContainer .dx-tab .dx-icon.dx-icon-close {
    font-size: 14px;
}
#myReviewTabContainer .dx-tab.dx-tab-selected .dx-icon.dx-icon-close {
    font-size: 14px;
    color: #fff;
}
#TokenVerifyButton {
    width: 280px !important;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #05A5F0;
    padding: 7px 18px 8px;
    line-height: 13px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    height: 38px;
}
#BackToHomeButton {
    background: #DAE5EA !important;
    color: #222222;
    height: 38px;
    border-radius: 6px;
    margin-top: 9px;
    border-radius: 5px;
}
#BackToHomeButton .dx-button-content {
    color: #000;
    margin-top: 0px;
    font-weight: 500;
}
.reset-password-card .dx-texteditor.dx-editor-filled {
    padding: 0px 0px;
    background: transparent;
    border: 0px;
}
#Verify-Security-Footer a,
#forgotPasswordFooter a {
    font-weight: 700;
    color: #207ef6 !important;
    text-decoration: underline;
    margin-left: 4px;
}
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalApprove,
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalReject,
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalClear {
    background: #fff;
    height: 34px;
    width: 34px;
    display: flex;
    border: 1px solid #ddd;
}
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalApprove .dx-button-content,
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalReject .dx-button-content,
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalClear .dx-button-content {
    padding: 4px 8px;
}
#Employee-Search-Div .vy-img-avatar {
    width: 34px;
    height: 34px;
    border-radius: 34px;
    margin-left: -5px;
    margin-right: 9px;
}
#allApprovalsContainer .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: fit-content;
    max-height: 70vh !important;
}
#allApprovalsContainer #approvalRequestGrid {
    margin: 7px 22px;
}
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: #fff;
}
#processPayrollListPage .dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
#processPayrollListPage .dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: transparent !important;
}
.dx-popup-title.dx-has-close-button .dx-button-content {
    position: static;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dx-popup-title .dx-closebutton {
    display: block;
    border-radius: 8px;
    background: 0 0;
    width: 30px;
    height: 30px;
    margin: 0 0px 0 -0px;
    border: 1px solid transparent;
}
.batch-update-employees-section label {
    margin-bottom: 5px;
}
.batch-update-employees-section span {
    font-weight: 600;
}
#gridPayrollComponentsCompare .dx-datagrid-header-panel .dx-toolbar-after {
    top: 6px;
}
#gridPayrollComponentsCompare .dx-datagrid-header-panel .dx-button-mode-contained {
    margin-left: 0px !important;
}
#VoyonDashboardControl > div[data-bind="style: title.containerStyles"] {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    justify-content: center !important;
    height: 60px !important;
}
.dashboard-setup .empty-data, .dashboard-setup .card-body-widget, .dashboard-setup .Wc-card {
    width: 100%;
    height: 100%;
}
.holiday-cal-popup-grid #HolidayCalendar-Column-Chooser {
    position: relative;
    top: 0px !important;
    margin-top: 0px !important;
    right: 0px !important;
}
.holiday-summary-row.holiday-summary-row-dashboard {
    top: 0px !important;
}
.holiday-summary-row-dashboard-main-container {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
}
.holiday-summary-row.holiday-summary-row-dashboard {
    padding: 12px !important;
    display: flex;
    justify-content: center;
    background: red;
    border-radius: 6px;
}
.holiday-summary-row.holiday-summary-row-dashboard,
#Voyon-Listing-Dashboard #DailyAttendance-VoyonListWidget-Title {
    padding: 12px 16px !important;
    display: flex;
    justify-content: center;
    background: #EEF2F7;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.holiday-summary-row-dashboard-main-container #HolidayCalendar-VoyonListWidget-Voyon-Listing-Dashboard {
    margin: 0px !important;
}

.holiday-summary-row-dashboard-main-container #HolidayCalendar-VoyonListWidget {
    border: 0px solid !important;
}
.holiday-summary-row-dashboard-main-container #HolidayCalendar-VoyonListWidget-Footer-ToolBar {
    box-shadow: none;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-radius: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.holiday-summary-row-dashboard-main-container .dx-datagrid-header-panel {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 4px;
}
.holiday-summary-row-dashboard-main-container .dx-datagrid-rowsview, .holiday-summary-row-dashboard-main-container .dx-datagrid-headers,
.holiday-summary-row-dashboard-main-container .dx-datagrid-headers + .dx-datagrid-rowsview {
    background: rgb(255, 255, 255);
    padding-right: 10px !important;
    padding: 0 0px !important;
}
.holiday-cal-popup-grid.holiday-summary-row-dashboard-header-container .filter-toolbar {
    padding: 10px !important;
}
#Voyon-Listing-Dashboard #DailyAttendance-VoyonListWidget {
    height: calc(100dvh - 254px) !important;
    border: 1px solid #ddd;
    padding: 6px 10px;
    border-radius: 6px 6px 0 0;
    border-bottom: 0px;
}
#Workforce-EmployeeTransfer-VoyonGrids .ti-file:before {
    margin-top: 6px;
}
.payroll-list-container .dx-icon.ti-trash {
    background: #ffdfe2 !important;
}
.dx-icon-pay-slip {
    width: 30px !important;
    height: 30px !important;
    background-position: 5px 5px !important;
    background-size: 20px 20px !important;
    padding: 0 !important;
    font-size: 18px !important;
    padding: 0px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/slip.png) !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
#payroll-process-register .dx-button-text {
    font-weight: 300;
}
#payroll-process-register .dx-button-content {
    padding: 0px;
}
#payroll-process-register .dx-icon.dx-icon-register-payroll {
    /*background: #fff;*/
    margin: 0px;
}
.dx-icon-register-payroll {
    width: 26px !important;
    height: 26px !important;
    background-position: 4px 4px !important;
    background-size: 18px 18px !important;
    padding: 0 !important;
    font-size: 18px !important;
    padding: 0px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/edit-file.png) !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
.payroll-list-container .dx-datagrid-header-panel .dx-icon.dx-icon-overflow {
    background: var(--secondary-btn);
    border: 0px solid #eaeaea;
}
.dashboard-setup #scheduler {
    overflow: hidden;
    height: 390px !important;
}
.dashboard-setup .dx-scheduler-navigator .dx-button-has-icon .dx-icon{
    color: #333 !important;
}
.calendar-container:has(.dx-scheduler-work-space-month) .dx-scheduler-navigator-caption {
    width: 70px;
}
.calendar-container:has(.dx-scheduler-work-space-week) .dx-scheduler-navigator-caption {
    width: 130px !important;
}
#scheduler.calendar-dashboard .dx-scheduler-work-space {
    padding-top: 12px;
    margin-top: 0px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 40px;
    margin-bottom: -50px;
}
.dashboard-setup .dx-scheduler-work-space-week .dx-scheduler-date-table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    float: left;
    margin-left: 0px;
}
.dashboard-setup .dx-scheduler-work-space-week .dx-scheduler-date-table-row:before,
.dashboard-setup .dx-scheduler-work-space-week .dx-scheduler-all-day-table-row:before,
.dashboard-setup .dx-scheduler-work-space-week .dx-scheduler-header-row:before,
.dashboard-setup .dx-scheduler-work-space-day .dx-scheduler-date-table-row:before,
.dashboard-setup .dx-scheduler-work-space-day .dx-scheduler-all-day-table-row:before,
.dashboard-setup .dx-scheduler-work-space-day .dx-scheduler-header-row:before {
    content: "";
    width: 0px;
    display: table-cell;
}
.dashboard-setup .dx-scheduler-date-time-shader-all-day {
    margin-left: 0px;
    width: 100%;
    background-color: rgba(51, 51, 51, .04);
    position: absolute;
    pointer-events: none;
}
.calendar-dashboard .dx-scheduler-all-day-title {
    font-size: 11px;
    font-weight: 700;
    top: 56px !important;
    color: transparent;
}
.calendar-dashboard .dx-scheduler-header-panel-empty-cell {
    border-right: 0px solid rgba(221, 221, 221, .6);
}
.calendar-dashboard .dx-scheduler-work-space-day .dx-scheduler-date-table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    float: left;
    margin-left: 0px;
}
.calendar-dashboard .dx-scheduler-work-space-day .dx-scheduler-all-day-title {
    border-bottom: 0px solid rgba(221, 221, 221, .6);
}
#SystemSettings-MyApprovals-VoyonGrids #btnApprovalApprove .fa-check-square:before {
    width: 17px;
    height: 17px;
}
.voice-msg {
    position: absolute;
    right: 8px;
    bottom: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Mic icon */
.microphone-chat {
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #ff4d4d;
}
/* Recording animation */
.voice-msg.recording::before,
.voice-msg.recording::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: #fc573bb8;
    animation: ripple 1.6s infinite;
}
.voice-msg.recording::before {
    width: 20px;
    height: 20px;
}
.voice-msg.recording::after {
    width: 20px;
    height: 20px;
    animation-delay: 0.8s;
}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}
.Voyon-Grids .vy-text-avatar {
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: rgb(228 228 228);
    text-align: center;
    padding: 4px 0;
    font-weight: 500;
    position: relative;
    color: #fff;
    margin-top: 0px;
    border-radius: 50%;
    margin-left: 0px;
    margin-right: 1px;
    overflow: hidden;
    float: left;
    font-size: 8px;
}
.footer-btn-ReleasePayout-HoldGrid {
    position: fixed;
    bottom: 14px;
   
}
#payoutHoldReleaseListing .dx-datagrid-headers {
    background: rgb(255, 255, 255);
    padding-right: 0px !important;
    padding: 0 0px !important;
}
#payoutHoldReleaseListing .dx-header-row td:first-child {
    padding: 12px 7px 3px 0px !important;
}
#payoutHoldReleaseListing .dx-datagrid-borders > .dx-datagrid-headers {
    box-shadow: none !important;
}
#payoutHoldReleaseListing {
    border: 1px solid #ddd;
    padding: 10px 13px;
    border-radius: 6px;
}
#gridFilteredEmployee { /*Payroll (Payout On Hold)*/
    height: 50vh !important;
}
.dx-texteditor.dx-state-hover.dx-editor-filled {
    border-color: transparent;
    background-color: rgb(255 255 255);
}
.dx-item .dx-item-content:has(#drpFilterType) {
    border-right: 1px solid #c2c2c2;
    margin-right: 10px;
    padding-right: 10px;
}
.dx-item .dx-item-content:has(.status-section-advance) {
    border-left: 1px solid #c2c2c2;
    margin-left: 10px;
    padding-left: 10px;
}
#Benefit-Advance-VoyonGrids .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-item {
    padding: 0px !important;
}
.status-section-advance {
    margin-right: 10px;
}
#Benefit-Advance-VoyonGrids #drpStatus {
    margin-right: 12px;
}
#Benefit-Advance-VoyonGrids .Vf-action-grid-btn.custom-btn:has(.ti-file.list-action-rect-Icon),
#Benefit-FinalSettlement-VoyonGrids .Vf-action-grid-btn.custom-btn:has(.ti-file.list-action-rect-Icon) {
    margin-top: -7px !important;
}
#Benefit-Advance-VoyonForms .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 10px;
    margin-top: 0px;
    border-top: 0px solid #ddd;
    padding-bottom: 0px;
}
#Benefit-Advance-VoyonForms .dx-item.dx-box-item:first-of-type {
    margin-bottom: 7px;
}
#Benefit-Advance-VoyonForms .vy-view-content .dx-form-group-caption {
    font-size: 13px;
    font-weight: 600;
    position: relative;
    color: #222;
    top: 0px;
    padding-bottom: 2px;
    padding-top: 12px;
}
.Vf-toolbar-footer.dx-toolbar {
    padding: 10px !important;
    position: sticky;
    bottom: 2px;
    z-index: 4;
}
#gridShiftDetails {
    height: calc(90dvh - 100px) !important;
}
#gridShiftDeduction .dx-datagrid-header-panel {
    display: block !important;
    padding-left: 18px;
}
#auto-increment-promotion-proceed-btn {
    position: fixed;
    bottom: 16px;
    right: 20px;
}
#transactionHistory .dx-command-select {
    text-align: left !important;
    padding-left: 0px !important;
}
#transactionHistory .dx-datagrid-header-panel .dx-button-content {
    padding: 0px !important;
}
#SystemSettings-AISettings-AIAgents-VoyonGrids .dx-link.ti-settings.custom-btns.list-action-rect-Icon {
    top: 1px;
}
#resumeParsing .dx-widget.dx-button.dx-button-mode-contained.dx-button-default.dx-button-has-text {
    background-color: #05a6f0 !important;
}
.emp-pro-pic {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    overflow: hidden;
    /* margin: 0 auto; */
    border: 1px solid #ddd;
}
.emp-pro-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.up-photo {
    padding: 0px 0;
    margin: 0 auto;
    position: absolute;
    /* width: 80%; */
    top: 8px;
    z-index: 1;
}
#btnClearGroupLogo {
    background: transparent;
    position: absolute;
    left: auto;
    right: -18px;
    top: -9px;
    z-index: 50;
}
#divfrmAIpermision {
    padding: 12px;
}
.LeaveAgainstAbsenticeFooterSection {
    background-color: #fff !important;
    padding: 12px 8px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-top: 1px solid #ddd;
}
.LeaveAgainstAbsenticeFooterSectionNote {
    font-size: 13px;
    color: #333;
    font-style: italic;
    text-align: end;
}
#LeaveRequestFormPreviewBtn .dx-button-content,
#LeaveManagement-LeaveRequest-VoyonGrids-Batch-Delete-Button .dx-button-content {
    padding: 0px !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids #LeaveRequestFormPreviewBtn.dx-button-mode-contained.dx-state-hover,
#LeaveManagement-LeaveRequest-VoyonGrids #LeaveManagement-LeaveRequest-VoyonGrids-Batch-Delete-Button.dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids-Batch-Delete-Button {
    margin-left: 12px;
}
#LeaveManagement-LeaveRequest-VoyonGrids #drpCalendarYear {
    margin-left: 0px;
}
.badgepopover.dxpopup-fullview .dx-overlay-content {
    padding: 0px 0px 0px;
}
.badgepopover.dxpopup-fullview .leaverequest-fullview {
    background-color: #fff !important;
}
.badgePopupContent-remarks .remarks-row {
    padding: 20px 20px;
    margin: 0px;
    border: 1px solid #ddd;
}
.badgepopover.dxpopup-fullview .dx-popup-content .badgePopupContent-remarks {
    position: relative;
    top: -60px;
    z-index: 22;
}
.badgepopover.dxpopup-fullview .rq-fullview .vy-fullview-title {
    background: transparent;
    padding-top: 8px;
}
.leaverequest-fullview .full-view-card-header {
    border: 0px solid #ddd;
    margin-top: 10px;
    margin-bottom: 8px;
}
.badgePopupContent .rq-summary,
#badgePopupContent .vy-fullview-title {
    border: 1px solid #dddd;
    box-shadow: none !important;
}
.badgePopupContent.lv-request-btn .vy-fullview-title {
    margin: 0px !important;
    margin-bottom: 12px !important;
    margin-top: 4px !important;
}
.badgePopupContent.lv-request-btn .full-view-card {
    margin: 0px !important;
    padding: 0px !important;
    background: #fff !important;
}
.badgePopupContent .rq-fields {
    background: #fff;
    box-shadow: none !important;
    margin: 0px;
    margin-top: 0px;
    padding-top: 10px;
}
#CustomFormContainerLeaveManagement-LeaveCancellation-VoyonForms {
    box-shadow: none;
    padding: 0px;
}
.leaverequest-fullview form#CustomFormContainerLeaveManagement-LeaveRequest-VoyonForms {
    box-shadow: none !important;
    padding: 0px;
}
.badgePopupContent .entry-field {
    margin-left: 10px;
    margin-bottom: 0px;
    box-shadow: none !important;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-top: 0px;
}
.badgepopover.dxpopup-fullview .dx-popup-content {
    padding: 20px;
    height: calc(100dvh - 150px) !important;
    overflow: clip;
}
.badgePopupContent .full-view-hidden.rq-fullview {
    background: #fff;
    margin: -3px -10px;
    width: calc(100% + 0px);
    height: calc(100dvh - 90px);
}
#badgePopupContent .full-view-hidden {
    background: #fff !important;
    padding: 0px !important;
    margin-top: 0px !important;
}
#badgePopupContent form#CustomFormContainerLeaveManagement-LeaveRequest-VoyonForms {
    border: 0px solid #ddd;
}
.dx-link.close-btn-svg.custom-btns.travelClaim-cancel {
    font-size: 13px !important;
    font-weight: 600;
    position: relative !important;
    top: -1px !important;
}
.dx-colorbox-overlay .dx-popup-content {
    max-height: 294px !important;
}
.payments-section-grid-container .Voyon-GridTitLe,
#Attendance-OvertimePolicy-Slab-VoyonGrids-Footer-ToolBar {
    display: none;
}

.vy-img-avatar {
    width: 22px;
    height: 22px;
}
.dx-dropdowneditor-overlay.dx-datebox-wrapper-time .dx-popup-content {
    max-height: 100% !important;
}
.dx-datagrid-header-panel .dx-dropdownmenu-button .dx-button-content {
    padding: 0px 0px;
}
#ESS-RegularizationRequests-CheckinCheckout-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-datagrid-header-panel,
#Attendance-ShortTimePolicy-Slab-VoyonGrids .dx-datagrid-header-panel,
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-datagrid-header-panel,
#Attendance-ShortTimePolicy-Slab-VoyonGrids .dx-datagrid-header-panel,
#Attendance-OvertimePolicy-Cap-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -44px;
}
.Vf-toolbar-header .dx-datagrid-search-panel.dx-textbox.dx-texteditor {
    width: 250px !important;
}
#popupSlotBookedDetailsList .dx-datagrid-headers { 
    padding: 0 0 !important
}
#popupSlotBookedDetailsList .dx-command-select {
    text-align: left !important;
}
#popupSlotBookedDetailsList td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: left !important;
    padding-left: 0px !important;
}
.generate-btn-leave-absentees {
    border-right: 1px solid #bfbbbb !important;
    padding-right: 14px;
    margin-right: 10px;
    border-radius: 0px !important;
}
.generate-btn-leave-absentees .dx-button-content,
.generate-btn-leave-absentees.dx-state-hover .dx-button-content {
    background: var(--secondary-color);
    border-radius: 5px;
    color: #fff;
}
.dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-widget {
    font-weight: 300;
}
.Org-chart-section.dx-diagram.dx-diagram-fullscreen {
    height: 100vh !important;
}
#CompanyNameToolTip .dx-dropdowneditor-icon::before {
    left: 17px;
}
#bankDetailsDiv .dx-datagrid-addrow-button .dx-button-content,
#Workforce-Employee-EmergencyContact-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: 0px !important;
    right: 0px !important;
}
#Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: 0px !important;
    right: 20px !important;
}
#FestivalBonusDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: -24px;
}
#Workforce-Employee-EmergencyContact-VoyonGrids .dx-edit-button.dx-datagrid-addrow-button {
    right: 46px !important;
}
#divTalentInformationsPanel .Voyon-ChildGrids-Title {
    top: 12px;
}
#divTalentInformationsPanel .dx-datagrid-addrow-button .dx-button-content {
    top: -12px;
}
#divTalentInformationsPanel .dx-button-content .dx-button-text {
    padding-left: 0px;
}
#employeeTabPanelContainer #divTalentInformationsPanel .dx-datagrid-addrow-button .dx-button-content {
    top: -12px;
}
#divTalentInformationsPanel .vy-accordian.opened .Voyon-ChildGrids-Title {
    margin-top: 1px;
}
#Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-headers {
    padding: 0 6px !important;
}
.employeeCard .Vf-grid-child #Workforce-Employee-ReportingDetails-VoyonGrids .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    padding: 0 6px 0px !important;
}
.Supervisor-Transition-Voyon-Forms {
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 6px;
}
.Supervisor-Transition-Voyon-Forms .dx-datagrid-header-panel {
    display: block !important;
}
.dx-datagrid .dx-editor-with-menu:has(.dx-colorbox) .dx-filter-menu {
    display: none !important;
}
.dx-editor-container {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 5px;
}
#Workforce-OnboardingActivity-Tasks-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -36px;
}
#Workforce-OnboardingPlan-DependantTask-VoyonGrids .dx-datagrid-header-panel,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
}
#taskSlab .dx-datagrid-header-panel {
    margin-top: 0px;
}
.btn-grp .dx-button, .Viewmode-btngroup .dx-button {
    margin-left: 10px !important;
}
.btn-grp .dx-button[style*="display: none"], .Viewmode-btngroup .dx-button[style*="display: none"] {
    margin-left: 0px !important;
}
#LoanManagement-LoanRequest-VoyonGrids .Vf-action-grid-btn.custom-btn:has(.ti-file.list-action-rect-Icon) {
    margin-top: -8px !important;
}
#repayment-schedule-forms .Vf-btn-circle i.dx-icon.dx-icon-plus {
    color: #000;
}
.dx-tag {
    max-width: calc(100% - 1px);
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    height: 100%;
}
#Travel-TravelClaimRequest-VoyonGrids .Vf-action-grid-btn.custom-btn:has(.ti-file.list-action-rect-Icon) {
    margin-top: -6px !important;
}
#travel-claim-req-expenses-grid .dx-toolbar-button .dx-datagrid-search-panel {
    margin-left: 9px;
}
#travelCustomerAllocation-salarySchedulegrid #participantEmployeeFilter {
    position: absolute;
    right: 250px;
}
#eligibilityRuleDiv {
    margin-top: 22px;
}
#employee-attendance-listing-grid tr.dx-column-lines:last-child td,
.LeaveAccrualClosingContainerSection tr.dx-column-lines:last-child td {
    border-bottom: 1px solid #dddddd !important;
}
.dx-link.ti-file.Vf-action-grid-btn.list-action-rect-Icon.leaveSettlement {
    top: -1px;
}
#LeaveManagement-LeaveSettlement-VoyonGrids .dx-link.ti-file.Vf-action-grid-btn.list-action-rect-Icon.leaveSettlement {
    top: 2px;
}
.LeaveAccrualClosingContainerSection.combined-layout-style {
    height: calc(100dvh - 150px) !important;
    /* overflow: hidden; */
    border-radius: 6px;
    padding-bottom: 20px;
}
/*.LeaveAccrualClosingContainerSection .dx-datagrid-rowsview {
    height: 70vh !important;
    overflow: auto;
    overflow-y: scroll;
}*/
.LeavePolicyContainer .Voyon-Forms {
    padding-bottom: 0px;
}
#LeaveManagement-LeavePolicy-Sandwich-VoyonForms, #LeaveManagement-LeavePolicy-VoyonForms {
    margin-bottom: 26px;
}
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-link.ti-file.Vf-action-grid-btn.list-action-rect-Icon.leaveSettlement {
    top: -3px;
}
.employeepreview-css.job-offer-ess h1,
.employeepreview-css.job-offer-ess h2,
.employeepreview-css.job-offer-ess h3,
.employeepreview-css.job-offer-ess h4,
.employeepreview-css.job-offer-ess h5,
.employeepreview-css.job-offer-ess h6{
    font-size: 13px;
}
.employeepreview-css.job-offer-ess .ad-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px;
    flex-direction: column;
}
.employeepreview-css.job-offer-ess .ad-item label {
    margin-bottom: 0px;
    width: fit-content;
    line-height: 24px;
    color: #616161;
}
.employeepreview-css.job-offer-ess .ad-item > div {
    font-size: 13px;
    margin-left: 0px;
    position: relative;
    font-weight: 500;
    width: fit-content;
    line-height: normal !important;
}
.employeepreview-css.job-offer-ess .ad-item .dx-texteditor-input {
    height: auto;
    padding: 0px;
    width: 90%;
}
#interviewViewTemplate .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: 30vh !important;
}
#candidateInterviewEditorViewPage .vy-view-content {
    max-height: fit-content;
    height: 84vh;
    overflow-x: scroll;
    padding-bottom: 20px;
}
#LearningDevelopment-TrainingRequestEmployees-VoyonGrids {
    border-radius: 4px 4px 0 0;
    /*margin-bottom: 33px;*/
}
#LearningDevelopment-TrainingRequestEmployees-VoyonGrids-Footer-ToolBar {
    position: relative;
    box-shadow: none !important;
    border: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    display: none;
}
.user-profile-dropdown .dx-dropdowneditor-button {
    width: 32px;
    min-width: auto;
    padding: 0px;
    border-radius: 4px;
}
.employee-filter-grid-payroll {
    padding-bottom: 40px;
}
.custom-grid-footer-payroll {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 22px;
    left: 5px;
    width: fit-content !important;
    padding: 0px;
    border-top: 0px;
}
#payrollprocessStatusList ul{
    padding-right: 0px !important;
}
.assetPhoto-Uploader .Voyon-Forms, .assetPhoto-Uploader {
    padding-bottom: 0px !important;
}
#Voyon-Reporting-Grids .dx-textbox.dx-texteditor {
    height: auto !important;
}
#AssetAllocation-ReportingGrids .dx-header-row td.dx-command-select.dx-editor-cell {
    padding-left: 0px !important;
    padding-right: 5px !important;
}
#Asset-Reports-AssetHistory-ReportingGrids .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: auto !important;
}
#AttendanceLogSummary-table-header .mult-range-switch {
    margin-right: 16px;
}
#payroll-process-splitup-grid dx-datagrid-pager {
    display: flex;
    justify-content: space-between;
}
.expand-arrows.expand {
    background-image: url(../img/collapse-two-arrows.svg);
    right: 24px;
}
.eventSplash .eventdet{
    background: #EEF3F8;
    font-size: 13px;
    font-family: var(--main-font);
    font-weight: 500;
    padding: 15px;
    width: 100%;
}
.dx-popup-content:has(#tileViewWelcomeAboard) .dx-scrollview-content {
    padding-right: 0px !important;
}
#EmployeeBUStrength-Column-Chooser, #EmployeeStrength-Column-Chooser {
    position: relative;
    top: 0px;
    right: 0px;
}
#EmployeeBUStrength-VoyonListWidget, #EmployeeStrength-VoyonListWidget {
    height: 66vh !important;
}
#EmployeeBUStrength-VoyonListWidget-Footer-ToolBar {
    height: fit-content !important;
    margin: 0px !important;
    padding: 0px !important;
}
#btnClearCompanyLogo {
    background: transparent;
    position: relative;
    left: 60px;
    top: -90px;
    z-index: 60;
}
.Help-builder-parent .Vf-html-editor .dx-htmleditor-toolbar {
    padding: 8px 14px;
}
#travelCustomerAllocation-salarySchedulegrid .dx-pager {
    float: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
#PendingGrid .dx-pager {
    float: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
#participantGridFooter {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
#shiftMainDiv .dx-datagrid-pager.dx-pager,
#payroll-process-splitup-grid dx-datagrid-pager {
    display: flex;
    justify-content: end;
}
#ShiftCalendar-grid-Footer-ToolBar {
    position: fixed;
    bottom: 86px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids tr.dx-row.dx-column-lines.dx-header-row td {
    padding: 5px 15px !important;
}
.dummy-dropdown {
    background: #fff;
    border: 1px solid rgb(186 195 211);
    border-radius: 6px;
    height: 34px;
}
td.dx-command-edit.dx-command-edit-with-icons .dx-button-mode-contained.dx-button-default {
    background: transparent !important;
}
#Workforce-OnboardingPlan-DependantTask-VoyonGrids {
    position: relative;
}
#dependantTaskDiv #Voyon-Grids {
    overflow: visible;
}
#EmployeeHistoryPreview-VoyonGrids .dx-placeholder::before {
    padding: 0px;
    padding-left: 30px;
}
#tbrLeaveYearEndingClosing {
    padding: 0px;
}
#employee_Salary_Details .dx-datagrid-headers,
#employee_Salary_Details .dx-datagrid-rowsview {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
#employee_Salary_Details .dx-datagrid-total-footer {
    padding-right: 0px !important;
}
#LeaveManagement-Leave-Deduction-VoyonGrids .dx-header-row td,
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-header-row td {
    padding: 3px 7px 3px !important;
}
#accrualDetailsGrid .dx-edit-button.dx-datagrid-addrow-button {
    margin-right: 8px;
}
#vehicleRequestApproval.sum-btns.vehicleCalendar {
    position: fixed;
    top: 8px;
    right: 50px;
}
/*.submenu-drawer.show-sub-menu li.submenu-list-item.sub-head {
    margin-left: -10px;
}*/
.submenu-list-item.sub-item.serviceSelected {
    margin-left: 0px;
    margin-right: 0px;
}
.bonusprocess-employeelist-container .dx-datagrid .dx-datagrid-rowsview {
    padding: 0 10px !important;
    overflow: auto;
}
.employee-filtFooter {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: #fff;
    padding: 8px;
    padding-top: 10px;
    padding-right: 18px !important;
}
.dx-widget.zero-child-grid.Vf-grid-child.income-salary-table.income-salary-tbhead.dx-visibility-change-handler {
    width: 100%;
}
.income-salary-table .dx-datagrid-total-footer.dx-datagrid-nowrap {
    padding: 0 0px;
    padding-right: 0px !important;
}
.tds-calculator-main-container .dx-widget.exemption-grid .dx-datagrid.dx-gridbase-container {
    width: 100%;
}
.income-tx-calculator .dx-widget.zero-child-grid.Vf-grid-child.link-grid-btns.dx-visibility-change-handler {
    width: 100%;
}
.income-tx-calculator span.dx-field-item-label-text {
    white-space: nowrap;
}
.side-bar-box, ul.job-of, #applicableCandidatelistingGrid {
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 15px;
    margin: 0;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 0px solid var(--toolbar-color);
    background: #fff;
    margin-right: 0px;
}
.suitcase-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 15px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/OfferApprovalIcon.svg);
    background-size: 56px 56px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 0%;
}
.side-bar-box #jobOpeningOf {
    font-size: 18px;
    font-weight: 700;
}
.side-bar-box .JobCategorySection {
    font-size: 13px;
    color: #437286;
    font-weight: 500;
}
#componentsContainer {
    margin: 0px;
}
#componentsContainer .dx-datagrid-rowsview {
    min-height: 10vh;
    height: auto;
    height: 40vh;
}
#aiAgentDescriptionTextBox textarea {
    color: #b4b4b4 !important;
    border: 1px solid #d3d9e3;
    line-height: 19px;
    padding: 6px;
}
#vehicleRequestButtonGroup {
    position: relative;
    z-index: 9999;
    bottom: 0px;
}
#vehicleRequestButtonGroup .dx-button-content {
    padding: 0px;
}
#vehicleRequestButtonGroup .dx-button-content i {
    height: 30px;
    border-radius: 5px;
    width: 30px;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
    padding: 0px 0px;
    margin-right: 0px;
}
#Tax-FlexiPayReimbursementDetails-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: fit-content;
    max-height: 30vh !important;
    min-height: 7vh;
}
#Tax-FlexiPayReimbursementDetails-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-empty  {
    height: 40vh !important;
}
#WelcomeAboard .dx-gallery .dx-gallery-nav-button-next, #WelcomeAboard .dx-gallery .dx-gallery-nav-button-prev {
    position: absolute;
    top: -30px;
    width: 34%;
    height: 100%;
    background: 0 0;
    cursor: pointer;
    text-align: center;
}
.welcomeAboardProfile {
    width: 110px;
    height: 110px;
    border-radius: 140px;
    border: 10px solid #fff
}
.welcomeAboardProfileContainer {
    width: 150px;
    height: 150px;
    border-radius: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--secondary-color), transparent 95%);
    margin-bottom: 20px
}
.welcomeAboardProfileMainContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#WelcomeAboardLabel {
    margin-bottom: 0px;
}
.welcomeAboardProfileMainContainer h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 6px;
}
.welcomeAboardProfileMainContainer h4 {
    font-size: 13px;
    color: #333;
    font-weight: 700;
    margin-bottom: 4px;
}
.welcomeAboardProfileMainContainer p {
    font-weight: 200;
    color: #777777;
    margin-bottom: 0px;
}
.welcomeAboardGradientDivider {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, color-mix(in srgb, var(--secondary-color), transparent 70%), transparent);
    margin: 14px 0;
    width: 100%;
}
.welcomeAboardDateofJoining {
    padding: 10px 14px;
    background: color-mix(in srgb, var(--secondary-color), transparent 95%);
    border-radius: 6px;
    font-size: 12px;
}
.welcomeAboardDateofJoining i, .welcomeAboardDateofJoining b{
    color: var(--secondary-color);
}
#LeaveManagement-LeavePolicy-VoyonForms .dx-form-group-caption {
    margin-top: 14px;
}
.LeavePolicyContainer .Voyon-Forms {
    padding-bottom: 0px !important;
}
#Engagement-Ticket-RelatedTasks-VoyonGrids .dx-datagrid-header-panel {
    margin-bottom: 0px;
    margin-top: 10px;
}
#Engagement-Ticket-RelatedTasks-VoyonGrids {
    background: #fff;
}
#responseAttachments {
    margin-left: 10px;
}
.dx-htmleditor-add-image-popup .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal[aria-label="Add"] {
    background: var(--secondary-color);
    color: #fff;
    border-radius: 5px;
}
.dx-htmleditor-add-image-popup .dx-button-has-icon[aria-label="imgarlock"] .dx-button-content {
    padding: 6px;
}
.opened li.submenu-list-item.sub-item.serviceSelected {
    background: #ffffff00;
    border-radius: 0px;
    margin-left: 0px;
}
#formTypeAttributesForm.feedback-temp {
    margin-top: 6px;
}
#EmployeeEngagement-Settings-SurveyTemplate-VoyonGrids-Header-ToolBar .FilterEmp.Ai-QuestionBuilder {
    padding-left: 8px !important;
}
#surevyQuestionsGrid .dx-item-content.dx-toolbar-item-content div {
    font-size: 14px !important;
    font-weight: 600 !important;
}
#surevyQuestionsGrid {
    border: 1px solid #ddd;
    border-radius: 6px;
    height: fit-content !important;
}
#surevyQuestionsGrid .dx-bordered-bottom-view.dx-datagrid-rowsview {
    max-height: 60vh !important;
}
#LoanManagement-LoanRequest-VoyonForms .dx-form-group-caption {
    margin-top: 12px;
}
#btnRemove {
    margin-left: 10px;
}
#loanDetailContainer .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: auto !important;
    max-height: 30vh;
    min-height: 5vh;
}
.dx-datagrid-rowsview tr.dx-row.dx-data-row.dx-column-lines:last-child td {
    border-bottom: 0px !important
}
#LoanManagement-LoanSettlement-VoyonForms .dx-datagrid tr.dx-column-lines.dx-header-row:last-child td,
#documentAttributesGrid .dx-datagrid tr.dx-column-lines.dx-header-row:last-child td {
    border-bottom: 0px solid #dddddd !important;
}
#gridIssueBulkFormEmployees .dx-datagrid-headers {
    border-bottom: 0px !important;
    padding-right: 0px !important;
    padding: 0 10px !important;
}
#gridIssueBulkFormEmployees .dx-datagrid .dx-column-lines > td:first-child {
    padding: 12px 7px 3px !important;
}
#documentAttributesGrid .dx-datagrid tr.dx-column-lines.dx-header-row:last-child td {
    border-bottom: 0px solid #cdcdcd !important;
}
#gridIssueBulkFormEmployees .Voyon-GridTitLe {
    margin-left: 12px;
}
.upcoming-events.dash-card {
    position: relative;
    height: 390px !important;
    display: flex;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    width: 100% !important;
}
.dashboard-setup .Wc-card {
    height: 390px !important;
    overflow: hidden;
}
#employeeList {
    height: 330px;
}
#LearningDevelopment-OnlineTestQuestion-VoyonGrids-Header-ToolBar .FilterEmp.Ai-QuestionBuilder {
    padding-left: 10px !important;
}
.Lg-mask-row .LgCard .dx-widget input {
    padding: 0px;
}
#allApprovalsContainer #approvalRequestGrid .dx-datagrid-rowsview tr td .vy-employee-name.emp-i {
    color: #60aae0 !important;
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#CompanySwitch.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
#CompanySwitch.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: transparent !important;
}
#ResetPassword-container .dx-texteditor-input {
    padding: 0px;
}
#employeeInfoTab #familyDetailsGrid .dx-datagrid {
    padding: 10px !important;
}
#off-dependantTaskDiv .Vf-grid-child,
#dependantTaskSection .Grid-Section {
    box-shadow: none !important;
    border: 1px solid #ddd;
    padding: 6px 10px;
    margin-top: 6px;
}
#dependantTaskSection .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    box-shadow: none !important;
}
#Workforce-OffboardingPlan-DependantTask-VoyonGrids-Footer-ToolBar,
#Workforce-OnboardingPlan-DependantTask-VoyonGrids-Footer-ToolBar {
    box-shadow: none;
    border-top: 1px solid #ddd;
    position: relative;
}
#employeeData:has(.Aknowledgement_Details) .custom-grid-footer {
    border: 0px !important;
    width: fit-content;
    bottom: 6px;
    left: 6px;
    padding: 0px 12px;
}
#employeeData .Aknowledgement_Details .dx-datagrid-pager {
    border-top: 1px solid #ddd !important;
}
#LeaveManagement-LeaveRequest-VoyonGrids-Header-ToolBar {
    margin-top: 14px;
}
#allApprovalsContainer .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty {
    height: 20vh !important;
}
#leaveDetails_Table thead, #leaveResumptionRequest_fullview .rq-fields thead {
    border-bottom: 1px solid #ddd;
    width: 100%;
}
#CustomFormContainerTravel-TravelSettings-VoyonForms .dx-form-group-caption {
    margin-top: 14px;
}
#AttachmentFlyoutDocumentAttachments .FU-flex.file-name img {
    margin-right: 10px;
}
#Voyon-Grids.Timesheet-Weekly-Section-Main {
    margin-top: 10px;
}
.task-import-list-card #taskSlabDiv {
    padding: 6px;
    border: 1px solid #dddd;
}
.task-import-list-card #taskSlabDiv .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto;
    max-height: 43vh !important;
    min-height: 10vh !important;
}
.task-import-list-card #taskSlabDiv #titleDiv {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 6;
}
.task-import-list-card #taskSlabDiv .custom-grid-footer {
    position: relative;
    width: 100%;
    left: 0px;
    bottom: 0px;
    margin-top: 10px;
    justify-content: space-between;
    border-top: 0px !important;
    padding: 0px;
}
.task-import-list-card #taskSlabDiv .custom-grid-footer .right-section {
    margin-left: auto;
}
.task-import-list-card #taskSlabDiv .dx-widget.dx-datagrid-pager.dx-pager {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #ddd !important;
}
.Timesheet-Weekly-Section-Main #gridContainer .dx-pager {
    display: flex;
    justify-content: flex-end;
}
#ProjectManagement-ProjectTask-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button,
#ProjectManagement-ProjectTask-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:last-child {
    padding-left: 10px !important;
}
#ProjectManagement-ProjectTask-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button .dx-checkbox-checked .dx-checkbox-icon:before {
    top: 1px;
    bottom: 0;
    margin: auto;
    left: -1px;
    right: 0;
}
.Resource-Allocation .custom-grid-footer {
    border-top: 0px !important;
    padding: 0px;
    left: 10px;
    bottom: 22px;
}
.Resource-Allocation .dx-widget.dx-datagrid-pager.dx-pager {
    border-top: 1px solid #ddd !important;
}
#SystemSettings-DashboardDesigner-VoyonGrids .dx-datagrid-table .dx-command-edit .dx-button-mode-contained.dx-button-default {
    height: auto;
}
.vy-fullview-title.Help-builder-container {
    margin-top: 6px;
}
.add-offlineScribing-toolbar.add-attendance-toolbar {
    top: 1px;
    position: fixed;
    right: 45px;
}
#offlineScribingCalender .dx-scheduler-header.dx-widget .dx-toolbar-button.dx-scheduler-navigator {
    display: none !important;
}
#qcTimeSheetCalender .dx-icon-overflow {
    display: none !important;
}
#gridEssLeaveSummary, #gridCompanyPolicies {
    height: 330px !important;
}
#MyTeamList .dx-item.dx-list-item {
    margin-bottom: 3px;
}
.payroll-summary-popup {
    padding: 20px;
}
.summary-section-title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 14px;
}
.summary-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    padding: 18px;
    text-align: center;
    min-height: 95px;
}
.summary-card-title {
    color: #222;
    font-size: 13px;
}
.dx-popup-content.dx-popup-content-scrollable:has(#gridPayComponentSummary) {
    height: calc(100dvh - 130px);
}
.summary-card-value {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}
#gridPayComponentSummary {
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
}
#gridPayComponentSummary .dx-datagrid-headers{
    border-bottom: 1px solid #ddd;
}
.summary-chart-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    padding: 15px;
}
#calendarYearDashBoard {
    height: 330px !important;
}
.summary-pie-chart {
    height: 320px;
    width: 100%;
}
.payroll-summary-popup .dxc-title text {
    font-size: 15px !important;
    white-space: nowrap !important;
    font-weight: 800 !important;
}
.ai-summary {
    white-space: pre-wrap;
    line-height: 1.6;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
@media (min-width: 800px) and (max-width: 1800px) {
    .Vy-wc1 {
        padding: 14px;
    }
    .Wc-card#WelcomeAboardData, #DashBoardWelcomeAboard, .dashboard-setup #scheduler, .upcoming-events.dash-card, .dashboard-setup .Wc-card {
        height: 350px !important;
    }
    #employeeList .dx-list-item-content {
        padding: 0px 0px 14px 0;
    }
    .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        height: 92px;
    }
    #HomeDashboard .calendar-dashboard .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
        height: 48px;
    }
    #gridEssLeaveSummary, #MyTeamList , #gridCompanyPolicies {
        height: 290px !important;
    }
    #calendarYearDashBoard .wd-holiday-item {
        border: none !important;
        box-shadow: none !important;
        margin-bottom: 15px !important;
    }
    #gridCompanyPolicies .dx-datagrid .dx-column-lines > td {
        padding-bottom: 16px !important;
    }
    #calendarYearDashBoard .wd-holiday-item {
        border: none !important;
        box-shadow: none !important;
        margin-bottom: 14px !important;
    }
    #calendarYearDashBoard {
        height: 284px !important;
    }
    #employeeList {
        height: 289px;
    }
    .badgepopover.dxpopup-fullview .dx-popup-content .badgePopupContent-remarks {
        top: -82px;
    }
}
 .full-view-card.AddIncentive_Flyout {
    padding: 0px;
    margin: 0px;
    height: calc(100dvh - 200px) !important;
}
.dx-popup-content:has(#fieldPermissionsFormAdmin) {
    height: calc(100dvh -1200px) !important;
}
.btn-group.f-popop-custom {
    background: #fff;
    padding: 12px;
    position: fixed;
    left: 0px;
    bottom: 0px;
}
#rolesandGlobalPermissionFormGeneral .dx-field-item-label-text {
    white-space: nowrap;
    line-height: 28px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dashboard-expolorer.popovercontent.dx-overlay-shader {
    width: 100dvw !important;
}
.dashboard-expolorer .dx-button-content {
    width: 26px;
}
.dashboard-expolorer .dx-widget.dx-button {
    width: 30px;
    color: #fff !important; 
}
.dashboard-expolorer .dx-button-content .dx-icon {
    color: #fff !important;
    background: transparent !important
}
.section-collapse-icon {
    cursor: pointer;
    font-size: 16px;
    transition: .2s;
}
.section-content {
    display: block;
}
#TalentAcquisition-ResourcePlanningDetails-VoyonGrids-Footer-ToolBar .dx-toolbar-before {
    display: none;
}
#Resource-Details-edit #participantGridFooter {
    z-index: 4;
    position: absolute;
    bottom: 20px;
    left: 15px;
}
.cd-sidebar {
    /*width: 300px;
    flex: 0 0 300px;*/
    overflow: hidden;
    transition: all .25s ease;
}
.cd-sidebar.collapsed {
    width: 0;
    flex: 0 0 0;
    padding: 0;
    border: 0;
}
.cd-search-results {
    flex: 1;
}
#divflexiPayLimit, #divexemptionsLimit {
    margin: 0px;
}
.vy-fullview-title.vy-fullview-title-top-margin{
    margin-top: 6px;
}
#incometax-calculator-container .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto !important;
}
#event-cal-addNew-form #tabPanelContainer {
    margin-top: 12px;
}
#aISurveyTemplateForm .feedback-temp > div:nth-child(1) .dx-field-item-label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    white-space: pre;
}
.collapse-btn.collapse-all-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: #dae5ea;
    box-shadow: none;
    color: #343435;
    border: 1px solid #dae5ea;
}
#responseSection #attachmentList .attachment-item {
    background: #F2F6FB;
    position: relative;
    margin-top: 10px;
    padding: 9px 10px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 500;
}
#responseSection #attachmentList button.remove-file-btn {
    border: 0px;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
}
.PayrollListCard.Payout .dx-datagrid-search-panel .dx-texteditor-input {
    padding-left: 32px !important;
}
.RatingTypeContainer .dx-field-item-label {
    margin-top: 0px !important;
    margin-bottom: 7px !important;
}
.RatingTypeContainer #RatingForm {
    margin-top: 2px;
}
.RatingTypeContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}
.Rating-form-text-PMT {
    margin-left: 35px;
    margin-top: 17px;
}
#RatingRange {
    margin-left: 24px;
}
#PerformanceManagement-GoalSettingCycle-VoyonGrids .ti-review-icon:before {
    margin-top: 0px;
}
#PerformanceManagement-PerfomanceGoals-VoyonGrids-Header-ToolBar .FilterEmp.Ai-QuestionBuilder {
    padding-left: 10px !important;
}
.hide-enddate {
    display: none;
}
.dx-datagrid-filter-row {
    display: none;
}
#grid-survey-participants .dx-datagrid-filter-row {
    display: table-row !important;
}
#ProfileApproval_477_grid .dx-datagrid-filter-row {
    display: table-row !important;
}
/*Might Need Later
*/
#EmployeeStrength-VoyonListWidget-Footer-ToolBar, #EmployeeBUStrength-VoyonListWidget-Footer-ToolBar {
    height: fit-content !important;
    margin: 0px;
    box-shadow: none !important;
    border: 1px solid #dedede;
    border-radius: 0px 0px 4px 4px;
    border-top: 0px;
}
#EmployeeBUStrength-VoyonListWidget-Footer-ToolBar {
    padding: 10px 5px !important;
}
#DailyAttendance-VoyonListWidget-Footer-ToolBar {
    margin: 0px;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0px 0px 6px 6px !important;
}
.calendar-left {
    background: var(--primary-bg);
    border-radius: 6px;
    padding: 10px;
}
#UserPreferenceForm {
    height: 33vh !important;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px !important;
}
#leaveData .leave-legend {
    margin: 0;
    margin-top: 9px;
}
#leaveData {
    height: 24vh !important;
}
#schedulerPop .dx-scheduler-all-day-table-row:before, #schedulerPop .dx-scheduler-group-row:before, #schedulerPop .dx-scheduler-header-row:before {
    content: "";
    width: 0px;
    display: table-cell;
}
#schedulerPop .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
    content: "";
    width: 0px;
    display: table-cell;
}
#schedulerPop .dx-scheduler-date-table {
    margin-left: 0px;
}
.dx-popup-content.dx-popup-content-scrollable #AnnouncementList {
    height: calc(100dvh - 140px);
}
.appraisalTemplate-Section #mainFormContent .Voyon-Forms {
    padding-bottom: 0px;
}
.btn-grp-divider {
    width: 1px;
    background: #dae5ea;
    height: 30px;
    margin-left: 12px;
}
.appraisalTemplate-Section .section-collapse-icon {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
}
span.appraisal-template-title {
    font-size: 14px;
    font-weight: 500;
}
.appraisalTemplate-Section .ti-trash.sectionClose-btn {
    margin-top: 0 !important;
    top: 0px !important;
    right: 0px;
    position: relative;
}
.appraisalTemplate-Section .sectionEdit-btn {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    top: 0px !important;
    right: 0px !important;
    position: relative;
    margin-top: 0px !important;
}
.appraisalTemplate-Section #sectionData .section-separator {
    position: relative;
    right: 0px;
    top: 0px;
    color: #dae5ea;
}
.appraisalTemplate-Section .Vf-grid-child.Vf-grid-plane {
    margin-top: 0px;
}
.appraisalTemplate-Section .dx-header-row td {
    padding: 3px 7px 3px !important;
}
.sectionConfigure-btn .ti-settings:before {
    margin-top: 2px;
}
.appraisal-template-card .sectionConfigure-btn {
    position: relative;
    right: 0px;
    top: 0px;
}
.appraisal-template-card .sectionalized-box-actions {
    gap: 8px;
    margin-right: 42px;
}
.sectionConfigure-btn .dx-widget.dx-button-default.Vf-list-conf {
    margin-top: 0px;
}
.appraisal-template-edit-action #kraEditBtn {
    top: 0px !important;
    right: 0px !important;
}
.appraisalTemplate-Section .sectionalized-box-actions #kraEditBtn.sectionEdit-btn {
    position: relative;
    top: 0px !important;
    right: 0px !important;
}
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-texteditor.dx-editor-filled,
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background: transparent
}
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-column-lines > td:first-child {
    border-left: none;
    padding: 0px 15px !important;
}
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0 0 0 9px;
    min-height: 28px;
}
#auto-increment-promotion-imported-data {
    height: calc(100vh - 310px) !important;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
#auto-increment-promotion-imported-data .dx-datagrid-headers{
    border-bottom: 1px solid #ddd;
}
#employeeSelectBox.dx-state-readonly .dx-texteditor-input {
    padding-left: 10px;
}
#NoticePayRecoveryForm .dx-state-readonly .dx-texteditor-input {
    padding-left: 8px;
}
.final-settlement-fulview .dx-toolbar-button .dx-datagrid-search-panel {
    margin-left: 8px;
}
.final-settlement-fulview #CalculateButton {
    margin-top: 24px;
}
#Benefit-Advance-VoyonForms .dx-form-group-caption {
    margin-bottom: 8px;
}
.Voyon-Forms #Benefit-Advance-VoyonForms .dx-state-readonly .dx-texteditor-input {
    padding-left: 9px !important;
    font-weight: 400;
}
#transactionHistory .dx-datagrid-header-panel .dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
}
#transactionHistory {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 4px 10px;
}
#transactionHistory .dx-datagrid-header-panel {
    border-bottom: 1px solid #ddd;
}
.tds-calc-toolbar-parent .dx-icon.fa-reset-icon {
    background: var(--secondary-btn);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
}
#CustomFormContainerSystemSettings-General-LockTransaction-VoyonForms {
    box-shadow: none !important;
    padding: 0px;
}
.Vf-form-view-mode #CustomFormContainerSystemSettings-General-LockTransaction-VoyonForms .dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
}
.Vf-form-view-mode #CustomFormContainerSystemSettings-General-LockTransaction-VoyonForms .dx-texteditor-input {
    padding-left: 8px;
}
#companyTransaction-forms {
    box-shadow: none;
    padding: 0px;
}
#pgWorkflowConfiguration-popupContent .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty {
    height: 25vh !important;
}
.left.Emt-left #gridEmails {
    height: calc(100dvh - 230px) !important;
}
.full-view-card.timesheet-weekly-full-view-card {
    padding: 12px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.timesheet-weekly-full-view-card #toolbar_main {
    background-color: #EEF2F7 !important;
    padding: 6px 8px;
    border-radius: 6px;
    margin: 0px;
    margin-bottom: 0px;
    height: auto !important;
    border: 1px solid #ddd;
}
.timesheet-weekly-full-view-card .Employee-dropdown.dx-texteditor.dx-editor-filled {
    margin-left: 0px !important;
}
.timesheet-weekly-full-view-card #gridContainer {
    height: calc(100dvh - 236px) !important;
    box-shadow: none;
    padding: 10px;
    padding-top: 8px;
}
.timesheet-weekly-full-view-card .dx-datagrid-header-panel {
    margin-bottom: 6px;
}
.timesheet-weekly-full-view-card tr.dx-row.dx-column-lines.dx-header-row .dx-datagrid-text-content {
    width: 100%;
}
.timesheet-weekly-full-view-card #dateRangeTitleText {
    background: transparent;
}
.task-import-list-card #taskSlabDiv .dx-bordered-bottom-view.dx-empty{
    height: 30vh !important;
}
.dx-overlay-content.dx-popup-normal:has() .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom {
    position: fixed;
    bottom: 0px;
}
#allocateEmployeeGrid-Footer-ToolBar {
    box-shadow: none;
}
#chatbot-questions .dx-treelist-headers.dx-treelist-nowrap.dx-bordered-top-view {
    padding: 0 10px;
    padding-right: 10px !important;
    border-bottom: 0px solid #ddd !important;
}
#loanDetailContainer .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-empty {
    height: 25vh !important;
}
/*My Team Dashboard Style
*/
.employee-profile-header {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}
.employee-photo-container {
    flex-shrink: 0;
}
.employee-photo-container .profile-picture,
.employee-photo-container img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}
.employee-basic-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.employee-basic-info .pro-name {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
    margin-bottom: 0px;
}
.employee-basic-info .pro-code {
    font-size: 14px;
    color: #1e88e5;
    margin-top: 4px;
    margin-bottom: 0px;
}
.employee-basic-info .designation {
    font-size: 13px;
    color: #666;
    margin-top: 2px;
    margin-bottom: 0px;
    line-height: 16px;
}
button.goto-profile-btn {
    border: 0px;
    background: var(--secondary-color);
    border-radius: 4px;
    padding: 6px;
    font-weight: 500;
    color: #fff;
}
.contact {
    border: 1px solid #d7e3ff;
    border-radius: 6px;
    padding: 15px;
    margin-top: 10px;
}
.contact .item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.contact .item i {
    width: 22px;
    color: #1e88e5;
}
.contact .text {
    margin-left: 10px;
    word-break: break-word;
}
.mobile.item {
    margin-bottom: 0px !important;
}
.goto-profile-btn {
    width: 100%;
    margin-top: 10px;
}
/*My Team Dashboard Style
*/
#content-area-salary-revision #participantGridFooter {
    position: absolute;
    bottom: 10px;
    left: 0;
}
#content-area-salary-revision #revisionparticipantGridFooter {
    position: absolute;
    bottom: 10px;
    left: 0;
}
.incentive-process-childgrid .dx-pager {
    float: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
#incentive-Emp-Grid #participantGridFooter {
    position: absolute;
    bottom: 40px;
    left: 109px;
}
.editable-cell {
    background-color: #F5FAFF;
    cursor: pointer;
}
#Document-Report-DocumentRequestReport-ReportingGrids td.dx-command-select.dx-editor-cell,
#Document-Report-DocumentIssuedReport-ReportingGrids td.dx-command-select.dx-editor-cell,
#Document-Report-DocumentExpiryReport-ReportingGrids td.dx-command-select.dx-editor-cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#Document-Report-DocumentRequestReport-ReportingGrids .dx-datagrid-headers .dx-datagrid-content,
#Document-Report-DocumentIssuedReport-ReportingGrids .dx-datagrid-headers .dx-datagrid-content,
#Document-Report-DocumentExpiryReport-ReportingGrids .dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
}
#Document-Report-DocumentRequestReport-ReportingGrids tr.dx-row.dx-column-lines.dx-header-row,
#Document-Report-DocumentIssuedReport-ReportingGrids tr.dx-row.dx-column-lines.dx-header-row,
#Document-Report-DocumentExpiryReport-ReportingGrids tr.dx-row.dx-column-lines.dx-header-row {
    border-bottom: 1px solid #e8e8e8 !important;
}
#bulkformRequest-ComponentsView label {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 6px;
}
#bulkRequestForm-Details-label {
    font-size: 14px;
    font-weight: 600;
}
#leaveHistorySummaryListContainer.dx-empty-collection {
    height: 30vh !important;
}
#leaveHistorySummaryListContainer .dx-empty-message::after {
    top: calc(50% - 20px);
}
#divLeaveManagement-LeaveBenefit {
    padding: 7px;
}
form#CustomFormContainerLeaveManagement-LeaveEncashment-VoyonForms {
    padding: 12px;
    background: #fff;
    z-index: 28;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6600 !important;
}
#Benefit-TDSDeclaration80C80DOthers-VoyonGrids table td div {
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
}
.badgepopover.popovercontent .Tds-overview-strip.Vf-card{
    margin-bottom: 10px !important;
}
#Benefit-TDSDeclarationHouseRent-VoyonGrids .dx-datagrid-rowsview.dx-empty {
    height: 28vh !important;
}
.badgePopupContent .full-view-card .popup-close-btn {
    margin-top: -48px;
    margin-right: 8px;
    width: 28px;
    height: 28px;
    background: #cddde9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.scheme-list li:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/check-tick-fill-icon.svg);
    background-size: 18px 18px;
    left: 10px;
    margin-top: -3px;
}
.scheme-list .untick:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/check-close-fill-icon.svg);
    background-size: 18px 18px;
    left: 10px;
    margin-top: -3px;
}
#Travel-TravelPolicy-TravelEligibility-VoyonGrids-Footer-ToolBar {
display:none;
}
#Travel-TravelRequestBenefits-VoyonGrids-Footer-ToolBar {
    display: none;
}
.measures-form.measures-formOnlineTest > div {
    margin-bottom: 14px;
    height: auto;
}
.training-icos {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/training-request-icon-dark.svg);
    height: 25px;
    width: 25px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
.ProfileApprovalMainGrid {
    overflow: hidden;
    border-radius: 6px;
}
.ProfileApprovalMainGrid .batch-toolbar.mult-atnd-toolbar {
    border: 0px;
}
#personalDetailsTab-Familydetails-section #familyDetailsGrid .dx-header-row td {
    padding: 12px 7px 3px !important;
}
#talentInformationsTab-EducationDetails-section #EducationDetailsChildGridDiv .dx-header-row td {
    padding: 12px 7px 3px !important;
}
.badgepopover.dxpopup-fullview .full-view-hidden.leaverequest-fullview.modal-leave-request {
    height: calc(100dvh - 230px) !important;
    overflow-x: auto;
}
.vy-circle-btn.save-preference-color {
    display: flex;
    align-content: center;
}
#Save-Preferences-Button {
    padding: 0px !important;
}
#Save-Preferences-Button .dx-button-content {
    padding: 0px;
    padding-right: 4px;
}
#Save-Preferences-Button .vy-circle-btn-text {
    line-height: 20px;
}
.contact-pro .contact {
    border: 0px solid var(--secondary-btn);
    border-radius: 0px;
    padding: 0px;
    margin-top: 0px;
    height: fit-content !important;
    margin-top: 2px;
}
#VoyonFileUploader-VoyonGrids .dx-datagrid-addrow-button.file-upload-toolbar {
    margin-top: 0px !important;
    position: fixed;
    right: 50px;
    top: 8px;
}
#EmployeeList .dx-datagrid-header-panel .dx-button-mode-contained:has(.filter-Applied),
#EmployeeList .dx-datagrid-header-panel .dx-button-mode-contained:has(.fa-filter) {
    background: #fff !important;
}
#EmployeeLeaveSummaryPreview-VoyonGrids {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.Employment-Contract-Section-body, #applyRevision-Form, #salaryRevision-grid, #form-container.box-container .EmployeeProbationSection {
    box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -webkit-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    -moz-box-shadow: 0px 4px 11.83px 1.17px rgb(77 77 77 / 15%);
    padding: 12px;
    border-radius: 6px;
}
#tileViewBirthdayComments .documents .notif-time {
    position: absolute;
    right: 18px;
    font-size: 10px;
}
#Travel-TravelClaimRequest-Reimbursment-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Travel-TravelClaimRequest-Expenses-VoyonGrids-Footer-ToolBar {
    display: none;
}
.SurveyListCard.definition {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
#SummaryEmployeeDetailsDiv {
    height: calc(100dvh - 185px) !important;
    position: relative;
}
#SummaryEmployeeDetailsDiv .dx-page-indexes {
    position: absolute;
    right: 4px;
    bottom: 6px;
}
#participantGridFooter.PendingAllocationDivFooterRecordsLimits {
    bottom: 7px;
    left: 8px;
}
/*Report 1 line input field */
.vy-reoporting-grid,
#Payroll-Reports-PayrollRegister-ReportingGrids.vy-reoporting-grid,
#Attendance-Reports-AttendanceLogSummary-ReportingGrids.vy-reoporting-grid {
    max-width: 100% !important;
    height: calc(100dvh - 272px) !important;
}
/*Report 3 line input field */
#Payroll-Reports-PayrollDetail-ReportingGrids.vy-reoporting-grid {
    max-width: 100% !important;
    height: calc(100dvh - 392px) !important;
}
#gridPayrollComponents #btnPayrollSummary {
    margin-left: 10px !important;
    background: var(--secondary-btn) !important;
    width: 30px !important;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
#gridPayrollComponents #drpSplitups {
    margin-left: 10px !important;
    background: var(--secondary-btn) !important;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
#gridPayrollComponents #btnCompareSummary {
    margin-left: 10px !important;
    background: var(--secondary-btn) !important;
    width: 30px !important;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
#Payroll-PayrollSetting-VoyonForms .dx-form-group-caption {
    margin-top: 12px;
}
#btnLinkTask {
    position: absolute;
    right: 40px;
}
#btnLinkTask i.dx-icon {
    font-size: 12px !important;
}
#Engagement-Ticket-LinkTasks-VoyonGrids-Title {
    left: 12px;
}
#Engagement-Ticket-LinkTasks-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: calc(100dvh - 340px);
}
#Engagement-Ticket-LinkTasks-VoyonGrids .dx-datagrid-header-panel {
    position: absolute;
    top: -40px;
    right: 4px;
}
.dx-popup-content:has(#linkTaskForm) {
    height: calc(100dvh - 180px) !important;
}
.ProfileApprovalMainGrid .dx-widget.dx-visibility-change-handler {
    height: auto !important;
}
#CustomFormContainerLeaveManagement-LeavePolicy-VoyonForms,
#CustomFormContainerLeaveManagement-LeavePolicy-Sandwich-VoyonForms {
    margin-bottom: 18px;
}
.LeaveAccrualClosingContainerSection .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: calc(100dvh - 266px) !important;
    overflow-y: scroll;
}
#normalization-All span.name-line {
    padding-left: 15px !important;
    border-radius: 20px 20px 20px 20px;
}
.final-review-scroll .dx-tabs {
    border: 0px solid #ddd;
}
#finalReviewTabContainer .dx-tabpanel-tabs,
#managerReviewTabContainer .dx-tabpanel-tabs,
#teamReviewTabContainer .dx-tabpanel-tabs {
    border-bottom: 1px solid #CDDDE9;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#finalReviewTabContainer .dx-tabpanel-tabs .dx-tab.dx-tab-selected,
#managerReviewTabContainer .dx-tabpanel-tabs .dx-tab.dx-tab-selected,
#teamReviewTabContainer .dx-tabpanel-tabs .dx-tab.dx-tab-selected{
    background-color: #000;
    color: #fff;
    border-radius: 6px;
}
#finalReviewTabContainer .dx-tabpanel-tabs .dx-tab,
#managerReviewTabContainer .dx-tabpanel-tabs .dx-tab,
#teamReviewTabContainer .dx-tabpanel-tabs .dx-tab{
    width: auto !important;
    min-width: 30px;
    background-color: #CDDDE9;
    border-radius: 6px;
    margin-right: 12px;
    height: 30px;
}
span.dx-icon.dx-icon-add-performance {
    margin-right: 0px;
}
.dx-tabpanel .dx-tab-selected:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 0px solid #fff;
    bottom: 0px;
}
.dx-tab.dx-tab-selected::after {
    -webkit-border-before: 0px solid #ddd;
    border-block-start: 0px solid #ddd;
    -webkit-border-end: 0px solid #ddd;
    border-inline-end: 0px solid #ddd;
    -webkit-border-after: 0px solid #ddd;
    border-block-end: 0px solid #ddd;
    -webkit-border-start: 0px solid #ddd;
    border-inline-start: 0px solid #ddd;
}
.review-toggle-all {
    position: absolute;
    right: 61px;
    top: 20px;
}
.review-toggle-all label {
    display: flex;
    align-items: center;
    gap: 8px;
    border-right: 1px solid #cddde9;
    padding-right: 12px;
}
.performanceMeasureFormStyle .ques-card {
    padding-left: 0px;
    padding-top: 0px;
    max-height: calc(100dvh - 240px);
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #59585836 #371b1b00;
}
ul.cardfit-table.fixed.header-row li:nth-child(1) {
    height: 62px;
    z-index: 999;
    top: 12px;
}
.cardfit-table.content-row.sub-row li {
    border-right: 1px solid #ddd;
    min-height: 44px;
}
.performanceMeasureFormStyle .ques-card .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: transparent;
    border: 1px dashed #bebebe00;
    height: 100%;
}
.performanceMeasureFormStyle .ques-card .dx-texteditor.dx-state-readonly.dx-editor-filled input {
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center !important;
}
.leaveSummaryContainerCardSection.dismargin-leave-only.rq-summary {
    height: calc(100dvh - 230px);
    overflow-y: auto;
}
.ess-regularization {
    padding-bottom: 22px;
}
.LOb-label {
    font-size: 12px;
    font-weight: 500;
}
tr.dx-row.dx-column-lines.dx-treelist-filter-row .dx-editor-with-menu, .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
    margin: 5px;
}
.salary-schedule-grid-card .salary-schedule-footer {
    margin-top: 50px;
}
#incentive-Emp-Grid {
    position: relative;
}
#incentive-Emp-Grid #participantGridFooter {
    position: absolute;
    bottom: 9px;
    left: 6px;
}
.dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view.dx-header-multi-row td:first-child {
    padding: 12px 7px 3px !important;
}
.bonusprocess-employeelist-container .dx-datagrid-header-panel {
    display: block !important;
}
.final-settlement-title {
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #CFD1DE;
    margin-bottom: 13px;
    padding-bottom: 6px;
    color: #000;
}
#bonusRefresh {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 280px;
    z-index: 999;
    top: 28px;
}
.Vf-accordion-header.title-absolute-section-style .Vf-accordion-title {
    position: absolute;
    left: 22px;
    z-index: 999;
}
#Benifit-BonusRule-VoyonForms .dx-form-group-caption {
    margin-top: 12px;
}
.dx-popup-content:has(.common-employee-filter){
    height: calc(100dvh - 200px) !important;
}
#Benefit-StatutoryRulesEmployeeSlab-VoyonGrids .dx-column-lines > td:first-child,
#CustomFormContainerBenefit-StatutoryRules-VoyonForms td.dx-datagrid-action {
    padding: 12px 7px 3px !important;
}
#incometax-calculator-container .dx-datagrid-headers {
    padding: 0 0px !important;
}
#incometax-calculator-container .Vf-accordion-body .ResultsRow .ResultsCol span:last-of-type {
    padding-right: 5px;
}
.incentive-type-allocation-emp-filter.EmpApply.filter-apply-btn-emp {
    margin-top: 20px;
}
#lblLoanAdvanceRepayment .circled-count.circled-count-not-bg {
    margin-right: 8px !important;
}
#interviewFeedBackSideBar #candidateDetailsMainDiv,
#interviewFeedBackSideBar .cd-tab-links.adress,
.CandidateViewProfileSection,
.cd-tab-links.adress {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 8px;
    padding: 20px 20px !important;
    position: relative;
    margin-bottom: 12px;
}
#interviewFeedBackSideBar #candidateDetailsMainDiv, .CandidateViewProfileSection {
    display: flex;
    gap: 16px;
}
#interviewFeedBackSideBar #candidateDetailsMainDiv #candidateLogoImage,
.CandidateViewProfileSection .candidate-img .image-cd{
    background-repeat: no-repeat;
    width: 96px;
    border: 3px solid var(--white);
    border-radius: 100px;
    background-color: #f4f4f4;
    background-size: cover;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
#interviewFeedBackSideBar #candidateNamelbl, .CandidateViewProfileSection #candidateNamelblView {
    font-size: 16px;
    font-weight: 600;
}
#interviewFeedBackSideBar #candidateCodelbl, .CandidateViewProfileSection #candidateCodelblView {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 14px;
}
#interviewFeedBackSideBar .cd-id {
    font-size: 14px;
}
.interview-f-left-side .cd-tab-links.adress h3, .cd-tab-links.adress h3 {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 500;
}
.address-candidate.interview-feedback-details,
.cd-tab-links.adress ul.address-candidate {
    display: flex;
    flex-direction: column;
    padding: 0px;
    align-content: space-around;
    list-style: none;
    margin-bottom: 0px;
}
.cd-tab-links.adress .address-candidate li,
.cd-tab-links.adress ul.address-candidate li{
    cursor: auto;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
    font-weight: 400;
}
.cd-tab-links.adress .address-candidate li b,
.cd-tab-links.adress ul.address-candidate li b {
    font-weight: 500;
}
.interview-feedback-card label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
#candidateViewDiv.selfullview{
    padding-left: 66px !important;
    padding-top: 60px;
    margin: 0px;
    padding-right: 10px;
}
.interview-feedback-card #CustomFormContainerInterviewFeedback-VoyonForms {
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 14px;
    border-radius: 6px;
}
.interview-candidate-detail-section .dx-tabpanel .dx-tabs-wrapper {
    display: inline-flex;
    justify-content: flex-start;
}
.interview-candidate-detail-section .Vf-tabs-default .dx-tabpanel-tabs {
    padding-top: 0px;
}
.interview-candidate-detail-section .preview-sub-card.collapsed .Voyon-ChildGrids-Title {
    padding-left: 0px;
    top: 8px !important;
}
.interview-candidate-detail-section .preview-btns-group {
    border-bottom: 0px solid #ddd !important;
}
.interview-candidate-detail-section #AttachmentsPreviewwDiv {
    background-color: var(--white);
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 15px;
    border-radius: 7px;
}
.interview-candidate-detail-section #BasicDetailsFormView,
.interview-candidate-detail-section #essProfessionalDetailsFormView {
    margin-top: 18px;
}
.CandidateViewProfileSection .mailto-cand {
    display: flex
}
.interview-candidate-detail-section .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 30vh !important;
}
#CandidateViewBlacklistedDiv, #interviewFeedBackSideBar, .offerApprovalViewContainerSideSection {
    height: calc(100dvh - 154px);
    position: sticky;
    top: 0px;
}
.offer-details-card {
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 15px;
    margin: 0;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 0px solid var(--toolbar-color);
    background: #fff;
    margin-right: 0px;
}
#vehicleRequestButtonGroup .dx-button-content span.dx-button-text {
    margin-left: 10px;
}
#divAttendeesPanel .dx-datagrid-header-panel .dx-button-content {
    width: fit-content;
}
#Workforce-Employee-FamilyDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-ReportingDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-BankDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-EmergencyContact-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-EducationDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-WorkExperiences-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-LanguageDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-InterestAndHobby-VoyonGrids-Footer-ToolBar {
    display: none;
}
#AssetManagement-AssetAllocation-Details-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-ReferenceDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-CourtCaseDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-Employee-ContagiousDiseaseHistory-VoyonGrids-Footer-ToolBar {
    display: none;
}
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#LeaveManagement-Leave-Deduction-VoyonGrids-Footer-ToolBar {
    display: none;
}
#LeaveManagement-Leave-SettlementPaymentSplitip-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-VariableAllowance-Payment-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Organization-HolidayCalenderDays-VoyonGrids-Footer-ToolBar {
    display: none;
}
Benefit-TDSDeclarationHouseRent-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-TDSDeclarationHouseProperty-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-TDSDeclarationPreviousEmployment-VoyonGrids-Footer-ToolBar {
    display: none;
}
.expiryDate_MetaData .dx-radiogroup-horizontal,
#documentTypeMetaDataForm-formGroup .dx-radiogroup-horizontal {
    white-space: nowrap;
}
#LeaveAgainstAbsence_457_-grid .dx-datagrid-filter-row {
    display: table-row !important;
}
#IncomeTaxCalculatorAllEmployee_578_grid .dx-datagrid-filter-row {
    display: table-row !important;
}
#EmployeeList .dx-datagrid-filter-row {
    display: table-row !important;
}
#LearningDevelopment-TrainingRequestEmployees-VoyonGrids .dx-datagrid-filter-row {
    display: table-row !important;
}
#btnClearMobileAppLogo {
    background: transparent;
    position: relative;
    left: -248px;
    top: -10px;
    z-index: 50;
}
#ShiftCalendar-grid .dx-datagrid-filter-row {
    display: table-row !important;
}
.dx-top-label-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dx-top-label {
    font-weight: 500;
    margin-bottom: 2px;
}
#AttendanceSummaryESS-table-header {
    padding: 10px;
    padding-top: 5px;
}
#AttendanceSummaryESS-table-header .batch-toolbar.mult-atnd-toolbar {
    background: #EEF2F7 !important;
}
#AttendanceSummaryESS-grid {
    height: calc(100dvh - 260px) !important;
}
#shiftcalendarPop {
    height: calc(100dvh - 264px) !important
}
#shiftLegendsforsingle {
    border-radius: 7px;
    background: #EEF2F7;
    padding: 12px 16px;
    border: 1px solid #ddd;
}
#shiftcalendarPop .dx-item.dx-scheduler-appointment {
    margin-left: 6px;
    margin-top: 4px;
}
#Benefit-TDSDeclaration80C80DOthers-VoyonGrids .dx-datagrid-search-panel {
    margin-left: 8px;
}
#AbsenceForm .dx-box-flex.dx-box.dx-widget.dx-collection {
    align-items: center;
    flex-direction: row !important;
}
#AbsenceForm .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 0px !important;
}
#srsEmployeeFilter-Grid {
    height: auto !important;
}
#resultGradeWise .dx-icon.dx-icon-minus {
    margin-left: 14px;
}
.collapse-close-btn.filter-collapse {
    position: fixed;
    z-index: 22;
    right: 51px;
    width: 28px;
    top: 8px;
    height: 28px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#TalentAcquisition-ScheduleInterview-VoyonGrids-Header-ToolBar {
    margin-top: 12px;
}
#interviewRatingCaption label {
    margin-bottom: 0px;
}
#CandidateRatingDivMain #interviewRoundTab .dx-tabs-wrapper {
    display: inline-flex !important;
    justify-content: flex-start;
    margin-bottom: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd !important;
}
#CandidateRatingDivMain #interviewRoundTab .dx-tabs {
    border: 0px solid !important
}
#CandidateRatingDivMain #interviewRoundTab .dx-item.dx-tab.dx-tabpanel-tab {
    background-color: #CDDDE9 !important;
    padding: 10px 12px !important;
    max-width: fit-content !important;
    min-width: fit-content !important;
    border-radius: 5px;
    font-weight: 500;
    margin-right: 7px;
}
#CandidateRatingDivMain #interviewRoundTab .dx-item.dx-tab.dx-tabpanel-tab.dx-tab-selected {
    background: var(--black) !important;
    color: #fff !important;
}
.dx-button.dx-button-has-icon.Feedback-Icongrid .dx-button-content {
    padding: 0px;
}
#allInterviewRoundViewPage .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto !important;
}
#allInterviewRoundViewPage .Vf-grid-child {
    margin-bottom: 12px !important;
}
#allInterviewRoundViewPage {
    padding: 0px;
    margin: 0px;
}
#gridPayrollEmployee .dx-pager {
    float: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
#divAttendeesPanel #participantGridFooter{
    bottom: 7px;
}
#tileViewBirthdayToday,
#tileViewBirthdayRecent {
    height: auto !important;
}
#tileViewBirthdayToday.dx-empty-collection {
    height: 16vh !important;
}
#tileViewBirthdayToday.dx-empty-collection .dx-empty-message::after{
    top: calc(50% - 30px);
}
#eventCorousal .width-full.rightS {
    margin-right: 0px;
}
.d-card div {
    cursor: pointer;
}
#SystemSettings-Company-EmployeeIdSeries-VoyonGrids-Footer-ToolBar,
#SystemSettings-Company-ProbationSettings-VoyonGrids-Footer-ToolBar,
#SystemSettings-Company-agesettings-VoyonGrids-Footer-ToolBar,
#Workforce-OnboardingPlan-Tasks-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-bordered-bottom-view {
    height: calc(100dvh - 232px) !important;
}
#divAdvanceAndLoan .dx-bordered-bottom-view {
    height: calc(100dvh - 488px) !important;
}
#EmployeeLeaveSummaryPreview-VoyonGrids .dx-bordered-bottom-view {
    height: calc(100dvh - 430px) !important;
}
#taskPopupGrid .dx-button-mode-contained.dx-state-hover {
    background: #fff;
}
#Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: 16px !important;
    right: -36px !important;
}
.Supervisor-Transition-Voyon-Forms .dx-bordered-bottom-view td.dx-command-select.dx-editor-cell {
    padding-left: 0px !important;
    text-align: left !important;
}
.Supervisor-Transition-Voyon-Forms .dx-widget.dx-visibility-change-handler {
    height: auto !important;
}
#applyRevision-Form, #salaryRevision-grid, #form-container.box-container {
    box-shadow: none;
    border: 1px solid #ddd;
}
#gridPayrollComponents #drpSplitups .dx-button-content {
    padding: 0px;
    background: var(--secondary-btn) !important;
    padding-left: 4px;

}
#gridPayrollComponentsApproval .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollComponents .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollEmployee .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridSalaryRevisions .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridDeductions .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridAllowances .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollLeaves .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollProcessAttendance .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollEmployee .dx-datagrid-filter-row {
    display: table-row !important;
}
#allocateEmployeeGrid-Footer-ToolBar{
    display: none;
}
#Workforce-OnboardingPlan-Tasks-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-OnboardingPlan-DependantTask-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-OnboardingActivity-Tasks-VoyonGrids-Footer-ToolBar {
    display: none;
}
.prescreen-section {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
}
.prescreen-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    background: #fafafa;
    transition: background .2s ease;
    user-select: none;
}
.prescreen-section-header:hover {
    background: #f3f4f6;
}
.prescreen-section-body {
    padding: 12px 16px;
}
.collapse-icon {
    transition: transform .25s ease;
    font-size: 16px;
}
.prescreen-section-header[aria-expanded="false"] .collapse-icon {
    transform: rotate(-90deg);
}
.prescreen-section-header[aria-expanded="true"] .collapse-icon {
    transform: rotate(0deg);
}
#btnToggleAllSections {
    min-width: 140px;
}
#profilePrescreeningPopupDiv .sectionalized-box {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
#profilePrescreeningPopupDiv .section-content {
    width: 100%;
}
#profilePrescreeningPopupDiv .title-row {
    cursor: pointer;
    padding: 8px 0;
}
#TalentAcquisition-ScheduleInterview-VoyonGrids-Header-ToolBar {
    margin-top: 12px;
}
#candidateTagAddButton {
    background-color: var(--vf-button-primary) !important;
    padding: 0px;
    color: #fff;
}
#CandidateDetailsDiv .dx-form-group-caption {
    margin-top: 10px;
}
#CandidateDetailsDiv.tabed-div .preview-sub-card {
    margin: 5px 0px;
    box-shadow: none;
    border: 1px solid #dddd;
    margin-bottom: 14px;
}
#PersonalDetailsDiv {
    border-radius: 4px;
    padding: 14px !important;
}
#CandidateDetailsDiv .preview-sub-card.collapsed .Voyon-ChildGrids-Title {
    padding-left: 0px;
    top: 10px !important;
}
#CandidateDetailsDiv .dx-datagrid-header-panel {
    margin-top: 10px;
}
#CandidateDetailsDiv #Voyon-Grids {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 10px;
}
#divTags .preview-sub-card {
    padding: 14px !important;
}
#jobAppliedList .dx-datagrid {
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 7px;
    padding-top: 10px;
    position: relative;
}
#bulkbutton .dx-icon {
    font-size: 12px;
}
#jobAppliedList .ti-reload:before{
    width: 14px;
    height: 14px;
    margin-top: 6px;
}
#jobAppliedList .ti-calendar:before {
    width: 16px;
    height: 16px;
    margin-top: 5px;
}
.jobopeningApplied #publishBtn {
    margin-left: 0px !important;
}
#participantFilterGridFooter {
    position: absolute;
    bottom: 25px;
    left: 23px;
}
.txt-performance-comment {
    line-height: 18px;
    font-size: 12px;
    height: 40px;
    padding: 7px 0px;
}
#LabourPayroll-LabourPayrollTeamMembers-VoyonGrids .dx-datagrid-header-panel,
#IncentiveSetting-IncentiveJobRoleHierarchy-VoyonGrids .dx-datagrid-header-panel,
#IncentiveSetting-IncentiveBusinessUnitMapping-VoyonGrids .dx-datagrid-header-panel,
#IncentiveSetting-IncentiveJobRoleCategory-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -40px;
}
#LabourPayroll-LabourPayrollTeamMembers-VoyonGrids .dx-header-row td.dx-datagrid-first-header,
#IncentiveSetting-IncentiveJobRoleHierarchy-VoyonGrids .dx-header-row td.dx-datagrid-first-header,
#IncentiveSetting-IncentiveBusinessUnitMapping-VoyonGrids .dx-header-row td.dx-datagrid-first-header,
#IncentiveSetting-IncentiveJobRoleCategory-VoyonGrids .dx-header-row td.dx-datagrid-first-header {
    padding: 12px 7px 3px !important;
}
#IncentiveSetting-IncentiveBusinessUnitMapping-VoyonGrids-Title,
#IncentiveSetting-IncentiveJobRoleHierarchy-VoyonGrids-Title,
#IncentiveSetting-IncentiveJobRoleCategory-VoyonGrids-Title {
    left: 12px;
}
#incentiveSalaryTargetDiv {
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
}
#incentiveSalaryTargetDiv .Vf-accordion-header {
    width: fit-content;
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 6;
}
#incentiveSalaryTargetSlab .dx-datagrid-header-panel {
    display: block;
    margin-top: 0px;
}
.gridContainerDataSheet .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty {
    height: 30vh;
}
#SystemSettings-UserCompanyInfo-VoyonGrids-Footer-ToolBar,
#Engagement-Settings-AgentTeamDetails-VoyonGrids-Footer-ToolBar,
#EmployeeEngagement-Settings-TicketCategoryDetails-VoyonGrids-Footer-ToolBar,
#EmployeeEngagement-Settings-SurveyScoreScaleDetails-VoyonGrids-Footer-ToolBar,
#AssetManagement-AssetTransfer-Details-VoyonGrids-Footer-ToolBar,
#ESS-AssetRequest-AssetRequestDetails-VoyonGrids-Footer-ToolBar,
#TalentAcquisition-PositionRequisitionAssets-VoyonGrids-Footer-ToolBar,
#Attendance-OnDutyRequestDetails-VoyonGrids-Footer-ToolBar,
#Workforce-OffboardingPlan-Task-VoyonGrids-Footer-ToolBar,
#PerformanceSettings-SetKraGoals-VisibilitySettings-VoyonGrids-Footer-ToolBar,
#PerformanceSettings-KRAGoalProgress-VisibilitySettings-VoyonGrids-Footer-ToolBar,
#PerformanceSettings-KRAGoalReview-VisibilitySettings-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Engagement-Settings-AgentTeamDetails-VoyonGrids-Title,
#EmployeeEngagement-Settings-TicketCategoryDetails-VoyonGrids-Title {
    left: 12px;
}
.wd-pop.remove-top-margin {
    margin-top: -62px;
}
.alert-item.Vf-card {
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-bottom: 8px;
    list-style: none;
}
.alert-top-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.alert-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.alert-title {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alert-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    position: absolute;
    right: 6px;
    top: 5px;
}
/* description sits below, indented past the avatar to align under the title */
.alert-desc {
    margin-left: 42px; /* avatar width (32px) + gap (10px) */
    font-size: 13px;
    color: #8a8a8a;
    line-height: 1.4;
    margin-top: 2px;
}
/* Snooze icon — purple circle */
.alert-time.alert-group-btn .dx-button {
    background-color: #ece6fb !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}
.alert-time.alert-group-btn .dx-icon-clock {
    color: #7b61ff;
}
/* Delete/trash icon */
.alert-delete-btn .dx-button {
    background: transparent !important;
    width: 26px;
    height: 26px;
}
.alert-delete-btn .dx-icon-trash {
    color: #6b6b6b;
}
/* Close icon — red/pink circle */
.alert-close-btn .dx-button {
    background-color: #fde3e3 !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}
.alert-close-btn .dx-icon-close {
    color: #e5484d;
}
.alert-avatar-wrap {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
}
.alert-avatar-wrap .img-fill {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.alert-desc {
    margin-left: 42px;
    font-size: 12px;
    color: #555;
    line-height: 1.4;
    margin-top: -2px;
    cursor: pointer;
    margin-bottom: 6px;
}
/* Collapsed state: clamp to 2 lines with ellipsis */
.alert-desc-clamped {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Expanded state: show full text */
.alert-desc-expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.alert-time.alert-group-btn .dx-button {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50% !important;
    background-color: #ece6fb !important;
    border: none !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert-close-btn .dx-button-content {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50% !important;
    background-color: #FEE2E2 !important;
    border: none !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.realtime-alert-header-button {
    margin-top: -4px;
    padding-right: 0px;
}
.alert-time.alert-group-btn .dx-icon-clock {
    color: #7b61ff;
    font-size: 14px;
}
#tileViewTenureToday, #tileViewTenureUpcoming {
    height: auto !important;
    padding-bottom: 0px !important;
}
#tileViewTenureRecent {
    height: auto !important;
    max-height: 34vh;
    overflow: auto;
    padding-bottom: 0px !important;
}
#Employee-Team-Div img.vy-img-avatar {
    width: 34px;
    height: 34px;
    margin-left: -5px;
    margin-right: 5px;
}
#aISurveyTemplateForm {
    padding-bottom: 26px;
}
#processPayrollListPage .dx-multiview-item.dx-item-selected {
    position: relative;
    overflow-y: scroll;
    height: auto !important;
    overflow: auto !important;
}
.dx-popup-content:has(#gridPayrollComponentsCompare) {
    height: auto !important;
}
.dx-popup-content #gridPayrollComponentsCompare {
    height: calc(-134px + 100vh) !important;
}
#badgePopupContent #gridPayrollComponents .dx-toolbar-items-container .dx-toolbar-before {
    padding-left: 2px;
}
.accordion.accordion-income.income-tx-calculator {
    padding-bottom: 12px;
}
#FleetManagement-VehicleRequest-VoyonGrids .dx-link.close-btn-svg.custom-btns {
    top: -1px;
}
#employeesList-div {
    height: auto !important;
}
#employementDetailsTab-Officialdetails-section .employment-type-businessunit-group {
    margin-top: 18px;
}
#employeeAddEditDiv #Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: 16px !important;
    right: 8px !important;
}
#Employee-Info-Card .contact-pro button {
    background: var(--secondary-color);
    border: 0px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.PayrollProcessNotifyButton {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    margin-left : 0px; height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
#performancePotentialGrid {
    height: auto !important;
}
#performancePotentialGrid .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: calc(100dvh - 356px);
}
#performancePotentialGrid .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-filter-row) {
    height: calc(100dvh - 400px);
}
#performancePotentialGrid-Footer-ToolBar {
    padding: 10px;
}
#nineBoxHeaderToolbar.Vf-toolbar-header .dx-icon.dx-icon-overflow,
#nineBoxHeaderToolbar.Vf-toolbar-header .dx-icon.vy.li-filter {
    margin-left: 0px !important;
}
#nineBoxHeaderToolbar.Vf-toolbar-header i.dx-icon.fas.fa-users {
    background: var(--secondary-btn);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    margin-left: 0px;
}
.ninebox-toolbar-card #nineBoxContainer {
    margin-top: 30px;
    margin-bottom: 30px;
}
#employeeListSection {
    position: relative;
}
#employeeListFooter.custom-grid-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 58px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin: 0;
    background-color: #fff;
    z-index: 10;
}
#employeeListFooter .left-section {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    margin-right: 24px;
}
#employeeListFooter .center-section {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}
#employeeListFooter .right-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
}
#employeeListFooter #employeePagerContainer .dx-pager {
    position: static;
    width: auto;
    padding: 0 !important;
    border: 0;
    background: transparent;
}
#employeeListFooter #employeePageSizeBox {
    flex: 0 0 auto;
}
#employeePagerContainer {
    min-width: 240px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#employeePagerContainer .dx-datagrid-pager,
#employeePagerContainer .dx-pager {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
#SummaryEmployeeDetailsDiv {
    height: calc(100dvh - 190px) !important;
    max-height: calc(100dvh - 190px) !important;
}
.dx-popup-content:has(#SummaryEmployeeDetailsDiv) .custom-grid-footer {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 57px;
    left: 0px;
    border-top: 0px !important;
}
.payrollListCard-employee-survey .custom-grid-footer {
    bottom: 1px;
    left: 0px;
}
#personalDetailsTab-PersonalDetails-section .text-ellipsis-placeBirth {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 60% !important;
    cursor: default !important;
}
#BonusProcess_208_gridEmployees .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridPayrollComponentsCompare .dx-datagrid-filter-row {
    display: table-row !important;
}
.alert-desc,
.alert-desc-clamped,
.alert-desc-expanded {
    overflow-wrap: anywhere; /* breaks long unspaced runs at any point if needed */
    word-break: break-word; /* fallback for older browsers */
    max-width: 100%;
    box-sizing: border-box;
}
#mrContentBelow .ques-card {
    font-size: 13px !important;
    line-height: 22px !important;
}
#mrContentBelow .ques-card h1, #mrContentBelow .ques-card h2, #mrContentBelow .ques-card h3, #mrContentBelow .ques-card h4, #mrContentBelow .ques-card h5 {
    color: #000000;
    font-size: 14px !important;
}
td.dx-calendar-cell.dx-calendar-today.dx-calendar-empty-cell {
    opacity: 0.3;
}
#Employee-Search-List .dx-list-item-content {
    padding: 8px 10px;
}
.attendance-add {
    position: fixed;
    z-index: 9998;
    top: -46px !important;
    right: 0px !important;
}
#helpCenterMaximizeBtn {
    position: fixed;
    top: 9px;
    right: 51px;
    background: var(--collapse-btn);
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.help-header .title {
    display: block;
    margin-bottom: 7px;
    color: #6c7e98;
    font-weight: 500;
    text-align: left;
    position: fixed;
    top: 10px;
}
.ti-close.popup-close-btn.flexi-pay-approval-close-icon {
    top: 21px;
    right: 28px;
}
#btnApprovalApproveOverride, #btnApprovalRejectOverride, #btnApprovalClearOverride {
    background: #fff;
    height: 34px;
    width: 34px;
    display: flex;
    border: 1px solid #ddd;
}
#btnApprovalApproveOverride .dx-button-content, #btnApprovalRejectOverride .dx-button-content, #btnApprovalClearOverride .dx-button-content {
    padding: 4px 8px;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .dx-item.dx-list-item,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .dx-item.dx-list-item,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .dx-item.dx-list-item {
    margin: 0px !important;
    margin-right: 0px !important;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .dx-item-content div,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .dx-item-content div,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .dx-item-content div {
    line-height: 22px !important;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .dx-toolbar-menu-section .dx-list-item-content,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .dx-toolbar-menu-section .dx-list-item-content,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .dx-toolbar-menu-section .dx-list-item-content {
    padding: 2px 5px;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .Vf-btn-default.dx-button-mode-contained.dx-button-default,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .Vf-btn-default.dx-button-mode-contained.dx-button-default,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: var(--secondary-color);
    color: #fff;
    margin-left: 0px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    text-align: center;
    margin-left: 0px !important;
    margin-top: 6px;
    margin-bottom: 6px;
    float: right;
    margin-right: 0px !important;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .dx-textbox.dx-texteditor,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .dx-textbox.dx-texteditor,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .dx-textbox.dx-texteditor {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 180px !important;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn) .dx-scrollview-content,
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds) .dx-scrollview-content,
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn) .dx-scrollview-content{
    padding-right: 0px;
}
.dx-popup-content.dx-dropdownmenu-list:has(#approvalReqFilterBasedOn),
.dx-popup-content.dx-dropdownmenu-list:has(#override_ApprovalIds),
.dx-popup-content.dx-dropdownmenu-list:has(#myRequestFilterBasedOn){
    padding-top: 4px;
}
.dx-button.dx-button-default.Vf-btn-default.delete-color {
    background-color: transparent !important;
}
.dx-popup-content.dx-popup-content-scrollable:has(#accEmployeeSummary) .dx-accordion-item-title {
    font-size: 14px;
    color: #333;
}
.dx-popup-content.dx-popup-content-scrollable:has(#accEmployeeSummary) .dx-accordion-item-title::before {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dx-popup-content.dx-popup-content-scrollable:has(#accEmployeeSummary) .dx-accordion-item-title {
    padding: 20px 14px;
}
#LeaveSettings-LeaveRequest-MandatoryColumns-VoyonGrids-Footer-ToolBar,
#LeaveSettings-LeaveRequest-HiddenColumns-VoyonGrids-Footer-ToolBar,
#LeaveManageMent-UnPaidLeaveRegularizationDays-VoyonGrids-Footer-ToolBar {
    display: none;
}
#requestFilteredEmployee #participantreqEmpGridFooter {
    position: absolute;
    bottom: 24px;
    left: 25px;
}
.Records-limits .dx-dropdowneditor-button-visible {
    width: 60px !important;
    font-size: 12px;
    height: 30px;
}
.Records-limits .dx-dropdowneditor-button {
    width: 20px !important;
    min-width: 20px !important;
}
#AbsenceForm .Vf-btn-circle i.dx-icon {
    margin-top: 2px !important;
}
#addNew-attendance-batch-popup .dx-toolbar-after .dx-toolbar-item.dx-toolbar-button {
    flex-shrink: 0 !important;
}

#attendance-save-btn .dx-button-content {
    width: max-content !important;
}
#btnFeedBackCancel .dx-button-content {
    width: 78px !important;
}
#Voyon-Notification-List .alert-avatar.img-fill {
    width: 26px;
    height: 26px;
    margin-left: 2px;
    margin-right: 3px;
}
.vy-fullview-title .btn-grp.badgePopupContentBtn button, .vy-fullview-title .btn-grp.badgePopupContentBtn button#mrBlueHamburgerBtn {
    position: relative !important;
    top: auto !important;
    right: auto !important;
}
.LeaveSummary-Rq #EmployeeLeaveRequestSummary-VoyonGrids {
    border: 1px solid #ddd;
    border-radius: 4px;
    height: auto !important;
}
.custom-grid-footer.ticket-listing-footer {
    display: none;
}
#divInvitees #tabPanelContainer {
    margin-top: 12px;
}
#helpcontent {
    height: 94vh;
    overflow: auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    color: #333;
}
/* Match Help Builder: one bullet for each section heading. */
#helpcontent ul {
    list-style-type: disc;
    padding-inline-start: 2rem;
}
/* The outer list item is only a wrapper around the actual content list.
Hide only this wrapper marker. */
#helpcontent > ul > li:has(> ul) {
    list-style-type: none;
}
/* Keep the section heading and its child items visible. */
#helpcontent > ul > li > ul,
#helpcontent > ul > li > ul > li > ul {
    list-style-type: disc;
}
#PendingRequestGrid .fa-check-square:before {
    width: 16px;
    height: 16px;
}
#appraisalhrCommentsDiv {
    margin-top: 20px;
}
.performance-btn-grp .ti-close.popup-close-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--collapse-btn);
}
#FullViewEditor .performance-btn-grp button {
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--collapse-btn) !important;
    min-width: 30px !important;
    min-height: 30px !important;
}
.btn-grp.performance-btn-grp {
    gap: 8px;
}
#FullViewEditor .performance-btn-grp button#mrBlueHamburgerBtn {
    right: auto;
    background: var(--secondary-color) !important;
}
#labourPayrollProcess #lstYearMonths {
    margin-bottom: 12px;
}
#payrollProcess-attendance .dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view.dx-header-multi-row td:first-child {
    padding: 3px 7px 3px !important;
}
#servicesList i.dx-icon.dx-icon-More.dx-list-item-icon {
    margin-bottom: 0px !important;
}
#timingsTextArea .dx-texteditor-input-container textarea {
    height: 50px;
}
#myReviewTabContainer .dx-accordion-item-title, .kra-table.ques-card .dx-accordion-item-title {
    padding: 6px 10px;
}
#myReviewTabContainer .kra-goal-card, .kra-table.ques-card .kra-goal-card {
    border: 0px;
    border-radius: 0px;
    border-top: 1px solid #cddde9;
    margin-bottom: 0px;
}
.kra-goal-card {
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
}
.kra-goal-sep {
    border-top: 1px dashed #cddde9;
    margin: 6px 0;
}
.kra-field-label {
    font-size: 12px;
    color: #555;
    margin-bottom: 1px;
}
.kra-field-cell {
    flex: 0 0 auto;
    min-width: 100px;
}
.meeting-section {
    border-top: 0px solid #e0e0e0;
    padding-top: 0px;
}
.meeting-card {
    padding: 10px !important;
}
.meeting-card-header-details-secondary {
    margin-top: 8px;
    border-top: 1px dashed #e0e0e0;
    padding-top: 8px;
}
.meeting-notes-details {
    margin-top: 8px;
    border-top: 1px dashed #e0e0e0;
    padding-top: 8px;
    line-height: normal;
}
.vy-fullview-title {
    z-index: 5;
}
#SystemSettings-DashboardDesigner-VoyonGrids .dx-button-content {
    padding: 0px !important;
}
.dx-popup-content:has(#tabPermissionsForm) .btn-group {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#BankChildGrid .dx-item.Vf-btn-default.Add-new-sep {
    padding-right: 9px !important;
}
#BankChildGrid .dx-placeholder {
    top: 3px;
    left: 0.3px;
}
#ninebox-cancel {
    margin-left: 10px;
}
.vy-punch-was {
    text-decoration: line-through;
    color: #808080;
}
.vy-punch-arrow {
    color: #808080;
}
.vy-punch-now {
    color: #29CD4D;
    font-weight: 600;
}
.vy-punch-row-changed {
    box-shadow: inset 3px 0 0 0 #29CD4D;
}
#helpdrawer #helpcontent {
    box-sizing: border-box;
    padding: 8px 8px 16px;
    font-family: var(--main-font);
    font-size: 16px;
    line-height: 20px !important;
    color: #333;
    text-align: left;
}
#helpdrawer #helpcontent p {
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 20px !important;
}
#helpdrawer #helpcontent li,
#helpdrawer #helpcontent li > p,
#helpdrawer #helpcontent li > div,
#helpdrawer #helpcontent li > span,
#helpdrawer #helpcontent li > strong {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 20px !important;
}
#helpdrawer #helpcontent ul,
#helpdrawer #helpcontent ol {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 20px !important;
}
#helpdrawer #helpcontent li + li {
    margin-top: 0 !important;
}
#helpdrawer #helpcontent li > ul,
#helpdrawer #helpcontent li > ol {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#helpdrawer #helpcontent ul ul,
#helpdrawer #helpcontent ol ol,
#helpdrawer #helpcontent ul ol,
#helpdrawer #helpcontent ol ul {
    padding-left: 28px !important;
}
#helpdrawer .dx-drawer-content {
    padding: 0 !important;
}
#helpdrawer #helpcontent li.help-empty-list-wrapper {
    list-style: none !important;
}
#PopupCancelbtn {
    margin-right: 10px;
}
#employee-SalutationId .dx-clear-button-area {
    right: 6px !important;
}
#Workforce-Settings-ServiceBasedNoticeRule-VoyonGrids-Footer-ToolBar,
#ESS-Benefit-ReimbursementDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#learningCreditsTabs .dx-tabpanel-tabs {
    padding: 10px;
    padding-bottom: 0px;
}
#myReviewTabContainer .dx-tab .dx-icon.dx-icon-close {
    line-height: 17px;
}
.calendar-dashboard .dx-scheduler-work-space-week .dx-scheduler-all-day-title {
    top: 0px !important;
}

.leaveSummaryContainerCardSection.dismargin-leave-only.rq-summary .entry-field {
    margin: 0px;
}
.AddEmlpoyee-css.employeeFullView.Cand-search-parent .dx-tabs {
    margin-bottom: 10px;
}
.AddEmlpoyee-css.employeeFullView.Cand-search-parent .employeeCard.familyDetails {
    margin-top: 0px;
}
.candidateTagsEdit #candidateTagEditButton {
    color: #fff;
}
.cd-search-jobopening #TalentAcquisition-ScheduleInterview-VoyonGrids-Header-ToolBar {
    margin-top: 0px;
}
.dx-item.dx-toolbar-item.dx-toolbar-button.FilterEmp.Ai-QuestionBuilder{
    padding-left: 8px !important;
}
#TalentSettings-PositionRequisition-MandatorySettings-VoyonGrids-Footer-ToolBar,
#TalentSettings-PositionRequisition-VisibilitySettings-VoyonGrids-Footer-ToolBar,
#TalentSettings-JobOpening-MandatorySettings-VoyonGrids-Footer-ToolBar,
#TalentSettings-JobOpening-VisibilitySettings-VoyonGrids-Footer-ToolBar {
    display: none;
}
#ClientViewModeDiv .Onb-temp.job-op #FullViewEditorViewPage {
    box-shadow: none !important;
    padding-left: 72px;
    padding-top: 64px;
    height: 100%;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    padding-right: 14px;
}
#ClientViewModeDiv .Onb-temp.job-op .op-side-bar,
#ClientViewModeDiv .Onb-temp.job-op .op-side-bar-content {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    height: calc(100dvh - 154px);
}
#ClientViewModeDiv .Onb-temp.job-op .op-side-bar-content {
    padding: 22px;
}
#ClientViewModeDiv .Onb-temp.job-op .jb-op-btn-group {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
}
#clientOffcialDetailsDiv {
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 10px !important;
}
ul.address-candidate.clientAddress h3 {
    margin-bottom: 0px;
    font-size: 13px;
}
#ClientViewModeDiv .quick-view.bottom-quick {
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 10px !important;
}
.dx-overlay-content:has(#statusChangeForm) .dx-popup-bottom {
    position: absolute;
    bottom: 6px;
    right: 6px;
}
#goalsCreatedGrid {
    height: auto !important;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
    margin-top: 16px;
}
#goalsCreatedGrid td.dx-command-select {
    text-align: center !important;
}
#employeeData .Vf-toolbar-batch.A-cycle-toolbar {
    margin-bottom: 10px !important;
}
.empoyee-detail-card-container {
    width: 90%;
}
.leaveHistoryGridWrapper #participantGridFooter.PendingAllocationDivFooterRecordsLimits {
    bottom: 12px;
    left: 12px;
}
#btnSaveSalesStatus {
    background-color: var(--vf-button-primary) !important;
}
#btnSaveFeedback {
    background-color: var(--vf-button-primary) !important;
}
#TalentAcquisition-CandidateDatabase-EducationDetails-viewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-WorkExperiences-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-LanguageDetails-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-ReferenceDetails-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-InterestAndHobby-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-FamilyDetails-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-ContagiousDiseaseHistory-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-CourtCaseDetails-ViewPage-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-WorkExperiences-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-LanguageDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-ReferenceDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-InterestAndHobby-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-FamilyDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-ContagiousDiseaseHistory-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-CourtCaseDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Talent-Career-Email-Configuration-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-CandidateDatabase-EducationDetails-viewPage-VoyonGrids .dx-datagrid-addrow-button {
    display: none;
}
.goal-popup-content .dx-bordered-bottom-view {
    height: auto !important;
}
button#bellCurveCollapseAllBtn {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    padding: 0px;
    margin-right: 8px;
}
#dateRangeTitleText {
    width: 200px !important;
}
#Learning-Reports-TrainingAttendeesReport-ReportingGrids {
    height: calc(100dvh - 344px) !important;
}
.col-9, .col-12 {
    transition: all 0.25s ease;
}
#publishBtn.dx-button.dx-state-disabled,
#publishBtn.dx-button.dx-state-disabled .dx-button-content {
    cursor: default !important;
}
#wemployeeInfoTab .dx-datagrid-pager.dx-pager,
#BenefitSettings-VoucherNumberFormat-VoyonGrids-Footer-ToolBar,
#Benefit-ClaimableBenefitEligiblePersonwiseLimit-VoyonGrids-Footer-ToolBar,
#Benefit-ClaimableBenefitAgewiseEligibility-VoyonGrids-Footer-ToolBar,
#LabourPayroll-LabourPayrollTeamMembers-VoyonGrids-Footer-ToolBar {
    display: none;
}
#SalaryComponentDetailsForm .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background: transparent !important;
}
#attendance-cancel-btn .dx-button-content,
#attendance-batch-cancelBtn .dx-button-content,
#attendance-batch-saveBtn .dx-button-content,
#attendance-hourly-cancelBtn .dx-button-content,
#attendance-output-individual-saveBtn .dx-button-content,
#attendance-output-individual-cancelBtn .dx-button-content,
#attendance-output-saveBtn .dx-button-content,
#attendance-output-cancelBtn .dx-button-content,
#attendance-approval-btn .dx-button-content,
#attendance-reject-btn .dx-button-content {
    width: auto !important;
}
#attendance-save-btn .dx-button-content,
#attendance-batch-saveBtn .dx-button-content,
#attendance-hourly-saveBtn .dx-button-content,
#attendance-output-individual-saveBtn .dx-button-content,
#attendance-output-saveBtn .dx-button-content,
#attendance-approval-btn .dx-button-content {
    background-color: var(--secondary-color);
    width: auto !important;
    color: #fff !important;
}
#addNew-attendanceBatchShiftForm .dx-numberbox.dx-texteditor input {
    text-align: right;
}
#attendanceBatchWise-add-btn .add-plus,
#attendanceIndividualOutput-add-btn .add-plus {
    min-width: 80px;
}
.Jobopening-separator #TalentAcquisition-ScheduleInterview-VoyonGrids,
.Jobopening-separator #TalentAcquisition-SubmittedtoClientView-VoyonGrids,
.candidate-main-toolbar #TalentAcquisition-CandidateDatabase-VoyonGrids {
    width: auto !important;
}
#clientInterviewFeedbackForm .dx-textarea .dx-texteditor-input {
    height: 100%;
}
#jobDetailsViewDiv #FullViewEditorViewPage {
    padding-left: 82px;
    padding-top: 30px;
    margin-right: 0px;
    padding-right: 10px;
}
#jobDetailsViewDiv #FullViewEditorViewPage .vy-fullview-title {
    margin-left: 0px;
}
.jobopeningApplied #TalentAcquisition-SubmittedtoClientView-VoyonGrids .dx-bordered-bottom-view {
    padding: 0 10px !important;
}
#searchConditionsForm .collapse-close-btn.filter-collapse {
    position: fixed !important;
    top: 8px;
}
#transcriptionTimeSheetGrid .attendance-add {
    position: fixed;
    z-index: 9998;
    top: 8px !important;
    right: 46px !important;
}
#EmployeeList.Aknowledgement_Details .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon:before {
    margin-top: -8px;
    margin-left: -5px;
}
.leaveSummaryContainerCardFilterSection {
    position: sticky;
    top: 0px;
    height: fit-content;
}
#LeaveManagement-LeaveRequest-VoyonForms .Vf-field-emp-i-btn-i {
    margin-right: -4px;
}
#finalReviewTabContainer .dx-placeholder {
    left: 0px;
    right: 0px;
    margin: auto;
}
.jobopeningApplied .jd-id-name.jd-id-name-title {
    width: 100% !important;
}
.jobopeningApplied .jd-id-name.jd-id-name-title span {
    width: 100%;
    display: block;
}
.jobopeningApplied .prog-infos {
    align-items: baseline;
    margin-bottom: 2px;
}
.cd-sidebar.jobopeningAppliedFilterSection {
    position: sticky;
    top: 0px;
}
.jobopeningApplied #TalentAcquisition-ScheduleInterview-VoyonGrids, .Jobopening-separator .dx-scrollbar-vertical, .Jobopening-separator .dx-scrollable-scroll.dx-state-invisible {
    height: auto !important;
}
.cd-search-jobopening #TalentAcquisition-AppliedCandidatesView-VoyonGrids {
    height: calc(100dvh - 258px) !important;
}
.candidate-details-main-section #TalentAcquisition-ScheduleInterview-VoyonGrids-Header-ToolBar {
    margin-top: 0px;
}
.candidate-details-main-section #CandidateInterviewDiv #feedbackFormDiv,
.candidate-details-main-section #CandidateInterviewDiv #feedbackFormDiv .full-view-card {
    background-color: #fff !important;
}
#jobOpeningViewModeDiv #scheduleInterviewDiv .vy-fullview-title {
    margin-left: 16px;
    margin-top: 12px;
}
#TalentAcquisition-SubmittedCandidateView-VoyonGrids {
    width: auto !important;
}
.bellCurveAnalysisMainContainer #filterAccordionArrow,
#bellCurveChartAccordion #chartAccordionArrow,
#bellCurveGridSection #gridAccordionArrow,
#biasInsightSection #accordionArrow {
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    display: flex;
    justify-content: center;
    align-items: center;
}
#btnFinalAIAnalysis {
    background: #fff !important;
}
#Benefit-Contributory-EligibilitySlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefits-TravelSectorFareDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-GratuitySlab-Period-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-GratuityRule-GratuityRuleExcludeLeaves-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-GratuityRule-Slab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-PayScaleIncrementSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-PayPeriods-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-BenefitGrade-LeaveBenefits-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-BenefitGrade-ClaimableBenefit-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-BenefitGrade-ContributoryBenefit-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benifit-BonusRuleSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benifit-BonusRuleProvision-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-ProfessionalTaxSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-StatutoryRulesEmployeeSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-StatutoryRulesEmployerSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefits-FestivalBonusEmployee-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Benefit-TDSDeclarationHouseRent-VoyonGrids-Footer-ToolBar {
    display: none;
}
#LeaveManagement-Leave-AccrualSlab-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Travel-TravelClaimRequest-View-Reimbursment-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TravelClaim-View-Expenses-VoyonGrids-Footer-ToolBar {
    display: none;
}
#SystemSettings-Company-BankBranch-VoyonGrids-Footer-ToolBar {
    display: none;
}
#SystemSettings-Company-LicenseInformation-VoyonGrids-Footer-ToolBar {
    display: none;
}
#SystemSettings-Company-ExternalApprovals-VoyonGrids-Footer-ToolBar {
    display: none;
}
#SystemSettings-Company-PartnerDetails-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Payroll-PayrollSetting-PayrollSettingIntegrationBank-VoyonGrids-Footer-ToolBar {
    display: none;
}
#arrear_components_grid-Footer-ToolBar {
    display: none;
}
#gridGeoTagEmployee .dx-datagrid-filter-row {
    display: table-row !important;
}
#gridFestivalBonusOnHoldEmployee .dx-datagrid-filter-row {
    display: table-row !important;
}
#OvertimeProcess_778_gridEmployees .dx-datagrid-filter-row {
    display: table-row !important;
}
#Payments_918_gridEmployees .dx-datagrid-filter-row {
    display: table-row !important;
}
#transactionHistory .dx-datagrid-filter-row {
    display: table-row !important;
}
#LeaveAccrualClosing_264_grid .dx-datagrid-filter-row {
    display: table-row !important;
}
.add-plus-attendance-output {
    background: var(--secondary-color);
    height: 30px;
    width: fit-content;
    border-radius: 5px !important;
    padding: 4px 8px !important;
    color: #fff;
    display: flex;
    align-items: center;
}
#candidateverification-attachments-uploader .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    padding: 12px;
    border: 1px dashed #2B5BCB;
    background: #F9FBFF !important;
    width: 100% !important;
    border-radius: 7px;
    text-align: center;
    margin-bottom: 12px;
}
#candidateverification-attachments-uploader .dx-fileuploader-wrapper {
    padding: 0px !important;
}
#candidateverification-attachments-uploader {
    padding: 0px;
    width: 100% !important;
    text-align: center;
}
#biasInsightSection img.dx-icon {
    margin-right: 0px;
    padding: 7px;
}
#biasInsightSection .dx-form-group-caption {
    margin-right: 12px;
}
#bellCurveDetails h6 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}
#finalAIAnalysisTextArea, #finalAISuggestionsTextArea {
    height: auto !important;
    min-height: 30px !important;
    max-height: auto !important;
    resize: vertical !important;
    overflow: hidden !important;
    box-shadow: none;
    border: 1px solid #ddd;
    margin: 0px;
    margin-bottom: 14px;
}
#divfrmPermsion .dx-header-row td .dxService {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#OvertimeHoursBox, #travelAdvanceRequest-ApprovedAdvanceAmount {
    border: 1px solid #ddd !important;
    padding-left: 8px;
    margin-top: 4px;
}
#OvertimeHoursBox:disabled,
#OvertimeHoursBox[readonly],
#travelAdvanceRequest-ApprovedAdvanceAmount:disabled,
#travelAdvanceRequest-ApprovedAdvanceAmount[readonly]{
    border: none !important;
}
.applied-cand-view-parent-div,
.job-opening-detail-panel /* whatever the left panel's class is */ {
    align-self: flex-start; /* don't stretch to match sibling height */
}

.applied-cand-view-parent-div {
    height: 100%; /* size from its own positioned ancestor instead */
    min-height: 600px; /* or whatever a sane floor is */
}
.badgepopover .PayrollListCard {
    margin: 25px 5px 12px;
}
.compact-editor .dx-texteditor-input {
    padding: 2px 4px;
    font-size: 11px;
    height: 22px;
}
.compact-editor.dx-dropdowneditor .dx-dropdowneditor-button {
    width: 20px;
}
.online-scribe-editor {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}
.online-scribe-time-row {
    display: flex;
    gap: 4px;
}
.compact-editor {
    font-size: 11px;
}
.compact-editor .dx-texteditor-input {
    padding: 2px 4px;
    height: 22px;
    font-size: 11px;
    line-height: 1.2;
}
.compact-editor.dx-dropdowneditor .dx-dropdowneditor-button {
    width: 18px;
    height: 22px;
}
.compact-editor .dx-placeholder {
    font-size: 11px;
    padding: 2px 4px;
}
.editing-mode .dx-scheduler-date-table-cell {
    min-height: 68px;
}
.dx-scheduler-date-table-cell {
    position: relative;
}
.dx-scheduler-date-table-cell-text {
    position: relative;
    z-index: 2;
}
.online-scribe-editor {
    position: relative;
    z-index: 1;
    margin-top: 30px; /* small gap is enough once it's not fighting for the same row */
}
.dx-scheduler-date-table-cell .dx-scheduler-appointment {
    margin-top: 16px !important;
}
#OnlineScribingScheduler .dx-scheduler-header {
    display: none !important;
}
#training-reqs-listing-Grid #LearningDevelopment-TrainingRequest-VoyonGrids,
#TalentAcquisition-ESSMyAppliedJobs-VoyonGrids {
    width: auto !important;
}
.dx-overlay-content .dx-popup-content.training-requests-popup-content {
    overflow-x: hidden !important;
}
.timesheet-style-setup #OnlineScribingScheduler.OnlineScribingScheduler {
    height: calc(100dvh - 246px) !important;
}
#LeaveManagement-LeaveRequest-VoyonForms #Regularization_Employee input {
    width: 85%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.badgepopover #approveSalarySchedule-scheduleEmployeeGrid {
    width: calc(100vw - 228px);
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default.sal-custom-btns {
    background: var(--secondary-btn) !important;
}
#badgePopupContent #leaveSummaryContainer .rq-summary.LvEnc {
    display: flex;
    gap: 20px;
    justify-content: space-around;
}
#candidateViewDiv.employeepreview-css.Contact-Details-section {
    padding-left: 82px !important;
}
#ShortlistForm .dx-texteditor-input-container textarea {
    height: 100% !important;
    max-height: 100% !important;
}
#JobOpeningViewDiv .Onb-temp.job-op .vy-fullview-title {
    margin-left: 0px;
    margin-top: 0px;
}
.Onb-temp .full-view-card.Jobopening-separator .jb-op-scrollview {
    overflow: hidden;
    height: auto !important;
}
#TalentAcquisition-Preonboarding-VoyonGrids .OfferApproval.blk-action-ico.one {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#taskPopupGrid .dx-button-mode-contained.dx-state-hover {
    background: var(--secondary-color) !important;
}
#taskPopupGrid  td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#convertToEmployeePopupForm #Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    top: -5px !important;
    right: 20px !important;
}
.badgePopupContent:has(#KraForm) .full-view-card .popup-close-btn {
    margin-top: 0px;
    margin-right: 0px;
}
#Fly-Out-Form .dx-textarea .dx-texteditor-input {
    height: 100%;
}
.badgepopover  #FullViewEditor #managerReviewTabContainer, #FullViewEditor .pf-templates-my-review {
    margin-right: 14px;
}
#ESS-RegularizationRequests-CheckinCheckoutForgotPunch-VoyonGrids-Footer-ToolBar {
    display: none;
}
#TalentAcquisition-ReferralProgram-Bonus-VoyonGrids-Footer-ToolBar {
    display: none;
}
#ESS-RegularizationRequests-CheckinCheckoutForgotPunch-AddButton {
    position: relative;
    right: 22px;
}
#TalentAcquisition-SubmittedCandidateView-VoyonGrids .dx-datagrid-sticky-column-right {
display:none;
overflow:scroll;
}
#viewModeFormContainer.job-opening-view {
    height: calc(100dvh - 144px);
    overflow: auto;
}
#offerApprovalViewContainer #TalentAcquisition-ESSApplicableCandidateList-VoyonGrids {
    width: auto !important;
    height: auto !important;
}
#offerApprovalViewContainer #componentsContainer .dx-datagrid-rowsview {
    min-height: 10vh;
    height: auto !important;
}
.dx-popup-content:has(#viewModeFormContainer.job-opening-view) {
    height: calc(100dvh - 180px) !important;
}
.dx-popup-wrapper .height-inherit.jb-op-view-scrollview {
    height: calc(100dvh - 200px) !important;
}
.dx-popup-wrapper .height-inherit.jb-op-view-scrollview #viewModeFormContainer {
    height: auto !IMPORTANT;
}
.dx-popup-content .training-requests-popup-content #training-reqs-listing-Grid {
    padding-right: 12px;
}
#Payroll-Register-dxReport-Custom .dx-widget.dx-button {
    background: transparent;
}
#Payroll-Register-dxReport-Custom .dx-button-content {
    padding: 0px !important;
}
#Payroll-Register-dxReport-Custom .dx-button-content i.dx-icon.dx-icon-spindown{
    display: none !important
}
#Payroll-Register-dxReport-Custom .dx-datagrid-export-button {
    background: var(--secondary-color);
}
#badgePopupContent .Vf-form-view-mode #CustomFormContainerESS-ResignationRequest-VoyonForms .dx-texteditor.dx-editor-filled:has(input[name="ApprovedNoticePeriod"]),
#badgePopupContent .Vf-form-view-mode #CustomFormContainerESS-ResignationRequest-VoyonForms .dx-texteditor.dx-editor-filled:has(input[name="ApprovedNoticePeriod"]),
#extendForm .dx-texteditor.dx-editor-filled {
    border: 1px solid #d4d4d4 !important;
    padding-left: 6px;
    margin-top: 6px;
}
#badgePopupContent .fullview-offerapproval.Travel-Request-Apprview .vy-view-content {
    max-height: calc(100dvh - 300px);
    overflow: auto;
}
#badgePopupContent .leaverequest-fullview .full-view-card-header {
    border: 1px solid #ddd;
    box-shadow: none !important;
}
#AttendanceSummaryESS-mainToolbar .dx-item.FilterEmp .dx-button-content {
    margin-left: 6px;
}
#offlineScribingForm .attendance-add {
    position: fixed;
    z-index: 9998;
    top: 7px !important;
    right: 48px !important;
}
#shiftcalendarPop.calendar-dashboard .dx-scheduler-header-panel-cell {
    padding-top: 0px;
}
#shiftcalendarPop.calendar-dashboard .dx-scheduler-date-table-scrollable {
    padding-bottom: 6px;
    margin-bottom: 0px;
}
#shiftcalendarPop {
    height: calc(100dvh - 240px) !important;
    margin-bottom: 100px;
}
.full-view-card:has(#shiftcalendarPop) #shiftLegendsforsingle {
    border-radius: 7px;
    background: #EEF2F7;
    padding: 12px 16px;
    border: 1px solid #ddd;
    position: fixed;
    bottom: 32px;
    width: calc(100vw - 136px) !important;
}
#shiftcalendarPop .dx-scheduler-header {
    display: none;
}
.vc-nav.shift-emp-nav .vc-nav-btn {
    border: 0px;
    background: #fff;
    margin: 0 6px;
}
.employeepreview-css .tabcontent-preview#divOrgChartPanel {
    margin: 6px 0px !important;
}
.Employee-search-container .wow-profile-icon.wow-emp-search {
    bottom: inherit;
    right: inherit;
    left: 18px;
    top: 50px;
    border: 3px solid #fff;
    border-radius: 25px;
    width: 26px;
    height: 26px;
}
#employeeBasicDetails .wow-profile-icon.employee-wow {
    top: 20px;
    right: 34px;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0px solid #181717;
    border-radius: 100%;
}
.recieved-ico-grid {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/wow-icon.svg);
    width: 30px;
    height: 30px !important;
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border-radius: 0px;
    position: absolute;
    top: 7px;
    right: 38px;
}
.recieved-ico-grid .counted-round {
    display: inline-flex;
    position: relative;
    top: -4px;
    right: -20px;
    background: #000000;
    align-items: center;
    min-width: 16px;
    height: 16px;
    font-size: 8px;
    border-radius: 20px;
    border: 0px solid #fff;
    justify-content: center;
    line-height: 10px;
    color: #ffffff;
    font-weight: 500;
}
.dx-widget.dx-button[aria-label="Approvals"] .dx-button-content {
    border-radius: 5px !important;
    border: 1px solid #30c8ac3b !important;
    font-weight: 500;
    height: 30px;
    background: #30c8ac1a !important;
    color: #30C8AC !important;
}
#employee-PermanentAddress {
    height: auto !important;
}
#marking-attendance-Grid tr.dx-row.dx-header-row td.dx-command-select {
    text-align: center !important;
}
#FeedbackTemplateFullView {
    padding-left: 94px;
}
.ad-card.ad-card-training-feedback label {
    width: fit-content;
    margin-right: 10px;
    white-space: nowrap;
}
.ad-card.ad-card-training-feedback {
    padding: 10px;
    margin-top: 10px;
}
.training-feedback-listing-VoyonGrids {
    height: calc(100dvh - 204px) !important;
}
#disclaimerForPayrollAISummary {
    line-height: 12px;
}
.angle-payment-employee .dx-texteditor-input-container input {
    text-align: left;
    padding-left: 10px;
}
#KraForm .goal-actions .goal-history {
    font-size: 15px;
    color: #555555 !important;
}
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-texteditor.dx-editor-filled {
    height: 30px !important
}
#careerCompanyLogoRemoveButton {
    top: -7px;
    left: 17px;
}
#FavIcon .dx-button-content, #CareerPortalHeaderImage .dx-button-content {
    margin: 0px;
    top: 0px;
}
#FavIcon, img#careerHeaderImage {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #ddd;
    overflow: hidden;
}
img#FavIconImage, #CareerPortalHeaderImage {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
#FavIconRemoveButton, #CareerHeaderImageRemoveButton {
    top: 16px;
    left: 17px;
}
/*#TalentSettings-PositionRequisition-MandatorySettings-VoyonGrids .dx-header-row td,
#TalentSettings-PositionRequisition-VisibilitySettings-VoyonGrids .dx-header-row td,
#TalentSettings-JobOpening-MandatorySettings-VoyonGrids .dx-header-row td,
#TalentSettings-JobOpening-VisibilitySettings-VoyonGrids .dx-header-row td,
.dx-header-row td {
    padding: 12px 7px 3px !important;
}*/
.jobopeningAppliedFilterSection button#deleteBtn {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 6px;
    padding: 7px 0;
    text-align: center;
    background: var(--secondary-btn);
    font-size: 14px;
    cursor: pointer;
    border: 0px;
    margin-left: 10px;
}
.jobopeningAppliedFilterSection button#deleteBtn:hover {
    background: color-mix(in srgb, #D52729, transparent 86%) !important;
}
#AttendanceLogSummary-table-header .mult-current-daterage,
#AttendanceSummaryESS-table-header .mult-current-daterage {
    font-size: 13px;
    display: flex;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase;
    align-items: center;
}
.dashboard-expolorer .dx-closebutton .dx-button-content .dx-icon {
    color: #343435 !important;
}
/*.dx-diagram .dxdi-control .dxdi-canvas {
    background-color: #fff;
    height: calc(100dvh - 310px) !important;
}*/
#bankElectronicFormatGenerate {
    margin-left: 8px !important;
}
#employeeDetailForm span#finalReviewerPerformanceScale {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#ShiftCalendar-grid .dx-widget.dx-datagrid-pager.dx-pager {
    display: none;
}