/*dataGrid*/
.Vf-grid-default {
    padding: 0px 0px 0px;
    margin-top: -8px;
}
    .Vf-grid-default .dx-datagrid{
        color: var(--black);
        font-size: 15px !important;
    }
    .Vf-grid-default .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
    .Vf-grid-default .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
        padding: 0;
        width: 35px;
        min-width: 30px;
        max-width: 30px;
        padding-left: 0px;
        text-align: center !important;
    }
.Grid-Section {
    height: calc(100% - 50px);
}
/*Listing-Toolbar*/
.Vf-toolbar-header.dx-toolbar {
    background-color: #fff !important;
    padding: 8px 8px 9px 16px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    margin-bottom: 10px;
    margin-top: 10px;
}
.Vf-toolbar-footer.dx-toolbar {
    background-color: #fff !important;
    padding: 5px 20px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.dx-datagrid-header-panel .dx-button-mode-contained {
    border: 0px;
}
.bonusprocess-employeelist-container .dx-datagrid-header-panel .dx-button-content,
.PaymentsGrid .dx-datagrid-header-panel .dx-button-content {
    padding: 0px 0px;
}
.PaymentsGrid .dx-texteditor.dx-editor-filled.dx-datagrid-search-panel {
    margin-right: 10px;
}
.bonusprocess-employeelist-container .dx-datagrid-search-panel {
    margin: 0 0 0 0px;
}
.common-card-titile-section h6{
    font-size: 14px;
}
.Vf-toolbar-header .dx-icon.vy.li-filter, .Vf-toolbar-header .dx-icon.dx-icon-overflow, .Vf-toolbar-header .dx-icon.fas.fa-filter,
.dx-datagrid-header-panel .dx-icon.fa-filter, .dx-datagrid-header-panel .dx-icon.dx-icon-overflow, .dx-datagrid-header-panel .dx-icon.dx-icon-column-chooser,
.dx-item-content .dx-icon-register-payroll, .dx-icon.dx-icon-indent, #gridPayrollComponentsApproval .fa-filter {
    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: 4px;
}
    .Vf-toolbar-header .filter-Applied .dx-icon.vy.li-filter, #gridPayrollComponentsApproval .fa-filter.filter-Applied, .Income-Tax-Calculator-Multiple-Toolbar .dx-button-content:has(.fa-filter.filter-Applied), #Grid-Filter-Button-EmployeeStrength-VoyonListWidget.filter-Applied .dx-icon.fa-filter, #Grid-Filter-Button-EmployeeBUStrength-VoyonListWidget.filter-Applied .dx-icon.fa-filter, .dx-datagrid-header-panel .filter-Applied .dx-icon.fa-filter {
        background: var(--primary-color);
    }
#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: 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;
}
#Move-Right {
    float: right;
    border: none !important;
}
#Move-Left {
    float: left;
    border: none !important
}
.Vf-batch-btn{
    display: flex;
}
.Vf-btn-default.Vf-btn-circle.Batch-edit .dx-button-content, .Vf-btn-default.Vf-btn-circle.Batch-delete .dx-button-content {
    padding: 0px 4px;
}
.Ticket-view .sendButton {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Buttons*/
.btn-grp {
    display: flex;
    align-items: center;
}
#Travel-TravelClaimRequest-Expenses-VoyonGrids-Title {
    top: 14px;
    left: 20px;
}
#Travel-TravelClaimRequest-Expenses-VoyonGrids .dx-datagrid-header-panel.d-block {
    position: absolute;
    right: 3px;
    top: -38px;
}
.backbutton {
    display: inline-block;
    transform: scaleX(-1);
    transform-origin: center;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    background: var(--secondary-btn);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.backbutton:hover{
    opacity: 0.6;
}
.backbutton img{
    padding: 7px 6px;
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default,
.Vf-btn-null.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;
    width: fit-content !important;
}
.btn-group .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    height: 30px;
}
.btn-group .dx-button-mode-contained.dx-button-default:has(.fa-users) {
    background: var(--secondary-btn);
}
.CompanyAcknowledge .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    margin-top: 4px;
}
.Vf-btn-default.dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: color-mix(in srgb, var(--secondary-color), #000 10%);
}
.Vf-btn-danger.dx-button-mode-contained{
    background-color: #DAE5EA;
    color: #222;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
/*.Vf-btn-danger.dx-button-mode-contained.dx-state-hover {
    background-color: color-mix(in srgb, #DAE5EA, #000 10%) !important;
}*/
.vy-view-content .dx-button-mode-contained.dx-button-default,
.PaymentsGrid .OvertimeFilter .dx-button-mode-contained.dx-button-default, #ProcessButton {
    background-color: var(--vf-button-primary) !important;
}
.vy-view-content .dx-button-mode-contained.dx-button-danger {
    background-color: var(--vf-button-secondary) !important;
    color: rgba(34, 34, 34, 1);
}
/*Checkbox*/
.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon::before{
    font-size: 10px;
}
.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox{
    display: inline-block;
}
/*Employee-tab*/
#employeeAddEditDiv .Vf-tabs-default .dx-tab.dx-tab-selected,
.Vf-tabs-default .dx-tab.dx-tab-selected,
.Vf-tabs-default .dx-tab.dx-state-hover,
#employeeAddEditDiv .Vf-tabs-default .dx-tab.dx-state-hover {
    background: var(--black) !important;
    border-radius: 5px;
    font-weight: 500;
    padding: 0;
    overflow: hidden;
    border: 0px;
    color: #fff !important;
}
.Vf-tabs-default .dx-tab.dx-state-hover {
    font-weight: 300;
}
.Vf-tabs-default .dx-tab.dx-state-hover .Emp-tabs-text{
    color: #fff !important;
}
.dx-tab.dx-tab-selected .dx-tab-text {
    color: #fff !important;
}
.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper {
    border: none !important;
}
#employeeAddEditDiv .Vf-tabs-default .dx-tab,
.Vf-tabs-default .dx-tab {
    background-color: #CDDDE9 !important;
    padding: 10px 12px !important;
    max-width: fit-content !important;
    min-width: fit-content !important;
}
#employeeAddEditDiv .Vf-tabs-default .dx-tab b,
.Vf-tabs-default .dx-tab b{
    color: #222222 !important;
}
.Vf-tabs-default .dx-tab {
    background-color: rgba(205, 221, 233, 1);
    margin-right: 5px;
    border-radius: 5px;
}
#employeeAddEditDiv .Vf-tabs-default .dx-tab .Emp-tabs-text,
.Vf-tabs-default .dx-tab .Emp-tabs-text {
    color: #222222;
    font-size: 13px;
    font-weight: var(--font-regular);
}
.EmployeeParent {
    display: inline-flex;
    align-items: center;
}
.Vf-tabs-default .dx-tabpanel-tabs {
    padding: 10px 10px 10px 0px;
    padding-bottom: 12px
}
.Vf-form-view-mode .Vf-tabs-default .dx-tabpanel-tabs {
    padding: 15px 0px;
}
#employeeAddEditDiv .Vf-tabs-default .dx-tab,
.Vf-tabs-default .dx-tab.dx-tab-selected {
    padding: 10px 12px !important;
}
.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tab-selected{
     margin-bottom: 0px; 
     border-block-end: none; 
}
.Vf-tabs-default .ti-angle-down:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/vy-images-v2/Icons/Menu-icons/Down-arrow-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.Vf-btn-switch.report-switch-btn .dx-button-content {
    background: transparent !important;
}
.dx-datagrid-headers + .dx-datagrid-rowsview {
    border-radius: 0;
}

.Vf-accordion-title {
    font-weight: 400;
    font-size: 13px;
    color: #333333;
}

.Vf-accordion-header .Vf-accordion-title {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}

.Vf-accordion.opened {
    border-radius: 6px;
    padding: 24px;
    border: 0px;
}

.Vf-grid-child {
    padding: 0px;
}

.Vf-grid-child .dx-datagrid-nodata::before, .preview-sub-card .dx-datagrid-nodata::before, .gridReguralizationPopup .dx-datagrid-nodata::before {
    background: url(../img/vy-images-v2/no-data-sv.svg);
    width: 120px;
    height: 74px;
    background-size: 120px 74px;
}
.final-settlement-fulview .dx-datagrid-nodata::before {
    background: url(../img/vy-images-v2/no-data-sv.svg);
    width: 82px;
    height: 60px;
    background-size: 82px 60px;
    left: calc(50% - 40px);
    top: calc(50% - 37px);
}
.Vf-grid-child{
    margin-top: 0px;
}
.Vf-toolbar-header .dx-button-mode-contained.dx-state-hover{
    background-color: #fff !important;
}
.Voyon-FileUploader .Vf-grid-default .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding: 0 10px !important;
}
.Vf-toolbar-footer.dx-toolbar {
    padding: 10px !important;
}
.Vf-grid-default .dx-datagrid-headers .dx-datagrid-content, .Vf-grid-default .dx-treelist-headers .dx-treelist-content {
    padding: 0px 0px !important;
}
.buttons-section-em-import .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    width: fit-content !important;
    font-weight: 400;
    height: 34px;
}
.buttons-section-em-import .dx-button .dx-button-content {
    font-weight: 400;
}
.Vf-action-grid-btn.custom-btn.dx-button-mode-contained {
    background-color: #ddd0;
    border-color: #ddd0;
    color: #72797e;
    margin-top: -7px;
}
.Vf-alert-system.overlay-disabled {
    background: #B7CBDB60;
    width: 100%;
    height: calc(100% - 61px );
    user-select: auto;
    transition: 0.2s;
    z-index: 7;
    pointer-events: auto;
}
.Vf-form-view-mode .dx-field-item-label-location-top {
    margin-bottom: 0px;
    font-size: 13px;
}
.Vf-form-view-mode .Vf-add-attachments .attachment-header {
    padding: 10px 5px 5px 0px;
}
.dx-button-mode-contained.dx-button-danger {
    background: #DAE5EA !important;
    color: #222222;
    height: 30px;
    border-radius: 6px;
    /*margin-left: 11px*/
}
.dx-button-mode-contained.dx-button-danger.dx-state-hover {
    background: color-mix(in srgb, #DAE5EA, #000 10%) !important;
    color: #000 !important;
}
.Vf-btn-circle .dx-icon {
    background: var(--secondary-btn);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}
.Vf-btn-circle:hover .dx-icon{
    opacity: 1;
}
.dx-button.dx-state-hover{
    opacity: 1;
}/*
.dx-datagrid-addrow-button .dx-button-content, .approvalSummaryButtonGroup .dx-button-content {
    background: #05A5F0;
}*/
.dx-datagrid-addrow-button .dx-button-content {
    background: var(--secondary-color);
    height: 30px;
    border-radius: 5px !important;
    padding: 4px 8px !important;
}
.approvalSummaryButtonGroup .dx-button-content .dx-button-text {
    color: #30C8AC;
    line-height: inherit;
}
.dx-datagrid-addrow-button .dx-button-content .dx-icon{
    background: transparent;
    padding: 0px;
}
.Vf-btn-circle-text-show .dx-button .dx-button-text {
    display: block;
    font-weight: 400;
    font-size: 13px;
    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-button-mode-contained.dx-button-default.vy-add-new-custom.dx-state-hover{
    background: color-mix(in srgb, var(--secondary-color), #000 10%) !important;
}
#employeeFamilyDetails .dx-edit-button.dx-datagrid-addrow-button .dx-button-content {
    /*background: var(--secondary-btn) !important;*/
    /*width: 30px;*/
    height: 30px;
    padding: 0px 10px;
}
.Vf-toolbar-header .dx-texteditor.dx-editor-filled {
    border: 1px solid #CAD1DB;
}
.Vf-btn-add-primary {
    background-color: var(--secondary-color) !important;
    height: 30px;
    border-radius: 5px !important;
    color: #fff;
    margin-right: 5px;
}
.Calendar-SmallView .filter-toolbar {
    background: #F7FCFF;
    border: 1px solid #B9EBFF;
    margin-bottom: 16px;
    padding: 20px 14px;
}
#Organization-HolidayCalenderYear-VoyonForms .dx-field-item-label-text {
    font-size: 12px;
}
#Organization-HolidayCalenderYear-VoyonForms .dx-texteditor.dx-editor-filled {
    background: #fff;
    border: 1px solid var(--toolbar-color);
    border-radius: 5px;
}
.CalendarHolidayForm .Voyon-ChildGrids-Title {
    padding-left: 14px;
    color: #040404;
}
.CalendarHolidayForm .dx-datagrid-header-panel .dx-toolbar-items-container {
    position: absolute;
    top: -44px;
}
.CalendarHolidayForm .Vf-grid-child .dx-icon-edit-button-addrow {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.CalendarHolidayForm .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
    color: #fff;
}
.CalendarHolidayForm .dx-datagrid-headers {
    padding: 0px !important;
}
#Organization-HolidayCalenderDays-VoyonGrids .dx-datagrid-headers {
    padding: 0px 0px !important;
    padding-right: 0px !important;
}
.Vf-card.amd-card {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.upload-list {
    border-width: 0px;
    border-radius: 7px;
    background-color: #F2F6FB;
    box-shadow: none;
    width: 100%;
    margin-top: 8px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.FU-flex.file-name img {
    display: inline-block;
    margin-right: 0px;
    width: 26px;
    margin-right: 12px;
}
.Vf-attachment.image .divider .contant-img .img-span {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/image-file.svg);
}
.Vf-attachment .divider .contant-img {
    width: 52px;
    margin-left: -1px;
}
.Vf-add-attachments .Vf-attachment {
    background: #F2F6FB;
    border: 0px solid;
    width: 225px;
    position: relative;
}
.FU-flex.file-name {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    /* width: 30%; */
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0;
    vertical-align: middle;
    position: relative;
    top: 0px;
    display: flex;
    align-items: center;
    padding-right: 11px;
}
.FU-flex {
    line-height: 12px;
    margin-top: 0px;
}
.FU-flex.FU-details-section-main {
    display: flex;
    align-items: center;
    width: 85%;
}
.FU-details-title{
    color: #000;
    font-size: 13px;
}
li.Vf-attachment.add {
    border: 1px dashed #2B5BCB;
    background: #F9FBFF;
}
.Vf-attachment .atach-name {
    color: #222;
}
.CalendarHolidayForm .Vf-grid-child .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
.CalendarHolidayForm .Grid-Section {
    height: 100%;
}
.dx-header-row td.dx-command-select.dx-datagrid-first-header {
    text-align: center !important;
}
.dx-popup-bottom .dx-button {
    min-width: fit-content;
}
.Vf-toolbar-header .dx-treelist-search-panel.dx-texteditor.dx-editor-filled {
    margin-left: 10px;
}
.dx-treelist-edit-popup-form.dx-form.dx-widget.dx-visibility-change-handler {
    max-height: calc(100dvh - 170px);
    overflow-y: auto;
}
tr.dx-row.dx-data-row.dx-column-lines.dx-row-focused.dx-cell-focus-disabled td {
    background: #fff !important;
}
tr.dx-row.dx-data-row.dx-column-lines.dx-row-focused.dx-cell-focus-disabled.dx-state-hover td{
    background: #ddeaf3 !important;
}
.Vf-batch-btn i{
    position: relative;
    top: 0px;
    right: 6px;
}
.Vf-attachment .atach-type {
    color: #797979;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 86px;
    line-height: 20px;
    position: relative;
    top: 0px;
    font-size: 11px;
}
.Vf-attachment .atach-size {
    font-size: 11px;
    margin-top: 2px;
}
.Vf-attachment .second-line {
    display: flex;
    top: 0px;
    align-items: center;
}
.Vf-attachment .atach-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    display: table-caption;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: inherit;
    overflow: hidden;
    width: calc(190px - 42px);
    cursor: pointer;
    position: relative;
    top: 0px;
}
.Vf-attachment .first-line {
    display: flex;
    margin-bottom: 1px;
}
.Vf-attachment .atach-close {
    font-weight: bolder;
    font-size: 10px;
    cursor: pointer;
    color: #757575;
    margin-top: 0px;
    margin-right: 0px;
    position: absolute;
    right: 12px;
    top: 13px;
}
.second-line a.dx-link-upload.dx-icon-download-dark {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.Vf-toolbar-header .dx-texteditor.dx-editor-filled {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 6px;
    margin-left: 10px;
}
.Vf-toolbar-batch .selected-records {
    width: auto;
    text-align: left;
    height: 20px;
    vertical-align: baseline;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #5c5a5a;
    padding-right: 6px;
    margin-right: 0px;
    white-space: pre;
}
.employeepreview-css .remove-grid-title .Vf-grid-child {
    border: none;
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}
.Vf-attachment.pdf .divider .contant-img .img-span {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/pdf-img.svg');
}

.Vf-attachment.image .divider .contant-img .img-span {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/image-file.svg');
}

.Vf-attachment.doc .divider .contant-img .img-span {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/doc-file.svg');
}

.Vf-attachment.xsl .divider .contant-img .img-span {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/xls-file.svg');
}

.Vf-attachment.txt .divider .contant-img .img-span {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/image-file.svg');
}
.AddEmlpoyee-css .employeeCard .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px 0px;
    background: #ffffff;
    /* border-bottom: 1px solid #cdcdcd !important; */
    padding: 0 0px !important;
    padding-right: 0px !important;
    border-radius: 0px;
}
.Grid-Section {
    height: auto;
    border-radius: 8px;
    /*overflow: hidden;*/
}
.employeeCard .Vf-grid-child {
    border: 1px solid #f4f3f300;
    padding: 5px 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid #ddd;
    padding-bottom: 20px;
}
.employee-filter-grid .dx-widget.dx-datagrid-pager.dx-pager {
    background: #fff;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ddd !important;
    height: 50px;
}
.Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 240px);
    box-shadow: rgba(55, 59, 102, 0.09) 0px -1px 4px 0px;
    overflow: auto;
}
#ESS-RegularizationRequests-CheckinCheckout-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 40vh
}
#ESS-RegularizationRequests-CheckinCheckout-VoyonGrids-Footer-ToolBar {
display:none;
}
/*.dx-datagrid-borders > .dx-datagrid-headers {
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 6px 6px 0 0;
}*/
.Vf-btn-switch .dx-button-content {
    background: transparent;
}
.Vf-btn-switch .dx-button-has-text .dx-button-content .dx-button-text {
    overflow: visible
}
.mult-atnd-toolbar-left .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background: none;
    opacity: 1;
}
#EmployeeSearch.dx-texteditor.dx-texteditor.dx-state-focused {
    border: 1px solid #0099FF !important;
}
#tabPanelContainer .Voyon-Forms {
    margin: 0px
}
#tabPanelContainer.Vf-tabs-default .dx-tabpanel-tabs {
    border-bottom: 0px solid #e8e8e8 !important;
    margin-bottom: 10px;
}
.permission-block #tabPanelContainer.Vf-tabs-default .dx-tabpanel-tabs {
    display: none;
}
.dx-datebox-wrapper-datetime.dx-datebox-wrapper-calendar.Vf-centrelized-date-time-box .dx-popup-content {
    max-height: 290px !important;
}
#talentInformationsTab-EducationDetails-section-edit .Grid-Section,
#talentInformationsTab-WorkExperience-section-edit .Grid-Section,
#talentInformationsTab-LanguageDetails-section-edit .Grid-Section,
#talentInformationsTab-InterestHobbies-section-edit .Grid-Section,
#talentInformationsTab-ReferenceDetails-section-edit .Grid-Section,
#talentInformationsTab-CourtCaseDetails-section-edit .Grid-Section,
#talentInformationsTab-ContagiousDiseaseHistory-section-edit .Grid-Section {
    height: auto;
    padding: 0px 20px;
}
.dx-datagrid-rowsview .dx-row td .Vf-action-grid-btn {
    height: 18px;
    margin-left: 3px;
    margin-right: 3px;
    align-items: center;
    justify-content: center;
}
.autocreateProfile.dx-fileuploader .dx-button-mode-contained {
    width: 100%;
    border: 0px;
}
.autocreateProfile.dx-fileuploader .dx-fileuploader-wrapper {
    padding: 0px;
}
.dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding-top: 6px;
}
.History-EmpProbation .dx-button-mode-outlined {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ddd;
    color: #333;
    background: #fff;
    color: var(--secondary-color);
    height: 30px;
    border-radius: 6px;
    border: 1.6px solid var(--secondary-color);
}
.Employment-Contract-Section-body .Vf-btn-switch .dx-button-content {
    border-width: 0px;
}
.CostCentreAllocationSection .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.CostCentreAllocationSection .Vf-btn-circle .dx-icon {
    background: var(--secondary-color);
}
.CostCentreAllocationSection i.dx-icon.dx-icon-minus {
    background: var(--danger);
}
.CostCentreAllocationSection i.dx-icon.dx-icon-minus:hover {
    background: color-mix(in srgb, #DF004A, transparent 90%);
    color: #DF004A
}
.EmployeeProbationSection .Vf-btn-switch .dx-button-content{
    border-width: 0px;
}
.Vf-grid-default .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link, .Vf-grid-default .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    /* display: none; */
    margin-left: 4px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link:not(.dx-link-icon) {
    margin: 0 2px;
    min-width: 12px;
}
.single-action .dx-item.dx-buttongroup-item.dx-item-content {
    background: #CCE8FD;
    border-radius: 5px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: relative;
    top: -1px;
    border: 0px;
}
.single-action .dx-button-has-icon .dx-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
}
#Workforce-Onboarding-VoyonGrids .single-action .dx-button-has-icon .dx-icon.ti-more-alt {
    width: 11px;
    height: 11px;
    font-size: 11px;
}
.onboarding-common-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons > div.single-action {
    top: -2px;
}
.single-action .dx-buttongroup.dx-widget {
    width: 44px !important;
}
.single-action .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
    padding: 3px 0;
    padding-left: 3px;
    padding-right: 5px;
}
.Vf-btn-circle img.dx-icon {
    width: 18px !important;
    height: 18px !important;
    padding: 5px;
}
#offBoardingTaskPopupGrid .dx-datagrid-header-panel {
    padding-top: 4px;
}
#offBoardingTaskPopupGrid .dx-dropdownbutton-action {
    background: var(--secondary-color);
    border: 0px;
    border-radius: 5px;
    padding: 6px;
    height: 32px;
}
#offBoardingTaskPopupGrid .dx-dropdownbutton-action .dx-button-content{
    padding: 0px
}
#offBoardingTaskPopupGrid .dx-dropdownbutton-action.dx-button-mode-contained .dx-icon{
    color: #fff
}
.Vf-toolbar-header.dx-toolbar .dx-searchbox .dx-editor-filled .dx-texteditor-input {
    padding-left: 30px;
}
.dx-searchbox .dx-texteditor-input {
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
}
.dx-searchbox .dx-placeholder::before {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
}
/*.addnew-btn-voyongrid-childflyout .dx-item-content.dx-toolbar-item-content {
    margin-top: 10px;
}*/
.Vf-add-attachments .attachment-header {
    display: flex;
    padding: 10px 0px 5px;
    border-bottom: 1px solid #d2d2d2;
}
.Vf-add-attachments .at-title {
    width: 96%;
    font-size: 13px;
    font-weight: 500;
}
.Vf-attachment.add {
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-atach .dx-icon {
    height: 26px;
    width: 26px;
    margin-right: 8px;
}
.add-atach .dx-icon.ti-cloud-up:before {
    height: 22px;
    width: 22px;
}
.CalendarHolidayForm.Calendar-SmallView .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 50vh;
}
.dx-overlay-content .dx-popup-content:has(.CalendarHolidayForm.Calendar-SmallView) {
    height: 90vh !important;
}
.dx-popup-content .Vf-add-attachments .Vf-attachment {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
}
.dx-popup-content .Vf-add-attachments ul {
    width: 100%;
}
.dx-popup-content .Vf-add-attachments .attachment-body {
    padding-right: 0px;
}
/*.dx-selectbox-popup-wrapper .dx-overlay-content .dx-popup-content {
    height: auto !important;
}*/
.top-collapse-close .dx-button-content {
    padding: 0px
}
.top-collapse-close #btnCancel {
    background: var(--secondary-btn) !important;
    background-color: var(--secondary-btn) !important;
}
#dxPopupAmendmentDetailView_content .Vf-card.amd-card {
    height: auto;
    min-height: 6vh;
    max-height: 36vh;
    overflow: hidden;
    overflow-y: auto;
}
.dx-overlay-content .dx-popup-content:has(#dxPopupAmendmentDetailView_content) {
    height: 90vh !important;
}
/*.dx-datagrid-column-chooser-mode-select .dx-overlay-content .dx-popup-content{
    height: 100% !important;
}*/
.dx-datagrid-column-chooser-mode-select .dx-popup-title.dx-toolbar {
    padding: 9px 10px 8px;
}
#Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 60vh;
}
#divPersonalDetailsPanel .dx-state-readonly .dx-texteditor-input {
    padding-top: 2px;
}
#divAdvanceAndLoan .dx-placeholder::before {
    padding: 6px 0px 6px;
    margin-left: 30px;
}
.Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0 10px !important;
    padding-right: 10px !important;
}
.Onboarding_Task_Details div#taskPopupGrid {
    border: 0px;
    box-shadow: none;
}
.dx-toolbar-menu-section {
    border-bottom: 0px solid #ddd;
}
.dx-toolbar-menu-section .dx-list-item-content{
    padding: 5px;
}
.Vf-more-custom-dropdown-btn .dx-button-content .dx-button.dx-button-normal.dx-button-mode-contained .dx-button-content {
    padding: 3px !important;
}
.Vf-more-custom-dropdown-btn .btn-text {
    color: #333 !important;
    margin-left: 7px;
    font-weight: 300;
}
.Vf-toolbar-footer.dx-toolbar .dx-toolbar-items-container {
    height: 28px;
    overflow: visible;
}
#taskPopupGrid .dx-datagrid-borders > .dx-datagrid-headers,
#taskPopupGrid .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
.form-group .dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding: 0px;
    padding-top: 0px;
}
.dx-popup-content .form-group .Vf-custom-label {
    margin-bottom: 3px;
}
#taskPopupGrid .dx-datagrid-borders > .dx-datagrid-headers,
#onBoardingTaskPopupGrid .dx-datagrid-borders > .dx-datagrid-headers,
.supervisor-transition-section .dx-datagrid-borders > .dx-datagrid-headers,
.salarySchedulegrid-body .dx-datagrid-borders > .dx-datagrid-headers {
    box-shadow: none !important;
}
#onBoardingTaskPopupGrid, #previousContractExtensionGrid, #editFormPreviousExtensionGrid {
    border: 0px;
    box-shadow: none;
}
#onBoardingTaskPopupGrid .dx-datagrid-borders > .dx-datagrid-headers,
#onBoardingTaskPopupGrid .dx-datagrid-headers + .dx-datagrid-rowsview,
#previousContractExtensionGrid .dx-datagrid-headers,
#previousContractExtensionGrid .dx-datagrid-headers + .dx-datagrid-rowsview,
#editFormPreviousExtensionGrid .dx-datagrid-headers,
#editFormPreviousExtensionGrid .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding: 0 0px !important;
    padding-right: 0px !important;
}
.dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: transparent;
    background-color: rgb(51 51 51 / 0%);
}
/*.vy-view-content.measures-content .dx-state-readonly .dx-texteditor-input {
    padding: 0px;
}*/
#empcostcentre-form .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-inline-end: 8px;
}
.Vf-form-view-mode .measures-form > div {
    height: 30px;
    margin-bottom: 0px;
}
#Workforce-Offboarding-VoyonGrids .single-action .dx-item.dx-buttongroup-item.dx-item-content {
    background: #A6E7FF;
    padding: 2px;
    border-radius: 20px
}
#Workforce-Offboarding-VoyonGrids .single-action .dx-button-has-icon .dx-icon {
    width: 14px;
    height: 14px;
}
#Workforce-ResourceMetricsPlan-VoyonForms {
    background: #fff;
    border-radius: 6px;
}

.workforce-settings-card .Voyon-ChildGrids-Title {
    color: #222;
    font-size: 13px;
    font-weight: 600;
    top: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 16px;
}
.LgCard .dx-placeholder {
    top: 2px;
    left: 0px;
}
#Verify-User-Form .LgCard .dx-placeholder {
    top: 0px;
    left: 0px;
}
#treeList_EmployeeCategory .dx-pager {
    position: relative;
    background-color: #fff !important;
    padding: 10px 20px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
#treeList_EmployeeCategory .dx-pager .dx-pages .dx-info {
    position: absolute;
    left: 15px !important;
    top: 15px;
}
.workforce-settings-card .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: auto;
    min-height: 30vh;
}
#positionWise-div .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
#positionWise-div .Vf-btn-circle .dx-icon {
    background: var(--vf-button-primary) !important;
    color: #fff;
}
#positionWise-div .Vf-btn-circle .dx-icon.dx-icon-minus {
    background: #DAE5EA !important;
    color: #222;
}
.Vf-grid-child:has(#Workforce-OnboardingActivity-Tasks-VoyonGrids) {
    margin-top: 12px
}
.Onboarding-Offboarding-Activity .Vf-grid-child {
    border: 1px solid #ddd !important;
}
#Workforce-OnboardingActivity-Tasks-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 40vh;
}
#Workforce-OnboardingActivity-Tasks-VoyonGrids .dx-toolbar-button .dx-datagrid-search-panel {
    margin-right: 14px;
}
.Vf-list-conf.dx-button-default .dx-button-content .ti-settings:before {
    content: "";
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: transparent !important;
}
#CheckinButton{
    height: 32px !important
}
.dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: calc(100dvh - 300px);
}
#gridRewardsRecognition .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 36vh;
    padding: 0px !important
}
.dx-toolbar .dx-toolbar-menu-container {
    padding: 0;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}
.Records-limitBox .dx-dropdowneditor-icon::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-bottom-icon-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dx-calendar{
    gap: 0px;
}
.dx-calendar-cell {
    text-align: center;
    padding: 1px 8px 2px;
    color: #333;
    font-size: 11px;
    border-radius: 0px;
}
.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {
    color: #333;
}
.dx-calendar-navigator {
    border-bottom: 1px solid #dddddd;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    box-shadow: inset 0 0 0 1px #bebebe00, inset 0 0 0 1000px var(--vf-button-primary);
}
#personalDetailsTab-Familydetails-section-edit .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 40vh
}
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-datagrid-header-panel,
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-datagrid-header-panel {
    margin-bottom: 0px;
    margin-top: -42px;
}
.Onb-temp.off-plan .Vf-grid-child {
    border: 0px
}
.Vf-card.off-sidebar .dx-widget.dx-visibility-change-handler .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable {
    padding: 0px 0px 0px 0px !important;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids-Title.Voyon-ChildGrids-Title,
#Workforce-OffboardingPlan-Activity-VoyonGrids-Title {
    padding-bottom: 22px;
    top: 6px;
    padding-left: 0px;
}
.off-sidebar .Vf-grid-child .dx-toolbar .dx-toolbar-after {
    top: -5px;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids td.dx-datagrid-first-header{
    padding-left: 0px !important;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids .title-desc {
    padding-top: 0px;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-row {
    height: 30px;
}
.Onb-temp.off-plan .Vf-card.right-side {
    padding: 16px 20px;
}
.Onb-temp.off-plan .Vf-card.right-side .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 0px;
}
.LeaveSettlement .Vf-accordion {
    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;
    height: 100%
}
.footer-btn-group {
    gap: 0px;
    display: flex;
}
#shiftToolbar .dx-button-mode-contained.dx-button-has-icon {
    border-radius: 30px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
}
.LeaveSettlement .dx-datagrid-header-panel {
    position: absolute;
    right: 0px;
    z-index: 99;
    margin-top: -34px !important;
}
#gridReguralizationPopup {
    height: 77vh !important;
}
span#Leave_Balance {
    font-size: 13px;
    font-weight: 700;
}
#mailDetailsFormDiv .dx-field-item:not(.dx-first-row),
#off-mailDetailsFormDiv .dx-field-item:not(.dx-first-row) {
    padding-top: 12px;
}
#mailDetailsFormDiv .dx-layout-manager {
    margin-bottom: 0px;
}
.off-plan .box-parent {
    border-radius: 0px;
    border: 0px solid var(--toolbar-color);
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 4px;
}
#empolyeeDetails-attendencelog {
    margin-right: 56px;
    margin-top: -23px;
}
.dx-datagrid-header-panel .bulk-action .dx-button-content {
    padding-top: 0px;
    padding-bottom: 6px;
}
.Vf-btn-switch .dx-button-content{
    border: 0px;
}
.BenifitSettings-GD .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    -webkit-padding-end: 0px;
    padding-inline-end: 0px;
}
.dx-datagrid-export-button,
.f-toolbar .Vf-btn-circle .dx-icon {
    background: var(--secondary-btn);
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 0px;
}
.f-toolbar .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.f-toolbar .Vf-btn-circle.icon-only.dx-button-default .dx-button-content {
    padding: 0px 0px !important
}
.f-toolbar .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #222;
}
#content-area-process-payroll-inner .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 61vh;
}
#gridPayrollProcessAttendance .dx-switch-container {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 -6px 0 0;
    padding: 0 2px;
    height: 24px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 21px;
}
#gridPayrollProcessAttendance .dx-switch-on {
    font-size: 10px;
    padding: 0;
    text-align: left;
    padding-left: 6px;
    color: #333 !important;
}
#gridPayrollProcessAttendance .dx-switch-handle::before {
    background-color: #337ab7;
    width: 30px;
    border-radius: 20px;
}
#gridPayrollProcessAttendance .dx-switch-on-value .dx-switch-handle {
    position: relative;
    float: left;
    flex-basis: 14px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    box-sizing: border-box;
    right: 12px;
}
#gridShiftAllownace .dx-datagrid-borders > .dx-datagrid-headers,
#gridShiftAllownace .dx-datagrid-headers + .dx-datagrid-rowsview,
#gridShiftDeduction .dx-datagrid-borders > .dx-datagrid-headers,
#gridShiftDeduction .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
#ShiftAllowanceForm .dx-button-mode-contained.dx-button-default,
#ShiftDeductionForm .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}

.task-left-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #f8b45c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.task-content {
    flex: 1;
}

.task-title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 6px;
}

.task-description {
    font-size: 15px;
    color: #444;
    margin-bottom: 8px;
}

.task-meta {
    display: flex;
    gap: 10px;
    font-size: 13px;
}

.meta-label {
    color: #888;
}

.meta-value {
    color: #222;
}

.separator {
    color: #bbb;
}
.activity-card {
    background: #EFF8FD;
    border: 1px solid #BDDEF9;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 10px;
    cursor: pointer;
}

.activity-card-title {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-card-desc {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}

.activity-card-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
}

    .activity-card-actions button {
        border: none;
        background: transparent;
        cursor: pointer;
        padding: 0;
        color: #3a4a66;
        font-size: 13px;
    }

        .activity-card-actions button:hover {
            opacity: .75;
        }

#activityDiv .dx-column-lines > td:first-child {
    padding: 0px 0px !important;
}
#Workforce-OnboardingPlan-DependantTask-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.day-off-pattern-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManageMent-UnPaidLeaveRegularizationDays-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.BenifitSettings-GD .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.claimable-benefit-section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 40vh;
}
#Workforce-Employee-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-Onboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmploymentContract-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-Offboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.ProfileApprovalMainGrid .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 300px);
}
.filter-Applied
#Voyon-Grids:has(.filter-Applied) #Workforce-Employee-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #Workforce-Onboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #Workforce-EmploymentContract-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #Workforce-Offboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) #LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Voyon-Grids:has(.filter-Applied) .ProfileApprovalMainGrid .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 334px);
}
#Workforce-OnboardingPlan-Tasks-VoyonGrids td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#dependantTaskDiv .Voyon-ChildGrids-Title,
#off-dependantTaskDiv .Voyon-ChildGrids-Title {
    top: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    left: 10px;
}
.dx-timeview-clock {
    margin-top: 0px;
    margin-bottom: 10px;
}
#AttendanceLogSummary-grid{
    height: 70vh !important;
}
#ShiftCalendar-grid {
    height: calc(100dvh - 260px) !important;
}
#Attendance-OnDutyRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 62vh !important;
    box-shadow: none;
}
#AttendanceLogSummary-grid-Column-Chooser {
    margin-left: 0px;
}
#Workforce-OnboardingPlan-DependantTask-VoyonGrids .dx-datagrid-header-panel,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .dx-datagrid-header-panel {
    margin-top: -28px;
    margin-right: 10px;
}
/*.dx-checkbox-container {
    justify-content: center;
}*/
.incentive-type-button {
    position: fixed;
    top: 17px;
    right: 60px;
}
#activityDataDetails .dx-state-readonly .dx-texteditor-input,
#off-activityDataDetails .dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding-top: 6px;
    font-weight: 500;
}
#activityDataDetails .dx-field-item-label-text {
    color: #333;
}
.tag-geo-fencing-section-card .payrollTabToolbar .dx-toolbar.dx-widget {
    padding: 4px 15px 4px !important;
}
.dx-datagrid-header-panel .dx-button-content {
    padding: 4px 14px;
}
.Vf-toolbar-footer .dx-texteditor.dx-editor-filled{
    margin-left: 0px;
}
.tag-geo-fencing-section-card .payrollTabToolbar.Vy-maintoolbar .dx-button-mode-contained:has(.fa-filter) {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background: var(--secondary-btn);
}
.claimable-benefit-section .Voyon-Forms {
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
#calendarYearLists .temp-row {
    padding: 15px 15px 10px;
}
#employeeViewDiv .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 20vh;
}
#employeeViewDiv .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: auto;
}
.BenifitSettings-GD .addnew-btn-voyongrid-childflyout .dx-item-content.dx-toolbar-item-content,
.claimable-benefit-section .addnew-btn-voyongrid-childflyout .dx-item-content.dx-toolbar-item-content {
    margin-top: 0px
}
.final-settlement-fulview, .final-settlement-fulview .full-view-card {
    background: var(--primary-bg);
}
body.Dark-Red .final-settlement-fulview, body.Dark-Red .final-settlement-fulview .full-view-card {
    background-color: #FFF8FC !important;
}
body.Dark-Green .final-settlement-fulview, body.Dark-Green .final-settlement-fulview .full-view-card {
    background-color: #F3FFFB !important;
}
body.Dark .final-settlement-fulview, body.Dark .final-settlement-fulview .full-view-card {
    background-color: #F5F5F5 !important;
}
body.Dark-Cyan .final-settlement-fulview, body.Dark-Cyan .final-settlement-fulview .full-view-card {
    background-color: #EDF7FF !important;
}
body.Dark-Grey .final-settlement-fulview, body.Dark-Grey .final-settlement-fulview .full-view-card {
    background-color: #EFF6FF !important;
}
/*.title-absolute-section-style {
    position: absolute;
    top: 22px;
    z-index: 99;
    width: 50%;
}*/
#OverrideNoticePayRecovery {
    margin-bottom: 0px !important;
    margin-top: 18px;
}
.EmployeeParent{
    display: inline-flex;
    align-items: center;
}
.report-main-parent .dx-toolbar-after, .report-main-parent .dx-toolbar-before {
    position: relative;
}
.report-main-parent .dx-toolbar .dx-toolbar-items-container {
    height: auto;
    align-items: center;
}
.report-main-parent #Voyon-Reporting-Grids .Vy-maintoolbar {
    padding: 5px 10px 10px;
    border-top: 1px solid #E2E2E2;
    width: 100%;
    background: #fff;
    margin-bottom: 12px;
    border-radius: 0px 0px 8px 8px;
    padding: 12px 14px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.report-main-parent .dx-datagrid-search-panel {
    margin: 0 0 0 0px;
}
.report-main-parent .dx-toolbar .dx-toolbar-after {
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}
.report-main-parent .Report-Filter-header-section .dx-toolbar-after {
    display: flex;
    gap: 10px;
    align-items: center;
}
.report-main-parent .Report-Filter-header-section .dx-button-content {
    border-radius: 6px;
    width: 30px;
    height: 30px;
    background-color: var(--secondary-btn);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: 0px;
}
.report-main-parent .Report-Filter-header-section .filter-Applied .dx-button-content {
    background-color: var(--secondary-color);
}
.report-main-parent .filter-toolbar.reporter-filter-toolbar-wrapper .reportCard {
    border-radius: 8px 8px 0 0;
    margin-bottom: 0px;
    padding: 14px
}
.report-main-parent .filter-toolbar {
    margin-bottom: 0px
}
.report-main-parent #Voyon-Reporting-Grids {
    border-radius: 0px 0px 8px 8px;
    background: transparent;
    box-shadow: none;
    padding-top: 0px;
}
.report-main-parent .dx-datagrid-header-panel {
    background: #fff;
    margin-bottom: 12px;
    border-radius: 0px 0px 8px 8px;
    padding: 12px 14px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    border-top: 1px solid #e8e8e8;
}
.report-main-parent .Vf-toolbar-batch {
    padding: 0px 0px !important;
}
.report-main-parent .dx-toolbar-items-container {
    display: flex;
    justify-content: space-between;
}
.report-main-parent .reportCard .dx-form.dx-widget {
    padding-bottom: 0px;
}
.report-main-parent .dx-datagrid-header-panel .Vf-toolbar-batch {
    width: 100%
}
#Report-SelectedRows {
    font-size: 13px;
    margin-right: 18px;
}
.report-main-parent .Report-Filter-header-section .dx-button-mode-contained {
    border: 0px
}
.report-main-parent .dx-toolbar-after .dx-toolbar-item {
    padding: 0;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}
.report-main-parent .Report-Filter-header-section .dx-toolbar {
    padding: 0px !important;
}
.report-main-parent .dx-toolbar {
    width: fit-content;
}
.Vf-form-view-mode .dx-texteditor-input {
    padding-left: 0px
}
.sectionalized-box .html-apends {
    margin-top: 10px;
    font-size: 12px;
}
.payrollListtabs .dx-tabpanel-tabs {
    padding-bottom: 10px;
}
.final-settlement-fulview .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 30vh !important;
}
.permission-block .full-view-card {
    background: transparent;
}
.final-settlement-fulview .Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child,
.final-settlement-fulview .dx-datagrid-headers,
.final-settlement-fulview .Vf-grid-child .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0px 0px !important
}
 .final-settlement-fulview .full-view-card{
     padding: 0px;
     padding-right: 10px
 }
.new-layout-section-list-card-list,
.combined-layout-style {
    height: calc(100dvh - 266px) !important;
}
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .dx-datagrid-rowsview .dx-row td .Vf-action-grid-btn {
    margin-top: -7px;
}
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .dx-button-has-icon .dx-icon {
    width: 16px;
    height: 16px;
}
.claimable-benefit-section .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.claimable-benefit-section .dx-datagrid-header-panel .dx-button-mode-contained.dx-button-default {
    background-color: var(--secondary-color) !important;
}
.claimable-benefit-section .dx-layout-manager .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #000
}
#off-associateTaskDiv .Vf-grid-child {
    box-shadow: none !important;
}
.dx-switch-on {
    text-align: left;
    padding-left: 2px;
}
.dx-switch-off {
    text-align: left;
    padding-left: 22px;
    color: #000;
}
#Attendance-Settings-RegularizationScenarios-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .overtime-policy-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .short-time-policy-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .overtime-policy-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .attendance-anomaly-policy-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .work-pattern-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .tag-geo-fencing-section-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .tag-geo-fencing-section-card .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata),
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-RecurringDeduction-payment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-Reimbursement-Payment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-Benefit-ReimbursementDetails-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-ServiceCharge-Override-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 40vh;
}
.view-edit-padding-lr .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 30vh;
}
.overtime-policy-section-card #Voyon-Grids,
.short-time-policy-section-card #Voyon-Grids,
.attendance-anomaly-policy-section-card #Voyon-Grids,
.day-off-pattern-section-card #Voyon-Grids {
    margin-top: 20px;
}
#Attendance-OvertimeRequestCore-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-VariableAllowance-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-Reimbursement-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-FinalSettlement-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-ReleaseOnholdPayout-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-IssuePayslip-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-BankElectronicFormat-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-RecordPayment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-PayPeriodClosing-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-AccountsIntegration-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-General-LockTransaction-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-User-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-Selection-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-Preonboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Talent-ReferralBonusProcess-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmployeeTransfer-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-AirTicketEncashmentRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 296px);
}
#Attendance-OvertimePolicy-Slab-VoyonGrids-Title,
#Attendance-ShortTimePolicy-Slab-VoyonGrids-Title,
#Attendance-LatePolicy-Deduction-VoyonGrids-Title,
#Attendance-WorkPattern-Regularizations-VoyonGrids-Title,
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids-Title,
#LeaveManagement-Leave-AccrualSlab-VoyonGrids-Title,
#LeaveManagement-Leave-Deduction-VoyonGrids-Title,
#Benefit-VariableAllowance-Payment-VoyonGrids-Title,
#Benefit-RecurringAllowance-payment-VoyonGrids-Title,
#Benefit-RecurringDeduction-payment-VoyonGrids-Title,
#Benefit-Reimbursement-Payment-VoyonGrids-Title,
#ESS-Benefit-ReimbursementDetails-VoyonGrids-Title,
#Benefits-ServiceCharge-Override-VoyonGrids-Title,
.BenifitSettings-GD .Voyon-ChildGrids-Title,
.claimable-benefit-section .Voyon-ChildGrids-Title,
#SystemSettings-General-LockTransaction-VoyonGrids .Voyon-ChildGrids-Title,
#Attendance-OvertimePolicy-Cap-VoyonGrids-Title {
    color: #222;
    padding-bottom: 20px;
    left: 20px;
    top: 10px;
    font-size: 13px;
}
.claimable-benefit-section .Voyon-ChildGrids-Title {
    left: 2px;
}
LeaveManagement-Leave-Deduction-VoyonGrids-Title {
    margin-top: 10px;
}
#pgWorkflowConfiguration-popupContent {
    padding-left: 15px;
}
.Workflow-full-view.full-view {
    padding-left: 96px;
}
#pgWorkflowConfiguration-popupContent .dx-datagrid .dx-column-lines > td:first-child {
    padding-left: 0px;
}
#documentTypeMetaDataForm-formGroup .dx-field-item-has-group .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background: transparent;
}
#documentTypeMetaDataForm-formGroup .dx-field-item-has-group .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon{
    color: #333;
}
#documentTypeMetaDataForm-formGroup .Vf-btn-danger.dx-button-mode-contained.dx-state-hover {
    background-color: transparent !important;
}
.Vf-grid-child{
    overflow: hidden;
}
.Vf-form-view-mode .filter-toolbar {
    padding-bottom: 10px;
    box-shadow: none;
}
.Vf-btn-circle.Vf-btn-default .dx-icon.save-pref-color {
    background: var(--secondary-btn);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
#pgWorkflowConfiguration-popupContent #btnAddToSameButton.dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
#pgWorkflowConfiguration-popupContent #btnAddToSameButton.dx-button-mode-contained.dx-button-default .dx-icon{
    color: #000 !important;
}
.Voyon-Forms.Vf-form-view-mode .Vf-grid-child,
.Voyon-Forms .Vf-grid-child {
    margin-bottom: 0px;
    margin-top: 10px;
    box-shadow: none;
}
.dx-popup-content .dx-tabpanel-tabs {
    padding: 0px 0px;
    margin-bottom: 4px !important;
}
#Attendance-DayOffPatternSettings-VoyonGrids-Title {
    color: #222;
    left: 12px;
    top: 6px;
    padding-bottom: 13px;
}
.Vf-card.Wf_card_padd {
    height: 78vh;
    overflow: hidden;
    overflow-y: scroll;
}
.Help-builder-parent .dx-button-content {
    height: 32px;
    width: 32px;
    border-radius: 6px;
    background: var(--secondary-btn);
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.btn-group .fas.fa-wand-magic-sparkles::before {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Auto-populate-dark.svg);
    display: block;
    content: '';
    height: 17px;
    width: 17px;
    background-size: 18px;
}
.icon-only.sal-custom-btns.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: transparent;
}
.icon-only.sal-custom-btns.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 0px !important;
}
.icon-only.sal-custom-btns.Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content .dx-icon{
    margin-right: 0px;
    color: #333;
    padding-top: 5px;
}
.Help-builder-parent .dx-button-mode-contained {
    border: 0px
}
/*.leaveSummaryContainerCardSection {
    padding: 20px 100px !important;
}*/
#shift-allowance-select-employee .dx-icon {
    background: transparent;
    width: 20px !important;
}
.Vf-form-view-mode .dx-datagrid-search-panel .dx-texteditor-input {
    padding-left: 30px;
}
.Vf-form-view-mode .Records-limitBox .dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
}
.Vf-form-view-mode .dx-datagrid-search-panel .dx-placeholder {
    left: 7px;
}
#AbsenceForm .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: transparent;
}
.Vf-toolbar-batch .Vf-link-batch-btn.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    border-radius: 5px;
    background-color: #CCE8FD;
    color: #000;
    font-weight: 700;
    margin-left: 4px;
    height: 26px;
}
form#CustomFormContainerBenefit-ClaimableBenefit-VoyonForms,
#CustomFormContainerBenefit-TravelSector-VoyonForms,
#Benefit-StatutoryRulesEmployeeSlab-VoyonGrids {
    margin-bottom: 0px !important;
}
.incentive-process-childgrid .dx-datagrid-header-panel {
    margin-top: 8px !important;
}
#Fly-Out-Form .dx-state-readonly .dx-texteditor-input{
    padding: 0px;
}
.leaveSummaryContainerCardSection .Vf-add-attachments li.Vf-attachment,
.leaveSummaryContainerCardSection .Vf-add-attachments .attachment-body,
.leaveSummaryContainerCardSection .Vf-add-attachments ul{
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
}
.appraisal-template-card .Vf-list-conf .dx-button-content {
    height: 30px;
    width: 30px;
    border-radius: 6px;
    background: var(--secondary-btn);
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px;
    padding-left: 0px !important;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-image svg {
    width: 18px;
    height: 18px;
}
.dxrd-preview-export-toolbar-item .dx-menu-item-content .dxrd-preview-export-item-image-wrapper .dxrd-preview-export-item-image {
    height: 18px;
    width: 18px;
    background-position: center center;
}
.dx-designer-viewport .dxd-back-primary-invariant {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
.dxrd-toolbar-wrapper .dx-texteditor-input-container input {
    height: 25px;
}
#AbsenceFormHeading {
    color: #222;
    font-size: 13px;
    font-weight: 500;
}
#AbsenceForm .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
.appraisal-template-card .formRender > .dx-layout-manager > .dx-widget.dx-collection > .dx-box-flex > .dx-item.dx-box-item:nth-child(1) {
    padding-bottom: 0rem;
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.dx-state-readonly .dx-texteditor-input{

}
#leaveSummaryViewToggle {
    border: 0px;
}
#leaveSummaryViewToggle .dx-icon {
    font-size: 14px;
}
#tdsSlabIndividual-formGroup .dx-form,
#divSurchargeTab .dx-form {
    padding-bottom: 12px;
}
#divgeneralTab .dx-button-mode-contained.dx-button-default,
#divSurchargeTab .dx-button-mode-contained.dx-button-default {
    background-color: transparent !important
}
#divgeneralTab .feedback-temp > div .dx-item-content.dx-box-item-content {
    height: auto !important;
}
#flexiPayLimitGrid .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto !important;
    max-height: 50vh;
    min-height: 10vh;
}
#flexiPayLimitGrid .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-empty:has(.dx-datagrid-nodata) {
    height: auto !important;
    max-height: 50vh;
    min-height: 40vh;
}
.Timesheet-Weekly-Section-Main #dateRangeTitleText input{
    width: 200px !important;
}
.resource-allocation-section .f-toolbar {
    position: absolute;
    right: 28%;
    z-index: 999;
}
.Vf-grid-child.employee-filter-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
.filter-toolbar {
    background: #fff;
    border: 1px solid rgb(217, 220, 228);
    padding-bottom: 14px;
}
#tdsConfigurationTabPanelContainer .Voyon-Forms.Vf-form-view-mode {
    margin: 0px;
}
.dx-row .dx-command-select .dx-checkbox-container {
    justify-content: center;
}
#employeeAddEditDiv:has(.dx-datagrid-header-panel.d-none) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#employeeAddEditDiv:has(.dx-datagrid-header-panel) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#employeeAddEditDiv .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 40vh;
}
#training-req-programs td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block,
#training-req-attendees td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#employeeIdSeriesDiv .dx-datagrid-header-panel, #probationSettingsDiv .dx-datagrid-header-panel, .gender-wise-age-setting-card .dx-datagrid-header-panel, #training-req-attendees .dx-datagrid-header-panel, #training-req-programs .dx-datagrid-header-panel, #Benefit-VariableDeduction-Payment-VoyonGrids .dx-datagrid-header-panel, #Benefit-RecurringAllowance-payment-VoyonGrids .dx-datagrid-header-panel, #Benefits-TravelSectorFareDetails-VoyonGrids .dx-datagrid-header-panel, #ESS-AssetRequest-AssetRequestDetails-VoyonGrids .dx-datagrid-header-panel,
#project-task-grid .dx-datagrid-header-panel, #Attendance-DayOffPatternSettings-VoyonGrids .dx-datagrid-header-panel, #Attendance-WorkPattern-Regularizations-VoyonGrids .dx-datagrid-header-panel, #AssetManagement-AssetLost-Details-VoyonGrids .dx-datagrid-header-panel, #Travel-TravelRequestBenefits-VoyonGrids .dx-datagrid-header-panel, #Benefit-RecurringDeduction-payment-VoyonGrids .dx-datagrid-header-panel, #Benefit-Contributory-EligibilitySlab-VoyonGrids .dx-datagrid-header-panel, #Benefit-ProfessionalTaxSlab-VoyonGrids .dx-datagrid-header-panel,
#AssetManagement-AssetAllocation-Details-VoyonGrids .dx-datagrid-header-panel, #AssetManagement-AssetTransfer-Details-VoyonGrids .dx-datagrid-header-panel, #AssetManagement-AssetReturn-Details-VoyonGrids .dx-datagrid-header-panel, #AssetManagement-AssetRecoverySchedule-VoyonGrids .dx-datagrid-header-panel, #Benefit-Reimbursement-Payment-VoyonGrids .dx-datagrid-header-panel, #Benefit-ClaimableBenefitAgewiseEligibility-VoyonGrids .dx-datagrid-header-panel, #Benifit-BonusRuleSlab-VoyonGrids .dx-datagrid-header-panel,
#travel-claim-req-expenses-grid .dx-datagrid-header-panel, #Travel-TravelPolicy-TravelEligibility-VoyonGrids .dx-datagrid-header-panel, #LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-datagrid-header-panel, #Benefit-VariableAllowance-Payment-VoyonGrids .dx-datagrid-header-panel, #Benefits-ServiceCharge-Override-VoyonGrids .dx-datagrid-header-panel, #Benefit-ClaimableBenefitEligiblePersonwiseLimit-VoyonGrids .dx-datagrid-header-panel, #Benefit-BenefitGrade-LeaveBenefits-VoyonGrids .dx-datagrid-header-panel,
#Benefit-GratuitySlab-Period-VoyonGrids .dx-datagrid-header-panel, #Benefit-GratuityRule-GratuityRuleExcludeLeaves-VoyonGrids .dx-datagrid-header-panel, #Benefit-GratuityRule-Slab-VoyonGrids .dx-datagrid-header-panel, #Benefit-PayPeriods-VoyonGrids .dx-datagrid-header-panel, #Benefit-PayScaleIncrementSlab-VoyonGrids .dx-datagrid-header-panel, #Benefit-BenefitGrade-ContributoryBenefit-VoyonGrids .dx-datagrid-header-panel, #Benefit-BenefitGrade-ClaimableBenefit-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -38px;
}
.dx-command-edit .Vf-action-grid-btn {
    margin-top: -7px;
}
#participantGrid .dx-datagrid-header-panel, #employeeFamilyDetails .dx-datagrid-header-panel, #employeeReportingDetails .dx-datagrid-header-panel, #bankDetailsDiv .dx-datagrid-header-panel, #employeeEmergencyContactDetails .dx-datagrid-header-panel{
    display: block !important;
}
.Vf-form-view-mode #trainingSession.dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
    padding-left: 6px
}
.new-layout-section-list-card:has(.LeaveAgainst-grid) {
    padding-top: 1px !important;
}
.full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #eeeff4;
    padding: 0px;
    height: auto !important;
}
body.Dark-Red .full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #FFF8FC !important;
}
body.Dark-Green .full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #F3FFFB !important;
}
body.Dark .full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #F5F5F5 !important;
}
body.Dark-Cyan .full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #EDF7FF !important;
}
body.Dark-Grey .full-view-card.full-view-card-no-bg:has(.Vf-form-view-mode) {
    background: #EFF6FF !important;
}

#participantGrid {
    height: auto !important;
}
#gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 48vh;
}
.Vf-form-view-mode #CustomFormContainerAttendance-OvertimePolicy-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-ShortTimePolicy-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-Shift-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-WorkPattern-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-GeoLocation-GeofencingLocations-VoyonForms,
.Vf-form-view-mode #CustomFormContainerAttendance-Settings-TagGeofencingLocation-VoyonForms,
.Vf-form-view-mode #CustomFormContainerLeaveManagement-LeavePolicy-VoyonForms,
.Vf-form-view-mode #CustomFormContainerLeaveManagement-LeavePolicy-Sandwich-VoyonForms,
.Vf-form-view-mode #CustomFormContainerBenefit-VariableAllowance-VoyonForms,
.Vf-form-view-mode #CustomFormContainerBenefit-RecurringAllowance-VoyonForms,
.Vf-form-view-mode #CustomFormContainerBenefit-RecurringDeduction-VoyonForms,
.Vf-form-view-mode #CustomFormContainerBenefit-Advance-VoyonForms,
.Vf-form-view-mode #CustomFormContainerBenefit-AdvanceSettlement-VoyonForms,
.overtime-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.short-time-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.attendance-anomaly-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.day-off-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.work-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.tag-geo-fencing-section-card:has(.Vf-form-view-mode) #Voyon-Grids,
.Voyon-Forms.Vf-form-view-mode form {
    background: #fff;
    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;
    max-height: fit-content;
    border: 0px;
}
/*input:read-only{
    padding: 0 0px !important
}*/
#gridAllNotification .dx-datagrid-rowsview .dx-datagrid-content {
    height: 64vh !important;
}
#personalDetailsTab-Familydetails-section-edit .Vf-toolbar-footer.dx-toolbar,
#personalDetailsTab-Familydetails-section-edit .dx-bordered-bottom-view,
#personalDetailsTab-Familydetails-section-edit .dx-datagrid-borders > .dx-datagrid-headers,
.Onboarding-Offboarding-Activity .Vf-toolbar-footer.dx-toolbar,
.Onboarding-Offboarding-Activity .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.Onboarding-Offboarding-Activity .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-OnboardingPlan-Activity-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-bordered-bottom-view,
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-OnboardingPlan-Activity-VoyonGrids-Footer-ToolBar,
#Workforce-OffboardingPlan-Activity-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-bordered-bottom-view,
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-OffboardingPlan-Activity-VoyonGrids-Footer-ToolBar,
#ESS-RegularizationRequests-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-RegularizationRequests-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Attendance-OnDutyRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Attendance-OvertimeRequestCore-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Attendance-OvertimeRequestCore-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.overtime-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.overtime-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
.overtime-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.short-time-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.short-time-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.short-time-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
.attendance-anomaly-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.attendance-anomaly-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.attendance-anomaly-policy-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
.day-off-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.day-off-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.day-off-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
.work-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.work-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.work-pattern-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
.tag-geo-fencing-section-card:has(.Vf-form-view-mode) #Voyon-Grids .Vf-toolbar-footer.dx-toolbar,
.tag-geo-fencing-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.tag-geo-fencing-section-card:has(.Vf-form-view-mode) #Voyon-Grids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-Employee-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-Employee-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-Employee-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-Onboarding-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-Onboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-Onboarding-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-EmploymentContract-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-EmploymentContract-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmploymentContract-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-Offboarding-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-Offboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-Offboarding-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-EmployeeSeparation-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManagement-LeaveRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManagement-LeaveCancellation-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
.new-layout-section-list-card .Vf-toolbar-footer.dx-toolbar,
.new-layout-section-list-card .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.new-layout-section-list-card .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManagement-LeaveEncashment-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
.combined-layout-style .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-VariableAllowance-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-VariableAllowance-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-VariableAllowance-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-VariableDeduction-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-VariableDeduction-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-VariableDeduction-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-Advance-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-Advance-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-Advance-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-Reimbursement-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-Reimbursement-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-Reimbursement-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#gridShiftAllownace .Vf-toolbar-footer.dx-toolbar,
#gridShiftAllownace .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#gridShiftAllownace .dx-datagrid-borders > .dx-datagrid-headers,
#gridShiftDeduction .Vf-toolbar-footer.dx-toolbar,
#gridShiftDeduction .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#gridShiftDeduction .dx-datagrid-borders > .dx-datagrid-headers,
#Benefits-OvertimeProcess-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefits-OvertimeProcess-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-OvertimeProcess-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-FinalSettlement-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-FinalSettlement-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-FinalSettlement-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-ReleaseOnholdPayout-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-ReleaseOnholdPayout-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-ReleaseOnholdPayout-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-IssuePayslip-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-IssuePayslip-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-IssuePayslip-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-BankElectronicFormat-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-BankElectronicFormat-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-BankElectronicFormat-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-RecordPayment-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-RecordPayment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-RecordPayment-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-PayPeriodClosing-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-PayPeriodClosing-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-PayPeriodClosing-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-AccountsIntegration-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-AccountsIntegration-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-AccountsIntegration-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-General-LockTransaction-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-General-LockTransaction-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-General-LockTransaction-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-User-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-User-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-User-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
.permission-block .dx-tabpanel-container .Vf-toolbar-footer.dx-toolbar,
.permission-block .dx-tabpanel-container .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
.permission-block .dx-tabpanel-container .dx-datagrid-borders > .dx-datagrid-headers,
#Attendance-MonthlyShortTime-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Attendance-MonthlyShortTime-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Attendance-MonthlyShortTime-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Attendance-MonthlyOvertime-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Attendance-MonthlyOvertime-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Attendance-MonthlyOvertime-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-ScheduleInterview-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-Selection-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
.Vf-card.salary-schedule-grid-card,
#TalentAcquisition-Selection-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-Selection-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-Preonboarding-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-Preonboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-Preonboarding-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Talent-ReferralBonusProcess-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Talent-ReferralBonusProcess-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Talent-ReferralBonusProcess-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-EmployeeTransfer-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-EmployeeTransfer-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmployeeTransfer-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-VariableDeduction-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-VariableDeduction-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-VariableDeduction-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefits-ApproveSalaryRevision-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefits-ApproveSalaryRevision-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-ApproveSalaryRevision-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefits-AirTicketEncashmentRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefits-AirTicketEncashmentRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-AirTicketEncashmentRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefits-Payments-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefits-Payments-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefits-Payments-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-AppraisalCycle-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-AppraisalCycle-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-AppraisalCycle-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-MultiRaterSelection-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-MultiRaterSelection-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-MultiRaterSelection-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-AppraisalFeedback-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-AppraisalFeedback-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-AppraisalSummary-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-AppraisalSummary-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-AppraisalSummary-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ProjectManagement-ResourceAllocation-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ProjectManagement-ResourceAllocation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ProjectManagement-ResourceAllocation-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ProjectManagement-TimeSheetDaily-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ProjectManagement-TimeSheetDaily-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ProjectManagement-TimeSheetDaily-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#EmployeeEngagement-Ticket-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#EmployeeEngagement-Ticket-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#EmployeeEngagement-Ticket-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#EmployeeEngagement_Events-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#EmployeeEngagement_Events-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#EmployeeEngagement_Events-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#EmployeeEngagement_EventSummaryHighlights-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#EmployeeEngagement-EmployeeSurvey-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#EmployeeEngagement-EmployeeSurvey-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#EmployeeEngagement-EmployeeSurvey-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayroll-EmployeeQuickInfo-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayroll-EmployeeQuickInfo-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayroll-EmployeeQuickInfo-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceBatchWise-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceBatchWise-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceBatchWise-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceHourlyBased-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceHourlyBased-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceHourlyBased-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceIndividualOutput-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceIndividualOutput-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceIndividualOutput-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceOutputIndividual-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceOutputIndividual-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceOutputIndividual-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceOutputBased-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceOutputBased-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceOutputBased-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayrollApproval-AttendanceOutputBasedLoading-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayrollApproval-AttendanceOutputBasedLoading-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayrollApproval-AttendanceOutputBasedLoading-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LabourPayroll-VariableDeduction-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LabourPayroll-VariableDeduction-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LabourPayroll-VariableDeduction-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-EmployeeProbation-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-EmployeeProbation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-EmployeeProbation-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LearningDevelopment-TrainingRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Travel-TravelAdvanceRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Travel-TravelAdvanceRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Travel-TravelAdvanceRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Travel-TravelRouteMap-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Travel-TravelRouteMap-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Travel-TravelRouteMap-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Travel-TripClaimRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Travel-TripClaimRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Travel-TripClaimRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LoanManagement-LoanRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LoanManagement-LoanRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LoanManagement-LoanRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Benefit-TDSDeclaration-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Benefit-TDSDeclaration-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Benefit-TDSDeclaration-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-LeaveResumptionRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Document-IssueForms-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Document-IssueForms-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Document-IssueForms-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Travel-TravelClaimRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Travel-TravelClaimRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Travel-TravelClaimRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Travel-TravelDesk-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Travel-TravelDesk-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Travel-TravelDesk-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-ProfilePrescreening-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-ProfilePrescreening-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-ProfilePrescreening-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-MyTasks-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-MyTasks-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-MyTasks-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#gridAllNotification .Vf-toolbar-footer.dx-toolbar,
#gridAllNotification .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#gridAllNotification .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-MyHolidays-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-MyHolidays-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-MyHolidays-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#gridSchedulerCalendar .Vf-toolbar-footer.dx-toolbar,
#gridSchedulerCalendar .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#gridSchedulerCalendar .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-LogTimeSheet-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-LogTimeSheet-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-LogTimeSheet-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-ReimbursementRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-ReimbursementRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-ReimbursementRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Payroll-TranscriptionCalculationSheet-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Payroll-TranscriptionCalculationSheet-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Payroll-TranscriptionCalculationSheet-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-GoalSetting-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-GoalSetting-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-GoalSetting-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-KraGoalProgress-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-KraGoalProgress-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-KraGoalProgress-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-MyReview-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-MyReview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-MyReview-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-TeamReview-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-TeamReview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-TeamReview-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#PerformanceManagement-FinalReview-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#PerformanceManagement-FinalReview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#PerformanceManagement-FinalReview-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-ESSOfferApproval-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-AssetRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-AssetRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-AssetRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ProjectManagement-Project-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ProjectManagement-Project-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ProjectManagement-Project-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#IncentiveTarget-BusinessUnit-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#IncentiveTarget-BusinessUnit-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#IncentiveTarget-BusinessUnit-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Incentive-IncentiveTarget-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Incentive-IncentiveTarget-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Incentive-IncentiveTarget-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-MyApprovals-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-MyApprovals-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-MyApprovals-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-MyApprovalsOverrides-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-MyApprovalsOverrides-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-MyApprovalsOverrides-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#SystemSettings-MyRequest-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#SystemSettings-MyRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-MyRequest-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#Workforce-OffboardingPlan-DependantTask-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-SelectionProcess-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-SelectionProcess-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-SelectionProcess-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-CandidateDatabase-WorkExperiences-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#TalentAcquisition-CandidateDatabase-WorkExperiences-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#TalentAcquisition-CandidateDatabase-WorkExperiences-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-OnlineScribingLogTimeSheet-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-OnlineScribingLogTimeSheet-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-OnlineScribingLogTimeSheet-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-OfflineScribingTimeSheet-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-OfflineScribingTimeSheet-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-OfflineScribingTimeSheet-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#candidateSaveFullView .Vf-toolbar-footer.dx-toolbar,
#candidateSaveFullView .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#candidateSaveFullView .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-QCTimeLogSheet-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-QCTimeLogSheet-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-QCTimeLogSheet-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#ESS-InterviewFeedback-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#ESS-InterviewFeedback-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#ESS-InterviewFeedback-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#LeaveManagement-CompOffCredits-VoyonGrids .Vf-toolbar-footer.dx-toolbar,
#LeaveManagement-CompOffCredits-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#LeaveManagement-CompOffCredits-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#Departments-VoyonListWidget .dx-datagrid-borders > .dx-datagrid-headers,
#Departments-VoyonListWidget-Footer-ToolBar,
#Incentive-IncentiveTarget-VoyonGrids .dx-datagrid-borders > .dx-datagrid-headers,
#approveSalarySchedule-scheduleEmployeeGrid .dx-datagrid-borders > .dx-datagrid-headers,
.PaymentTabToolbar .dx-datagrid-borders > .dx-datagrid-headers,
#salaryRevision-grid .dx-datagrid-borders > .dx-datagrid-headers,
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids-Footer-ToolBar {
    box-shadow: none !important;
}
#leaveHistoryGridContainer.Vf-grid-child,
#leaveHistoryGridContainer .dx-datagrid-borders > .dx-datagrid-headers {
    border: 0px;
    box-shadow: none;
}
#Benefit-Settings-BenefitSettings-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 20px;
}
.Voyon-Forms.Voyon-Forms-Loan-Policy.Vf-form-view-mode,
.Voyon-Forms.training-program-session-layout-main.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;
    border-radius: 10px;
    margin: 0px;
    margin-bottom: 28px;
}
.Voyon-Forms.Voyon-Forms-Loan-Policy.Vf-form-view-mode form,
.Voyon-Forms.training-program-session-layout-main.Vf-form-view-mode form{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
}
#tagItemsSection.preview-sub-card .preview-body-group,
#salesLeadSection.preview-sub-card .preview-body-group,
#witnessSection.preview-sub-card .preview-body-group,
#responseSection.preview-sub-card .preview-body-group,
#feedbackSection.preview-sub-card .preview-body-group {
    display: inline;
}
#tagItemsSection.preview-sub-card.collapsed .preview-body-group,
#salesLeadSection.preview-sub-card.collapsed .preview-body-group,
#witnessSection.preview-sub-card.collapsed .preview-body-group,
#responseSection.preview-sub-card.collapsed .preview-body-group,
#feedbackSection.preview-sub-card.collapsed .preview-body-group {
    display: none;
}
.full-view-card.full-view-card-no-bg {
    background: transparent;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
}
#divAttendeesPanel .dx-datagrid-header-panel .dx-button-content{
    padding: 0px;
    padding-right: 10px;
}
#gridPayrollEmployee .dx-pages {
    margin-left: 12px;
}
#divLearningDevelopment-TrainingProgramAndSessions .Voyon-Forms.Vf-form-view-mode {
    margin: 0px;
}
.Voyon-Forms.training-program-session-layout-main.Vf-form-view-mode .dx-tabpanel-tabs{
    padding-top: 0px
}
.view-edit-padding-lr .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 30vh !important;
}
#employee-process-payroll-steps-container .data-records.data-records-position-absolute {
    left: 0px !important;
    margin-top: -38px;
    z-index: 2;
}
.PayrollListCard #gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 52vh;
}
#genderGrid .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata){
    height: 20vh;
}
#leaveHistoryGridContainer.Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers,
#leaveHistoryGridContainer.Vf-grid-child .dx-datagrid-headers + .dx-datagrid-rowsview{
    padding: 0 0px !important;
    padding-right: 0px !important;
}
.Grid-Section:has(.dx-datagrid-header-panel.d-none) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 240px);
}
.Grid-Section:has(.dx-datagrid-header-panel.d-block) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: calc(100dvh - 292px);
}
#appraialdateDiv .dx-texteditor-input,
#appraialfeedbackDiv .dx-texteditor-input {
    padding: 0px;
    margin-bottom: 8px;
}
#appraialfeedbackDiv .dx-texteditor-input {
    margin-bottom: 0px;
}
.sectionalized-box {
    margin-top: 2rem;
}
.appraisalTemplate-Section .sectionalized-box {
    padding-top: 16px;
    margin-top: 0rem;
}
.sectionalized-box .predifined-ul {
    margin-top: 11px;
    margin-left: -20px;
    margin-bottom: 0px;
}
.sectionalized-box .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto;
}
.sectionalized-box .section-divider {
    margin-bottom: 0px;
}
.sectionalized-box .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers,
.sectionalized-box .Vf-grid-child .dx-datagrid-headers + .dx-datagrid-rowsview {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
#PredefinedDiv .dx-layout-manager.dx-widget {
    margin-bottom: 8px;
}
#appraialfeedbackDiv .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    border-color: transparent !important;
    background-color: rgb(51 51 51 / 0%) !important;
}
#RaterForm .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
#gridCompanyPolicies .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata),
#gridAnnouncementList .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 32vh;
    padding: 0 0 !important;
}
#scheduler .dx-scheduler-view-switcher .dx-button-text {
    font-family: 'Poppins';
    font-size: 13px;
    font-weight: 400;
}
#HomeDashboard #employeeTenList, #HomeDashboard #gridRewardsRecognition, #gridAnnouncementList {
    height: 325px !important;
}
#BirthDayData .wd-title {
    margin-bottom: 23px;
}
#gridCompanyPolicies .dx-datagrid h4 {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-bottom: 3px;
}
#HolidayCalendar .wd-title {
    margin-bottom: 24px !important;
}
#employeeList .dx-list-item-content {
    padding: 0px 0px 16px 0;
}

.event-texts {
    background: #00283EBF;
    border-radius: 0px;
    padding: 18px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#dashBoardEvents {
    width: 100%;
    height: 100% !important;
    border: 0px !important
}

    #dashBoardEvents img {
        height: 100%;
        width: 100% !important;
        object-fit: cover;
    }

#flexiPayReimbursementDiv {
    box-shadow: none;
    border: 1px solid #cfd0d3;
}
.badgePopupContent #flexiPayReimbursementDiv .grid-title {
    padding-left: 12px !important;
}
.badgePopupContent  #flexiPayReimbursementDiv {
    padding: 10px !important;
}
.Voyon-Forms.Vf-form-view-mode #flexiPayReimbursementDiv {
    box-shadow: none;
    border: 0px solid #cfd0d3;
}
#flexiPayReimbursementDiv .grid-title {
    padding-left: 18px;
    font-weight: 700;
}
.Voyon-Forms.Vf-form-view-mode #flexiPayReimbursementDiv .grid-title {
    padding-left: 0px;
    font-weight: 700;
}
#flexiPayReimbursementDiv .Vf-grid-child {
    margin-top: 6px
}
.Voyon-Forms.Vf-form-view-mode #flexiPayReimbursementDiv .Vf-grid-child {
    margin-top: 0px
}

.event-texts {
    background: #00283EBF;
    border-radius: 0px;
    padding: 14px 14px 28px 14px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#dashBoardEvents {
    width: 100%;
    height: 100% !important;
    border: 0px !important
}

    #dashBoardEvents img {
        height: 100%;
        object-fit: cover;
    }
.ovel-img {
    height: 100%;
    object-fit: cover;
}

.custom-card {
    position: relative;
    height: 100%;
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.card-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 12px;
    color: white;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

.title {
    font-weight: bold;
    font-size: 16px;
}

.date {
    font-size: 12px;
}
.Vf-action-grid-btn.internal-jobopening-apply {
    margin-top: 0px;
}
.desc {
    font-size: 12px;
    opacity: 0.9;
}

.upcoming-events .dx-gallery-indicator-item {
    width: 6px;
    height: 6px;
    background: #fff;
    border: 0px;
    margin: 1px 2px !important;
    opacity: 0.3;
}

.upcoming-events .dx-gallery-indicator-item-active, .upcoming-events .dx-gallery-indicator-item-selected, .upcoming-events .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: #fff;
    border: 0px;
    opacity: 1;
}
.dashboard-scheduler .dx-toolbar-after .dx-widget.dx-button {
    border-radius: 4px !important;
    border: 0px;
    background: #000;
    color: #fff;
    font-weight: 400;
}
.dashboard-scheduler .dx-toolbar-after .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: #DFEAF2;
    color: #222;
}
#ProjectManagement-ProjectTask-VoyonGrids .dx-datagrid-header-panel {
    margin-top: -12px;
}
#project-task #ProjectManagement-ProjectTask-VoyonGrids-Title {
    top: 13px !important;
    width: fit-content;
}
.filter-toolbar .Vf-custom-label {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #000000;
}
.filter-toolbar .filter-apply-btn {
    margin-top: 25px;
    padding: 0px;
}
.legend-color{
    border: 3px solid
}
.holiday-cal-popup-grid .filter-toolbar .filter-apply-btn {
    margin-top: 0px;
}
.holiday-cal-popup-grid .filter-toolbar .filter-apply-btn .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 0 14px 0 !important;
    width: 100%;
}
.employeepreview-css .preview-sub-card.collapsed .preview-body-group {
    display: none;
}

.employeepreview-css .preview-sub-card .preview-body-group {
    display: block;
}
.Onb-temp.off-plan .Voyon-ChildGrids-Title {
    margin-top: -7px;
}
.employeepreview-css.OnboardingPlanCard {
    margin-bottom: 11px;
}
#wEmployeeBasicDetails, #wemployeeInfoTab {
    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;
}
#wemployeeInfoTab .dx-tabpanel-tabs {
    padding: 0;
}
#DailyAttendance-Widget {
    background: transparent;
    padding: 0px;
}
.att-status span {
    width: 14px;
    height: 14px;
    border: 3px solid red;
    display: flex;
    border-radius: 20px;
}

#DailyAttendance-Widget .dx-button-content {
    padding: 0px !important;
}
#DailyAttendance-Widget .dx-button-content .dx-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;
}
#WelcomeAboardData .dx-list-item-content {
    padding: 0px !important;
}
#WelcomeAboardData .vy-text-avatar {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.welcomeAboardYear {
    line-height: 16px;
    text-align: end;
}
#galleryWelcomeAboard {
    border: 0px;
}
#DashBoardWelcomeAboard .dx-gallery .dx-gallery-nav-button-next:before,
#DashBoardWelcomeAboard .dx-gallery .dx-gallery-nav-button-prev:before {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 20px;
    margin-top: 0px;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #000;
}
#Departments-Column-Chooser, #DailyAttendance-Column-Chooser {
    right: 2px;
    top: 54px;
    z-index: 9;
}
.Vf-realtime-alert .alert-item.Vf-card {
    background: #fff;
    border-radius: 16px 16px 0px 16px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #e3e3e3;
    margin-bottom: 7px !important;
    padding: 8px;
    position: relative;
}
.Vf-realtime-alert .alert-time i.dx-icon.dx-icon-spindown.dx-icon-right {
    display: none !important;
}
.Vf-realtime-alert .alert-title {
    font-size: 13px;
    font-weight: 500;
    padding-right: 20px;
    cursor: pointer;
    margin-bottom: 0px;
}

.Vf-realtime-alert .alert-time {
    color: #485e6e;
    margin-top: 0px;
    margin-right: 0px;
}
.Vf-realtime-alert {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 360px;
    position: absolute;
    bottom: 15px;
    right: 6px;
    max-height: calc(100% - 26px);
    pointer-events: auto;
}
.realtime-alert-header {
    z-index: 999;
    background: #fff;
    /*width: 360px;*/
    height: 48px;
    padding: 6px;
    border-radius: 11px;
    margin-bottom: 10px;
    pointer-events: auto;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.alert-group-btn .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: #ffffffbd;
    border-color: #ffffffbd;
    color: var(--primary-color);
}

.alert-group-btn .dx-button .dx-button-content,
.alert-item.Vf-card .dx-button-mode-outlined.dx-button-success .dx-button-content {
    padding: 5px 0px 5px 7px;
    font-size: 12px;
    font-weight: 300;
}

.alert-item.Vf-card .dx-button-mode-outlined.dx-button-success .dx-button-content {
    padding: 6px 7px 6px 7px;
}

.alert-actions .dx-button-content {
    padding: 0px !important;
}

.Vf-realtime-alert .alert-time i {
    font-size: 12px;
    margin-right: 0px;
    font-weight: 700;
}
.Vf-realtime-alert .alert-delete-btn {
    background: #DBEAFE;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}
.Vf-realtime-alert .alert-delete-btn i{
    color: #2563EB
}
.realtime-alert-header-button .dx-button-content {
    padding: 0 3px;
}
.realtime-alert-header-title {
    padding-left: 6px;
    font-size: 14px;
    font-weight: 500;
}
.view-edit-padding-lr .dx-bordered-bottom-view.dx-datagrid-rowsview:has( .dx-datagrid-table td:not(:empty) ) {
    height: auto !important;
    max-height: 40vh;
    min-height: 7vh;
    overflow: auto;
    margin-bottom: 3px;
}
.BenifitSettings-GD .view-edit-padding-lr .dx-bordered-bottom-view.dx-datagrid-rowsview:has( .dx-datagrid-table td:not(:empty) ) {
    height: auto !important;
    max-height: 38vh;
    min-height: 7vh;
    overflow: auto;
    margin-bottom: 3px;
}
.alert-item.Vf-card .dx-button-mode-outlined.dx-button-success {
    background-color: #05A5F0;
    border-color: #05A5F0;
    color: #fff;
}

#gridShiftAllownace .dx-datagrid-total-footer {
    padding-right: 10px !important;
}

#gridShiftDetails td.dx-command-select {
    padding-left: 0px !important;
}

td.SalaryComponentsActual {
    padding-right: 20px !important;
}

.Vf-realtime-alert .alert-close {
    position: absolute;
    right: 12px;
    top: 12px;
    font-weight: 700;
    color: #000;
    font-size: 11px;
    cursor: pointer;
}

#shift-allowance-select-employee.Vf-btn-circle.Vf-btn-default.dx-button-mode-contained.dx-button-default {
    width: 30px !important;
    height: 30px;
    background: var(--secondary-btn);
}

#srsEmployeeFilter-Grid .dx-datagrid-headers {
    padding: 0 0px !important;
}

#srsEmployeeFilter-Grid td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}

#loadShiftDeductionDeductionBtn {
    background-color: var(--vf-button-primary) !important;
    margin-top: 16px !important;
    margin-left: 15px;
    margin-bottom: 10px;
}

#Benefits-SalaryRevisionSchedule-VoyonGrids .Vf-action-grid-btn.btn-cancel-request {
    margin-top: -12px;
}
#scheduleEmployeeGrid .dx-datagrid-total-footer {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#applyRevision-components .Vf-btn-default.dx-button-mode-contained.dx-button-default,
#applyRevision-components .Vf-btn-danger.dx-button-mode-contained,
#SalaryComponentDetailsForm .Vf-btn-default.dx-button-mode-contained.dx-button-default,
#SalaryComponentDetailsForm .Vf-btn-danger.dx-button-mode-contained {
    background: transparent;
}

#applyRevision-components .dx-button-mode-contained.dx-button-default .dx-icon,
#applyRevision-components .Vf-btn-circle.Vf-btn-danger .dx-icon,
#SalaryComponentDetailsForm .dx-button-mode-contained.dx-button-default .dx-icon,
#SalaryComponentDetailsForm .Vf-btn-circle.Vf-btn-danger .dx-icon {
    color: #000000;
}
#Benefits-FestivalBonusEmployee-VoyonGrids .dx-datagrid-rowsview .dx-datagrid-group-row-container {
    background: #fff;
}

#tabFestivalBonusPanelContainer .Voyon-Forms,
#tabFestivalBonusPanelContainer .Vf-grid-child {
    margin: 0px !important;
}
#probationSettingsDiv .dx-datagrid-header-panel {
    margin-top: -16px;
}
#SystemSettings-Company-ProbationSettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-Company-agesettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 30vh;
}
.filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #eeeff4;
    border: 0px solid rgb(231 231 231);
    padding-bottom: 5px;
    padding: 0px;
}
body.Dark-Red .filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #FFF8FC !important;
}
body.Dark-Green .filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #F3FFFB !important;
}
body.Dark .filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #F5F5F5 !important;
}
body.Dark-Cyan .filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #EDF7FF !important;
}
body.Dark-Grey .filter-toolbar.reporter-filter-toolbar-wrapper {
    background: #EFF6FF !important;
}
#BankChildGrid .dx-datagrid-group-closed:before {
    content: "\f04e";
    top: -4px;
}
#workflowCriteriaForm .dx-widget.dx-button.dx-button-mode-contained {
    background: #fff !important;
}
#alertconfigform .dx-switch-off {
    padding-left: 6px;
}
#alertconfigform .dx-switch-handle:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: #05a5f0;
    border-radius: 2px;
}
.common-employee-filter .filter-toolbar {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding-top: 20px;
    margin-bottom: 0px;
}
.Dark .claimable-benefit-section .dx-layout-manager .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #ffffff;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids tr.dx-row.dx-data-row.dx-column-lines.dx-row-focused.dx-cell-focus-disabled.dx-state-hover td {
    background: #fff !important;
}
#TalentSettings-PositionRequisition-MandatorySettings-VoyonGrids .dx-bordered-bottom-view,
#TalentSettings-JobOpening-MandatorySettings-VoyonGrids .dx-bordered-bottom-view,
#TalentSettings-JobOpening-VisibilitySettings-VoyonGrids .dx-bordered-bottom-view,
#TalentSettings-PositionRequisition-VisibilitySettings-VoyonGrids .dx-bordered-bottom-view {
    height: 30vh !important;
}
#Talent-Career-Email-Configuration-VoyonGrids .dx-bordered-bottom-view {
    height: auto;
    max-height: 40vh;
}
#Talent-CareerPortalSettings-VoyonForms .dx-form-group-caption {
    margin-top: 12px;
}
.jobopeningApplied #candidateInterviewEditorViewPage {
    padding: 0px;
    margin-top: 0px;
    box-shadow: none;
    margin-right: 0px;
}
@media (min-width: 1024px) and (max-width: 1740px) {
    .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #AttendanceLogSummary-grid, #ShiftCalendar-grid, #Attendance-OvertimeRequestCore-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: calc(100dvh - 240px);
    }

    /*.Grid-Section:has(.dx-datagrid-header-panel.d-none) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: 66vh;
    }*/

    /*.Grid-Section:has(.dx-datagrid-header-panel.d-block) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: 54vh;
    }*/

    #Voyon-Grids:has(.filter-Applied) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: calc(100dvh - 340px);
    }
    #Voyon-Grids:has(.filter-Applied) .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: calc(100dvh - 300px);
    }

    .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: calc(100dvh - 240px);
    }

    .full-view-card {
        height: calc(88vh - 62px) !important;
    }

    .badgepopover  .full-view-card {
        height: calc(98vh - 220px) !important;
    }

    .CalendarHolidayForm.Calendar-SmallView .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: 32vh;
    }

    .dx-overlay-content .dx-popup-content:has(.CalendarHolidayForm.Calendar-SmallView) {
        height: 90vh !important;
    }

    .full-view-card:has(.workforce-settings-card) {
        height: calc(88vh - 70px) !important;
    }

    .workforce-settings-card .Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: auto;
        min-height: 30vh;
    }

    #Workforce-Employee-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #Workforce-Onboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #Workforce-EmploymentContract-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #Workforce-Offboarding-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #Workforce-EmployeeSeparation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #LeaveManagement-LeaveCancellation-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #LeaveManagement-LeaveEncashment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #LeaveManageMent-LeaveAccrualAdjustment-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #LearningDevelopment-TrainingRequest-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, .ProfileApprovalMainGrid .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
        height: calc(100dvh - 300px);
    }

    #gridReguralizationPopup {
        height: 66vh !important;
    }
}
    
@media screen and (max-width: 1700px) {
    .CompanyAcknowledge .Vf-btn-default.dx-button-mode-contained.dx-button-default {
        margin-top: 1px;
    }

    #AttendanceLogSummary-grid {
        height: 62vh !important;
    }


    #content-area-process-payroll-inner .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
        height: 52vh;
    }
}
#ResumeParser .dx-button-content {
    background: #fff;
    width: 34px;
    height: 34px;
    border-radius: 6px;
}
#Workforce-OffboardingPlan-Task-VoyonGrids .dx-datagrid-rowsview,
#Workforce-OnboardingPlan-Tasks-VoyonGrids .dx-datagrid-rowsview {
    height: auto;
}
#off-activityDiv .Vf-card.off-sidebar,
#activityDiv .Vf-card.off-sidebar {
    position: sticky;
    top: 0px;
    height: calc(100dvh - 154px);
}
#serviceBased-slab .dx-datagrid-header-panel {
    margin-top: -22px !important;
    display: block !important;
}
#employeeAddEditDiv .dx-tabpanel-tabs {
    padding: 10px 10px 10px 0px;
}
.employeeFullView .full-view-card {
    margin-right: 8px;
}
.calendar-view-section {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 0px !important;
    position: relative;
    overflow: hidden;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    padding: 2px 15px 4px;
    color: #222B45;
    font-size: 12px;
    font-weight: 500;
}
.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
    z-index: 1;
    border-color: #fff;
}
.dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 0px 0 #ddd;
    box-shadow: inset 0 0px 0 #ddd;
    color: #000000;
    font-size: 10px;
}
#training-calendar-preview .dx-calendar-navigator {
    border-bottom: 0px solid #dddddd;
}
.Vf-action-grid-btn.custom-btn.dx-button-mode-contained[aria-label="Clone"] {
    margin-top: -12px;
}
#LearningDevelopment-TrainingRequestEmployeeListing-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview:has( .dx-datagrid-table td:not(:empty) ) {
    max-height: 100%;
}
#participantEmployeeFilter .dx-icon {
    padding-top: 0px;
}
#docTemplateViewerDiv .dx-tab.dx-tab-selected .dx-tab-text,
#docTemplateViewerDiv .dx-tab.dx-state-hover .dx-tab-text {
    color: #000 !important;
}
#bulkissuebutton .dx-button-content {
    display: flex;
    justify-content: flex-start;
    padding: 3px 0px;
    padding-bottom: -1px;
}
.Vf-toolbar-batch .dx-item:has(#bulkissuebutton) {
    margin-left: 0px;
}
.ACt.empTalent .vy-accordian .Voyon-ChildGrids-Title {
    top: 18px;
}
.vy-accordian #TalentAcquisition-CandidateDatabase-FamilyDetails-VoyonGrids {
    padding: 4px 12px;
}
#TalentAcquisition-CandidateDatabase-EducationDetails-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-sticky-columns,
#candidateSaveFullView .dx-datagrid-rowsview.dx-datagrid-sticky-columns {
    height: 20vh !important;
}
#candidateSaveFullView .Grid-Section {
    padding: 8px 10px;
}
#candidateSaveFullView .dx-datagrid-header-panel {
    display: block !important
}
#candidateSaveFullView .dx-button .dx-button-text {
    padding-left: 0px;
}
#candidateSaveFullView .dx-edit-button.dx-datagrid-addrow-button{
    position: static
}
#candidateSaveFullView .dx-datagrid-header-panel .dx-button-content {
    position: absolute;
    top: -25px;
    right: 48px;
}
#DiseaseHistory {
    margin-top: 12px;
}
.LeaveAgainstAbsence-root .new-layout-section-list-card-list {
    height: calc(100dvh - 266px) !important;
    overflow: hidden;
}
.LeaveSettlement .Vf-grid-child {
    overflow: visible;
}
.travelClaim-cancel {
    margin-top: 0px !important;
}
.accrualDetailsForm {
    margin-top: 12px;
    padding: 0px 8px;
}
#tdsSlabIndividual-formGroup i.dx-icon.dx-icon-plus{
    color: #000;
}
#tdsSlabIndividual-formGroup span.dx-field-item-label-text {
    white-space: nowrap;
}
.TDS-Declaration-Main-Container .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -30px !important;
}
.Vf-wizard-number .numbers, .Vf-dx-wizard-number .dx-icon {
    display: flex;
    width: 25px;
    height: 25px;
    background: #ddd;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    border-radius: 8%;
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
}
.fixed-vertical-wizard div.dx-tab-selected i:after {
    display: block;
    content: '';
    width: 52px;
    height: 52px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.tds-calc-toolbar .dx-widget.dx-dropdownbutton.dx-dropdownbutton-has-arrow {
    border: 1px solid #a7b3c7;
    padding: 3px 10px;
    border-radius: 4px;
    background: #fff;
}
.tds-calc-toolbar .dx-toolbar {
    background-color: rgba(191, 191, 191, 0);
    padding: 0px 0px 12px 0px;
}
.tds-calc-toolbar i.dx-icon.fa-angle-double-down {
    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;
}
#incometax-calculator-container .Vf-accordion.opened {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217 220 228 / 88%);
}
#incometax-calculator-container .Vf-accordion-header .Vf-accordion-title {
    font-weight: 400;
}
.Income-Tax-Calculator-Multiple-Toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 11px;
    margin-top: 10px;
}
.Income-Tax-Calculator-Multiple-Toolbar .dx-toolbar-after {
    top: 0px;
}
.Income-Tax-Calculator-Multiple-Toolbar .dx-datagrid-search-panel{
    margin-left: 0px;
}
.Income-Tax-Calculator-Multiple-Toolbar .dx-button-content {
    background: var(--secondary-btn);
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px
}
    .Income-Tax-Calculator-Multiple-Toolbar .dx-button-content {
        width: 32px !important;
        height: 32px !important;
    }
.Income-Tax-Calculator-Multiple-Toolbar .dx-state-hover .dx-button-content {
    background: var(--secondary-btn);
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px
}
.Income-Tax-Calculator-Multiple-Toolbar .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-icon.dx-state-hover {
    border: 1px solid #fff !important;
    background: #fff!important;
}
#it-calc-multiple-emp-filterbar {
    background-color: #EEF2F7 !important;
    padding: 6px 14px;
    border-radius: 6px;
    margin: 0px;
    margin-bottom: 0px;
}
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-datagrid-header-panel,
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    border-bottom: 0px;
}
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-state-hover td,
#Workforce-OnboardingPlan-Activity-VoyonGrids .dx-state-hover td {
    background-color: #fff !important;
}
#FestivalBonusDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    position: absolute;
    right: 38px;
    z-index: 999;
    top: -12px;
    height: 30px;
    padding: 15px 10px;
    color: #fff;
}
#FestivalBonusDetails-VoyonGrids .dx-datagrid-addrow-button.dx-state-hover .dx-button-content {
    background: var(--primary-color);
}
#FestivalBonusDetails-VoyonGrids .dx-button-content .dx-icon {
    display: none
}
#divBenefitDetailsPanel .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 30vh;
}
#FestivalBonusDetails-VoyonGrids .dx-button-content .dx-icon.dx-icon-revert,
#FestivalBonusDetails-VoyonGrids .dx-button-content .dx-button-text{
    display: block !important;
}
.btn-group .dx-button-content {
    padding: 6px 10px !important;
}
#employeeAddEditDiv .dx-edit-button.dx-datagrid-addrow-button{
    position: static;
}
#employeeAddEditDiv .dx-datagrid-addrow-button .dx-button-content {
    position: absolute !important;
    right: 2px;
    z-index: 999;
    top: 0px;
    height: 30px;
    padding: 15px 10px;
    color: #fff;
}
.Vf-list-box .dx-item.dx-list-item.dx-list-item-selected {
    background: #EBF5FA !important;
}
.dx-htmleditor.dx-htmleditor-filled {
    border: 1px solid #e7eaef
}
.Onb-temp .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}
.ContactPersonsInfo .dx-form-group-caption {
    position: relative;
    top: 40px;
    margin-left: 22px;
}
.ContactPersonsInfo .Vf-grid-child {
    margin-top: 0px;
    padding-top: 36px;
}
#Workforce-SelfOnBoardingTemplateConfiguration .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: 36vh;
}
#Workforce-SelfOnBoardingTemplateConfiguration .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -32px;
}
.ContactPersonsInfo {
    margin-bottom: 10px;
}
#Workforce-SelfOnBoardingTemplateConfiguration .Vf-grid-child {
    overflow: visible !important;
}
.Vf-list-box .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background: #EBF5FA;
}
.Vf-attachment-strip {
    background: var(--secondary-btn);
    color: #222;
}
#Export-Import {
    width: 100%;
    z-index: 1
}
.dx-datagrid-header-panel .dx-icon.dx-icon-overflow {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
#divTalentInformationsPanel .dx-datagrid-header-panel{
    display: block !important;
}
#divTalentInformationsPanel .dx-edit-button.dx-datagrid-addrow-button {
    position: absolute;
    top: -26px !important;
    right: 40px !important;
}
#divTalentInformationsPanel .dx-button-text {
    padding-left: 8px;
}

#employeeTabPanelContainer #divTalentInformationsPanel .dx-datagrid-addrow-button .dx-button-content {
    position: absolute !important;
    right: 0px;
    z-index: 999;
    top: 0px;
    height: 30px;
    padding: 15px 10px;
    color: #fff;
}
#employeeFamilyDetails .dx-button-content {
    top: 0px !important;
    right: 0px !important;
}

.CandNotesEdit {
    padding: 20px 20px 20px;
}
.employeepreview-css.job-offer-ess {
    margin-bottom: 10px !important;
}
#CandidateInterviewDiv .dx-widget .dx-datagrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    height: 20vh !important;
}
#TalentAcquisition-ScheduleInterview-VoyonGrids .single-action.more-single-action .dx-item.dx-buttongroup-item.dx-item-content {
    top: -7px;
}
#appliedCanidateBulkJDMatching .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;
}
#appliedCanidateBulk {
    width: auto !important;
}
#appliedCanidateBulk .dx-button-content{
    padding: 3px;
}
#appliedCanidateBulk .dx-button-content img{
    top: 0px;
}
#TalentAcquisition-SubmittedtoClientView-VoyonGrids {
    height: 70vh !important;
}
#Engagement-Settings-AgentTeamDetails-VoyonGrids .dx-datagrid-header-panel,
#EmployeeEngagement-Settings-TicketCategoryDetails-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -44px;
}
#EmployeeEngagement-Settings-SurveyScoreScaleDetails-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -20px;
}
#tdsSurchargeTab-formGroup i.dx-icon.dx-icon-plus {
    margin-top: 0px;
    color: #000;
}
.Vf-toolbar-header .dx-icon.fa-filter.filter-Applied {
    background: var(--secondary-color);
}
#gridFestivalBonusOnHoldEmployee .dx-datagrid-borders .dx-datagrid-rowsview {
    padding-bottom: 0px !important;
    max-height: fit-content;
}
#gridFestivalBonusOnHoldEmployee .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
#arrear_components_grid-Footer-ToolBar {
    position: absolute;
    bottom: 0px;
    padding: 10px 14px;
}
#ESS-Benefit-ReimbursementDetails-VoyonGrids .dx-datagrid-header-panel {
    margin-top: -40px;
    display: block !important;
}
.dx-datagrid-header-panel .dx-icon.fa-filter.filter-Applied {
    background: var(--secondary-color);
}
#SingleEntry .Voyon-Forms {
    padding-bottom: 0px;
}
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-datagrid-headers,
#Benefit-VariableAllowance-Payment-VoyonGrids .dx-datagrid-rowsview {
    padding: 0 0 !important;
}
#Benefit-VariableAllowance-Payment-VoyonGrids-Title {
    left: 10px;
}
.dx-dropdownmenu-list .bulkentry-icon-row {
    padding: 0px !important;
}
.employee-import-sheet {
    position: absolute;
    top: 35px;
    width: calc(100% - 28px);
    margin-left: -12px;
    height: calc(100% - 60px);
    z-index: 2
}
#loadShiftDeductionDeductionBtn {
    margin-bottom: 0px;
}
.Vf-wizard-number .text{
    font-size: 13px;
    color: #555555;
    font-weight: 500;
}
.Vf-wizard-number .active-item .text {
    color: #000;
}
.SalaryRevisionPromotionFilterHeaderCard .Vf-wizard-number .numbers, .SalaryRevisionPromotionFilterHeaderCard .Vf-dx-wizard-number .dx-icon {
    display: flex;
    width: 28px;
    height: 28px;
    background: #ddd;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto;
    border: 7px solid #fff;
}
.SalaryRevisionPromotionFilterHeaderCard .Vf-wizard-number li.active-item .numbers, .SalaryRevisionPromotionFilterHeaderCard .Vf-dx-wizard-number .dx-tab.dx-tab-selected .dx-icon {
    background: var(--secondary-color);
    color: #fff;
}
.SalaryRevisionPromotionFilterHeaderCard .dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.SalaryRevisionPromotionFilterHeaderCard #revisionFormDiv .dx-field-item-label-content {
    width: 100% !important;
}
.btn-grp.bell-curve-apply .dx-button-content {
    padding: 0px !important;
}
#employeeIdSeriesDiv .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -14px;
}
#employeeIdSeriesDiv .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -14px;
}

#employeeAddEditDiv .dx-datagrid-addrow-button .dx-button-content {
    position: absolute !important;
    right: 38px;
    z-index: 999;
    top: -40px;
    height: 30px;
    padding: 15px 10px;
    color: #fff;
}

.croper-footer .Vf-btn-custom.outline {
    background: #DAE5EA;
    border: 0px;
    padding: 6px 3px;
}

.croper-footer input#btnCrop.Vf-btn-custom {
    background: var(--secondary-color);
}
#KraForm .dx-accordion {
    background-color: #fff;
    color: #333;
}
#KraForm {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
#KraForm .dx-accordion-item-title {
    padding: 2px 8px;
}
#KraGoalsProgressForm .dx-field-item-label {
    margin: 0px;
    margin-bottom: 6px;
}

#agentConfigurationForm.dx-form .dx-field-item-label {
    min-height: 34px;
    display: flex;
    align-items: flex-end;
}
#KraGoalsProgressForm {
    margin-top: 16px;
}
#btnRevert .dx-button-content {
    padding: 6px 12px !important;
    height: 30px;
    border-radius: 9px;
    min-width: fit-content;
}
#ESS-RegularizationRequests-CheckinCheckout-AddButton {
    margin-right: 18px;
}
.ess-regularization .dx-edit-row .dx-button.dx-button-normal.dx-button-mode-contained:nth-child(1) {
    width: 78px;
    background: var(--primary-color);
    border: var(--primary-color);
    margin-left: 0;
    color: #fff;
}
#shift-allowance-select-employee .dx-icon {
    padding: 0px !important
}
.dx-button-has-icon.Vf-action-grid-btn.btn-alter-request {
    margin-top: 0px;
}
.Vf-action-grid-btn.btn-request-preview {
    margin-top: 0px;
}
.dx-tagbox .dx-tag-container.dx-texteditor-input-container {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
#SystemSettings-Company-EmployeeIdSeries-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns.dx-empty,
#SystemSettings-Company-ProbationSettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns.dx-empty, #SystemSettings-Company-agesettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns.dx-empty {
    height: 20vh !important;
}
#SystemSettings-Company-EmployeeIdSeries-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns,
#SystemSettings-Company-ProbationSettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns, #SystemSettings-Company-agesettings-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: auto !important;
    min-height: 4vh;
    max-height: 40vh;
}
.Vf-toolbar-batch .dx-dropdownmenu.dx-button-has-icon .dx-button-content{
    padding: 0px 4px;
    padding-right: 0;
}
#Workforce-RewardsRecognition-VoyonGrids td.dx-command-select.dx-datagrid-first-header {
    padding-left: 0px !important;
    text-align: left !important;
}
#LeaveManagement-Leave-AccrualSlab-VoyonGrids .dx-datagrid-header-panel,
#LeaveManagement-Leave-Deduction-VoyonGrids .dx-datagrid-header-panel {
    margin-bottom: 0px;
    margin-top: -30px;
    display: block !important;
}
#LeaveManagement-Leave-AccrualSlab-VoyonGrids-Title,
#LeaveManagement-Leave-Deduction-VoyonGrids-Title {
    left: 16px;
    top: 16px;
}
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .single-action.more-single-action {
    position: relative;
    top: -3px;
}
#LearningDevelopment-TrainingProgramAndSessions-VoyonGrids .dx-item-content.dx-list-item-content .dx-list-item-icon {
    font-size: 14px;
}
.add-new-program-btn .add-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    line-height: normal;
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
    background: var(--secondary-color);
    height: 30px;
    border-radius: 5px !important;
    padding: 4px 8px;
    width: 30px;
}
.common-employee-filter .Vf-grid-child {
    margin-top: 0;
    box-shadow: none;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    transition: 0.2s;
    padding: 0px 15px 0;
    padding-top: 6px
}
.common-employee-filter .Vf-grid-child .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0px 0px !important;
}
.common-employee-filter tr.dx-row.dx-column-lines.dx-header-row .dx-command-select {
    text-align: center !important;
}
#OnHoldEmployees {
    opacity: 1 !important;
}
#FestivalBonus_Details .dx-datagrid-addrow-button .dx-button-content {
    top: -24px !important;
}
#familyDetailsGrid .dx-bordered-bottom-view.dx-datagrid-rowsview {
    min-height: 10vh !important;
}
#EducationDetailsChildGridDiv .dx-bordered-bottom-view.dx-datagrid-rowsview {
    min-height: 10vh !important;
}
.filter-toolbar .filter-apply-btn .Vf-btn-default.dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 6px 14px 6px !important;
}
.tds-calc-toolbar-parent .Vf-toolbar-header.tds-calc-toolbar {
    background: #fff;
}
.badgePopupContent .Voyon-Forms.Vf-form-view-mode form {
    box-shadow: none !important;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 12px;
}
.badgePopupContent #ESS-RegularizationRequests-CheckinCheckout-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: auto;
    min-height: 10vh;
    max-height: 28vh;
}
#AssetManagement-AssetRecoverySchedule-VoyonGrids-Footer-ToolBar{
    display: none;
}
.PayrollListCard #gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 346px) !important;
}
.PayrollListCard #gridPayrollEmployee:has(.dx-datagrid-filter-row) .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 390px) !important;
}
#content-area-process-payroll-inner .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 348px) !important;
}
#content-area-process-payroll-inner:has(.dx-datagrid-filter-row) .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 390px) !important;
}
#gridPayrollLeaves .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 300px) !important;
}
#gridPayrollLeaves:has(.dx-datagrid-filter-row) .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 346px) !important;
}
#LeaveManagement-LeaveCancellation-VoyonGrids-Header-ToolBar {
    margin-top: 15px;
}

.custom-grid-footer.custom-grid-footer-Income-Tax-Calculator-Multiple {
    position: relative;
    width: 100%;
    bottom: -14px !important;
    left: 0px !important;
}
#tds-calculator-multiple-employee-grid-container {
    height: 67vh !important;
}
#tds-calculator-multiple-employee-grid-container .dx-widget.dx-visibility-change-handler {
    height: fit-content !important;
}
#tds-calculator-multiple-employee-grid-container .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: calc(100dvh - 320px);
}
#participantGridFooter {
    position: absolute;
    bottom: 73px;
    left: 20px;
}
.Grid-Section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns{
    box-shadow: none !important
}
#countryChildGrid .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty,
#BankChildGrid .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty {
    height: 20vh !important;
}
#HomeDashboard #HolidayCalendar .wd-title {
    margin-bottom: 15px !important;
}
.Voyon-Forms.appraisal-template-card .dx-bordered-bottom-view.dx-datagrid-rowsview {
    min-height: 5vh !important;
    height: auto;
    overflow: hidden;
}
#Attendance-LatePolicy-Deduction-VoyonGrids-Title {
    left: 12px;
    font-weight: 600;
    font-size: 14px;
    padding: 0px;
    padding-bottom: 5px;
    top: 12px;
}
#Attendance-LatePolicy-Deduction-VoyonGrids{

}
#Benefit-Advance-VoyonForms .dx-texteditor-input {
    padding-left: 8px !important;
}
.Vf-form-view-mode #Benefit-Advance-VoyonForms .dx-texteditor-input {
    padding-left: 0px !important;
}
#Benefit-Advance-VoyonGrids .SalaryRevision-Cancel {
    margin-top: -3px !important;
}
.employee-filter-grid {
    max-height: calc(100dvh - 486px) !important;
}
.common-employee-filter .custom-grid-footer {
    padding: 0px;
    border-top: 0px;
    left: 20px;
    bottom: 22px;
}
.payrollTabToolbar .dx-bordered-bottom-view.dx-datagrid-total-footer.dx-datagrid-nowrap.dx-datagrid-sticky-columns {
    border-top: 1px solid #ddd;
}
#btnFeedBackSave {
    background-color: var(--vf-button-primary) !important;
}
#grativityRuleForm .dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding-top: 0px;
    padding-left: 6px;
}
#employeeSelectBox .dx-state-readonly .dx-texteditor-input {
    padding-left: 10px !important;
}
.Vf-form-view-mode #salaryGradeForm .dx-texteditor-input {
    padding-left: 0px;
}
#salaryGradeForm .dx-form-group-caption {
    margin-top: 11px;
}
.timesheet-weekly-full-view-card #gridContainer .dx-datagrid-headers,
.timesheet-weekly-full-view-card .dx-datagrid-headers + .dx-datagrid-rowsview,
.timesheet-weekly-full-view-card .dx-datagrid-borders > .dx-datagrid-total-footer {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
.timesheet-weekly-full-view-card .dx-datagrid-headers + .dx-datagrid-rowsview {
    border: 0px solid #ddd0;
}
.timesheet-weekly-full-view-card .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 0px solid #ddd;
    border: 0px !important;
    border-top: 1px solid #ddd !important;
}
.timesheet-weekly-full-view-card .dx-widget.dx-datagrid-pager.dx-pager {
    padding-bottom: 0px;
}
.timesheet-weekly-full-view-card .dx-datagrid-headers + .dx-datagrid-rowsview  td,
.timesheet-weekly-full-view-card .dx-datagrid-borders > .dx-datagrid-total-footer td{
    border-right: 1px solid rgba(0, 0, 0, 0.17) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.17) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.17) !important;
}
#docTemplatePreviewDiv .dx-tab.dx-tab-selected .dx-tab-text,
#docTemplatePreviewDiv .dx-item.dx-tab.dx-tabpanel-tab.dx-state-hover .dx-tab-text {
    color: #1b1b1b !important;
}
#docTemplatePreviewDiv .dx-tab.dx-tab-selected {
    background-color: #ececec;
    color: #191818;
}
#docTemplatePreviewDiv .dx-tabpanel-tabs {
    padding: 0px 0px;
    margin-bottom: 0px !important;
}
#docTemplatePreviewDiv .dx-tab-selected:before {
    border-bottom: 1.5px solid #dddddd;
}
#document_repository .dx-splitter-wrapper .dx-splitter-border {
    z-index: 997;
    height: 100%;
    width: 1px;
    cursor: col-resize;
}
#document_repository .dx-filemanager-toolbar-viewmode-item .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
    background-color: rgb(0 0 0 / 0%);
}
#document_repository .dx-popup-content .dx-scrollview-content {
    padding-right: 0px !important;
}
#document_repository .dx-popup-content  .dx-list-item-icon-container {
    padding-right: 0px !important;
}
#leaveHistoryGridContainer:has(.dx-empty) {
    height: 40vh !important;
}
#leaveHistoryGridContainer.Vf-grid-child .dx-datagrid .dx-column-lines > td:first-child {
    padding: 12px 7px 3px !important;
}
#AssetManagement-AssetAllocation-Details-VoyonGrids .dx-column-lines > td:first-child,
#AssetManagement-AssetTransfer-Details-VoyonGrids .dx-column-lines > td:first-child,
#AssetManagement-AssetReturn-Details-VoyonGrids .dx-column-lines > td:first-child,
#AssetManagement-AssetLost-Details-VoyonGrids .dx-column-lines > td:first-child,
#ESS-AssetRequest-AssetRequestDetails-VoyonGrids .dx-column-lines > td:first-child,
#PendingGrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 7px 7px !important;
}
#AssetManagement-AssetAllocation-Details-VoyonGrids .dx-column-lines.dx-header-row > td:first-child,
#AssetManagement-AssetTransfer-Details-VoyonGrids .dx-column-lines.dx-header-row > td:first-child,
#AssetManagement-AssetReturn-Details-VoyonGrids .dx-column-lines.dx-header-row > td:first-child,
#AssetManagement-AssetLost-Details-VoyonGrids .dx-column-lines.dx-header-row > td:first-child,
#ESS-AssetRequest-AssetRequestDetails-VoyonGrids .dx-column-lines.dx-header-row > td:first-child,
#PendingGrid .dx-column-lines.dx-header-row > td:first-child {
    padding: 12px 7px 3px !important;
}
#divAttendeesPanel .attendee-child-grid .dx-toolbar-button .dx-datagrid-search-panel {
    margin-right: 7px;
    margin-left: 8px;
}
#Workforce-Employee-FamilyDetails-VoyonGrids td.dx-datagrid-first-header.dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    padding: 12px 7px 3px !important;
}
.LeaveAgainstAbsenticeFooterSection #participantGridFooter {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    gap: 0px;
}
#travelCustomerAllocation-salarySchedulegrid #participantGridFooter {
    position: absolute;
    bottom: 25px;
    left: 25px;
}
.Vf-form-view-mode #participantGridFooter .dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
}
.Vf-form-view-mode #participantGridFooter .dx-texteditor-input {
    padding-left: 7px;
}
#Travel-TravelClaimRequest-Expenses-VoyonGrids-Footer-ToolBar,
#Travel-TravelPolicy-TravelInEligibility-VoyonGrids-Footer-ToolBar,
#Travel-TripVehicleExpenses-VoyonGrids-Footer-ToolBar,
#Travel-TripExpenseDetails-VoyonGrids-Footer-ToolBar,
#travelCustomerAllocation-salarySchedulegrid #participantGridFooter,
#Travel-TripPlan-Expenses-VoyonGrids-Footer-ToolBar{
    display: none !important;
}
.PayrollOnHoldListCard.PayrollListCard #gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: calc(100dvh - 348px);
    min-height: calc(100dvh - 348px);
    max-height: calc(100dvh - 348px);
}
#offBoardingTaskPopupGrid .dx-datagrid-export-button {
    background: transparent;
    padding: 0px;
}
#leaveHistoryGridContainer .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto !important;
    padding-bottom: 12px !important;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default, .start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-icon {
    background-color: #fff4e5;
    border-color: #ff9800;
    color: #ff9800;
    border: 0px;
    margin: 0px !important;
    padding: 1px 4px;
    font-size: 12px;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-button-content, .stop-btn.Vf-btn-default.dx-button-mode-outlined .dx-button-content {
    padding: 0px 0px 0px !important;
    min-width: fit-content;
}
.start-btn.Vf-btn-default.dx-button-mode-outlined.dx-button-default .dx-button-content .dx-icon, .stop-btn.Vf-btn-default.dx-button-mode-outlined .dx-button-content .dx-icon {
    font-size: 12px;
    margin-right: 6px;
    padding: 0px !important;
}

.aiAgents-row-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* Zero every button's own outer padding/margin so the 10px gap above is the only spacing between
   them — outlined (Start/Stop) and contained-weightless (Configure/History) modes otherwise carry
   different default theme padding on the outer .dx-button, not just the .dx-button-content already
   overridden elsewhere, which is what made the gaps look uneven. */
.aiAgents-row-actions > .dx-button {
    margin: 0 !important;
    padding: 0 !important;
}
.aiAgents-freq-inline {
    gap: 8px;
    margin-bottom: 8px;
}
.aiAgents-freq-inline .vy-text-label.sub {
    margin: 0;
    white-space: nowrap;
}
.aiAgents-freq-input-sm {
    flex: 0 0 auto;
    width: 90px;
}
.aiAgents-freq-input {
    flex: 0 0 auto;
    width: 170px;
}
.aiAgents-history-grid-wrap {
    padding: 16px;
}
#RaterForm #AddButton .dx-button-content .dx-icon {
    color: #000 !important;
}
#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-command-edit .Vf-action-grid-btn {
    margin-top: -1px !important;
}
.dx-overlay-content.dx-popup-normal .footer-btn-group-probation .btn-grp {
    justify-content: flex-end;
}
#gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto;
    min-height: 5vh;
    max-height: 38vh;
}
#gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-empty {
    height: 28vh;
}
#gridPayrollEmployee .dx-pages {
    margin-left: 0px;
    display: flex;
    width: 100%;
    padding: 0px 10px;
    justify-content: flex-end;
}
.off-plan .off-sidebar .Vf-grid-child {
    padding: 5px 10px;
}
.PayrollListCard #gridPayrollEmployee .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata.dx-hidden) {
    height: calc(100dvh - 350px) !important;
    min-height: calc(100dvh - 350px) !important;
    max-height: calc(100dvh - 350px) !important;
}
.Vf-card {
    background: #fff;
    box-shadow: 0px 1px 4px 0px #373B6617;
    -webkit-box-shadow: 0px 1px 4px 0px #373B6617;
    -moz-box-shadow: 0px 1px 4px 0px #373B6617;
    border-radius: 7px;
}
#LabourPayroll-LabourPayrollTeamMembers-VoyonGrids-Title {
    left: 10px;
}
#datasheet-file-upload .dx-fileuploader-button {
    width: 100%;
}
#TalentAcquisition-ESSOfferApproval-VoyonGrids a.dx-link {
    margin-left: 2px;
    margin-right: 0px;
}
#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-command-edit .Vf-action-grid-btn {
    margin-top: -10px !important;
}
#TalentAcquisition-ESSOfferApproval-VoyonGrids .Vf-action-grid-btn {
    height: 18px;
    margin-left: 4px;
    margin-right: 3px;
    align-items: center;
    justify-content: center;
}
#GoalSettingEmployeeSelectBox .dx-button-content {
    padding: 4px 0px !important;
}
#GoalSettingEmployeeSelectBox .Vf-field-emp-i-btn-i {
    margin-right: 0px;
}
#GoalSettingEmployeeSelectBox .dx-editor-filled .dx-texteditor-input {
    background: 0 0;
    padding-right: 24px !important;
}
#transcriptionTimeSheetCalender tr.dx-scheduler-date-table-row {
    border-bottom: 1px solid #ddd;
}
.Grid-Section:has(#LeaveSettings-LeaveRequest-MandatoryColumns-VoyonGrids),
.Grid-Section:has(#LeaveSettings-LeaveRequest-HiddenColumns-VoyonGrids) {
    height: 100%;
}
#LeaveSettings-LeaveRequest-MandatoryColumns-VoyonGrids .dx-datagrid-header-panel,
#LeaveSettings-LeaveRequest-HiddenColumns-VoyonGrids .dx-datagrid-header-panel {
    margin-top: -18px !important;
}
#PerformanceManagement-AppraisalCycle-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview {
    overflow: hidden;
}
#PerformanceManagement-AppraisalCycle-VoyonGrids .dx-datagrid-headers{
    padding: 0 10px !important;
}
#badgePopupContent .dx-bordered-bottom-view {
    height: auto;
}
.dashboard-dropdown .Vf-btn-default.dx-button-mode-contained.dx-button-default {
    background-color: transparent !important;
}
#salaryRevision-grid .dx-bordered-bottom-view {
    height: auto;
    min-height: 16vh;
}
#LeaveManagement-LeaveRequest-VoyonForms .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 12px;
}
#leaveHistoryGridContainer .dx-pages {
    float: right;
}
.AddEmlpoyee-css .title {
    line-height: 12px !important;
    text-align: left !important;
}
#labourPayrollProcessDefenition .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 16px;
}
#add-ques-btn .dx-button-mode-contained.dx-button-default {
    background-color: var(--vf-button-primary) !important;
}
#interviewHistoryTemplate .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: auto;
}
#interviewHistoryTemplate .Vf-group-box {
    overflow: hidden;
}
#offerApprovalViewContainer #TalentAcquisition-ESSApplicableCandidateList-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview {
    height: auto;
}
#ChangeStatusViewForm {
    margin-bottom: 10px;
}
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .dx-edit-button.dx-datagrid-addrow-button {
    position: absolute;
    top: 12px !important;
    right: 0px !important;
}
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .dx-edit-button.dx-datagrid-addrow-button#TalentAcquisition-CandidateDatabase-LanguageDetails-AddButton,
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .dx-edit-button.dx-datagrid-addrow-button#TalentAcquisition-CandidateDatabase-WorkExperiences-AddButton,
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .dx-edit-button.dx-datagrid-addrow-button#TalentAcquisition-CandidateDatabase-ContagiousDiseaseHistory-AddButton,
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .dx-edit-button.dx-datagrid-addrow-button#TalentAcquisition-CandidateDatabase-CourtCaseDetails-AddButton{
    top: 0px !important;
}
.AddEmlpoyee-css.employeeFullView.Cand-search-parent #candidateTabPanelContainer .Voyon-ChildGrids-Title {
    top: 20px;
}
#TalentAcquisition-ScheduleInterview-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    overflow: hidden;
}
.bellCurveAnalysisMainContainer .Vf-accordion.opened {
    padding: 14px;
}
#edit-ques-save .dx-button-mode-contained.dx-button-default,
#edit-ques-save-next .dx-button-mode-contained.dx-button-default {
    background-color: var(--vf-button-primary) !important;
}
.allocation-incentive-type .incentive-type-button {
    position: fixed;
    top: 5px;
    right: 92px;
}
.bonusprocess-employeelist-container .dx-datagrid-header-panel .dx-icon.dx-icon-overflow {
    margin-left: 0px;
}
.bonusprocess-employeelist-container .dx-button.dx-button-mode-contained.dx-state-hover {
    background-color: #ffffff;
}
.att-btch-scrollview .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px dashed #ddd;
}
.Jobopening-separator .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    overflow: inherit
}
.candidate-main-toolbar #TalentAcquisition-CandidateDatabase-VoyonGrids .dx-bordered-bottom-view {
    overflow: hidden;
}
#ClientViewModeDiv .dx-radiogroup-horizontal{
    margin-left: 10px;
}
.dx-datagrid-sticky-column-right.dx-datagrid-action:last-child {
    padding-right: 20px !important;
}
#gridBankElctronicFormat .dx-datagrid-export-button {
    background: var(--secondary-color);
}
#gridBankElctronicFormat .dx-datagrid-export-button .dx-buttongroup-item.dx-button {
    background-color: transparent;
}
#gridBankElctronicFormat .dx-datagrid-export-button  .dx-icon.dx-icon-right {
    display: none;
}
#gridBankElctronicFormat .dx-datagrid-export-button  .dx-button-content {
    padding: 0px !important;
}
#Talent-Candidate-BackgroundVerification-VoyonGrids .single-action .dx-item.dx-buttongroup-item.dx-item-content {
    top: -7px;
}
.bellCurveAnalysisMainContainer .Vf-card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0px;
    margin-top: 4px;
}
.badgePopupContent #leaveSummaryContainer {
    margin: 0px;
}
.badgePopupContent #leaveSummaryContainer rq-summary.LvEnc {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
}
.timesheet-style-setup {
    padding-top: 12px;
}
#leaveHistoryGridContainer .dx-widget.dx-datagrid-pager.dx-pager {
    margin-bottom: 10px;
}
.ApprovalFlowSection .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid #a7b3c770 !important;
}
.timesheet-style-setup button.vc-nav-btn {
    border: 0px;
    background: #fff;
}
.badgePopupContent.lv-request-btn .loanRequest-view .full-view-card {
    height: calc(100vh - 230px) !important;
}
.EmployeeProbationSection .Vf-custom-label {
    margin-bottom: 0px;
}
#BulktabPanelContainer #gridPayrollEmployee {
    margin-top: 0px;
}
@media (min-width: 800px) and (max-width: 1800px) {
    #employeeList .dx-list-item-content {
        padding: 0px 0px 11px 0;
    }
    #tds-calculator-multiple-employee-grid-container .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
        height: calc(100dvh - 360px);
    }
    .custom-grid-footer.custom-grid-footer-Income-Tax-Calculator-Multiple {
        position: relative;
        width: 100%;
        bottom: -26px !important;
        left: 0px !important;
        z-index: 3;
    }
    #Benefit-TDSDeclarationHouseProperty-VoyonGrids .dx-bordered-bottom-views {
        height: 40dvh !important;
    }
    .employee-filter-grid {
        max-height: calc(100dvh - 362px) !important;
    }
    .badgepopover .full-view-card {
        height: calc(100vh - 250px) !important
    }
    .badgePopupContent.lv-request-btn .loanRequest-view .full-view-card {
        height: calc(100vh - 230px) !important;
    }
    .dx-popup-content #LearningDevelopment-TrainingRequest-VoyonGrids {
        height: calc(100dvh - 310px) !important;
    }
}