body {
    background-color: #EEEFF4 !important;
    overflow: hidden;
    --primary-color: rgb(46, 61, 96);
    --primary-dark-color: #007DB7;
    --primary-color2: #83eee8;
    --primary-color3: #fcdd80;
    --primary-bg: #EEEFF4;
    --secondary-btn: #D7F4FF;
    --collapse-btn: #EBF3F6;
    --toolbar-color: #A7B3C7;
    --border-radius: 6px;
    --vf-button-secondary: rgba(218, 229, 234, 1);
    --light-active: #C3EDFF;
    --text-light: #333;
    --yellow: #e29101;
    --green: #02a993;
    --red: #e4304e;
    --weekend: #86ABB9;
    --holiday: #FF8C00;
    --current-day: #519bff;
    --present: #00b65b;
    --offered: #4CB5F6;
    --breakHour: #D63FB5;
    --extraHour: #31A1FC;
    --shortHour: #7B3BE9;
    --lateHour: #F26100;
    --earlyHour: #4CB5F6;
    --onDuty: #1284e4;
    --paidDay: #5CC500;
    --breakHours: #BEB400;
    --absent: #F56751;
    --unpaid: #0d51ff;
    --workDayHours: #16f3ca;
    --aditional: #14bdd9;
    --shortTime: #cc6b4e;
    --hover: #ddecfc;
    --last-checkout: #E91717;
    --first-checkin: #009D59;
    --danger: rgb(217 217 217);
    --warning: rgb(202 194 121);
    --main-font: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --xs-card-c1: #22cce2;
    --xs-card-c2: #fdbf5e;
    --xs-card-c3: #3392fc;
    --xs-card-c4: #09b66d;
    --hover-var2: #8bd2ff3b;
    --olive-green: #99bc0d;
    --Onleave: #8197CC;
    --white: #fff;
    --black: #000;
    --form-view-color: #eef6ff;
    --s-tags: #4A86FF;
    --cand-second: #5998F8;
    --primary-light: #F8FDFF;
    --primary-light-border: #B0E3FA;
    /*Card Shadow*/
    --default-shadow: 0px 1px 4px 0px rgba(55, 59, 102, 0.09);
    /* font styles*/
    --font-xs: 0.8125rem;
    --font-sm: 0.875rem;
    --font-base: 1rem;
    --font-lg: 1.125rem;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    /* Status Colors */
    --applied: #3498DB;
    --shortlisted: #1ABC9C;
    --scheduled: #9B59B6;
    --rejected: #E74C3C;
    --qualified: #27AE60;
    --decisionpending: #F39C12;
    --associated: #16A085;
    --submittedtoclient: #2980B9;
    --sentforofferapproval: #8E44AD;
    --clientinterview-selected: #2ECC71;
    --clientinterview-rejected: #C0392B;
    --clientinterview-qualified: #27AE60;
    --clientinterview-decisionpending: #F1C40F;
    --selected: #00C853;
    --offerwithdraw: #D32F2F;
    --offeronhold: #FF9800;
    --offerextend: #1976D2;
    --offerissued: #0288D1;
    --offerapproved: #388E3C;
    --offeraccepted: #2E7D32;
    --offerrejected: #B71C1C;
    --published: #fec333;
    --onhold: #FFA000;
    --withdraw: #616161;
    --extensionrequestedbycompany: #5E35B1;
    --extensionrequestedbycandidate: #7B1FA2;
    --ineligible: #795548;
    --cancelled: #ff0000;
    --rescheduled: #00ACC1;
    --onboarding: #5C6BC0;
    --onboarded: #2E7D32;
    --approved: #009D59;
    --approvalstarted: #b0cc41;
    --retired: #6B7280;
    --lost: #EF4444;
    --sold: #8B5CF6;
    --inrepair: #F59E0B;
    --onnotice: #F59E0B;
    --inuse: #22C55E;
    --instore: #3B82F6;
    --newjoinee: #3B82F6;
    --onhold: #ff9a17;
    --inactive: #8CA3B9;
    --active: #1BB773;
    --submitted: #dfbe4d;
    --rejected: #be1558;
    --separated: #be1558;
    --cancelled: #ff0000;
    --draft: #575757;
    --pending: #F29339;
    --pendingcompanyinput: #b85042;
    --requested: #ff6e40;
    --inprogress: #e1dd72;
    --hold: #ff9a17;
    --reassigned: #ddc3a5;
    --resolved: #778899;
    --assigned: #a8c66c;
    --overdue: #F76C00;
    --completed: #77c593;
    --issued: #52a9ed;
    --cancellationrequested: #ff6e6e;
    --transferred: #273B7A;
    --followup: #ffcf85;
    --new: #1488CC;
    --closed: #954239;
    --taskcompleted: #b7eef2;
    --triggered: #ab7bd3;
    --nottriggered: #e56262;
    --onboarded: #2cc06e;
    --fandFProcessed: #f7d83b;
    letter-spacing: 0.3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.Dark-Blue {
    --primary-color: #2E3D60;
    --secondary-color: #05A5F0;
    --vf-button-primary: #05A5F0;
    --sub-menu: rgb(30, 47, 86);
    --submenu-text: #BFCEF1;
    --sub-menu-selected: rgba(46, 67, 114, 1);
    --secondary-btn: #D7F4FF;
    --primary-dark-color: #007DB7;
}
body.Dark-Red {
    --primary-color: rgba(199, 54, 97, 1);
    --vf-button-primary: rgba(199, 54, 119, 1);
    --sub-menu: rgba(180, 37, 80, 1);
    --submenu-text: #FFD1EF;
    --sub-menu-selected: rgba(212, 64, 108, 1);
    --secondary-color: #C73677;
    --vf-button-primary: #C73677;
    --secondary-btn: #FFDAF0;
    --primary-dark-color: #bb2468;
    background-color: #FFF8FC !important;
}
body.Dark-Green {
    --primary-color: rgba(22, 119, 89, 1);
    --vf-button-primary: rgba(10, 107, 77, 1);
    --sub-menu: rgba(10, 107, 77, 1);
    --submenu-text: #AAE4DC;
    --sub-menu-selected: rgba(32, 144, 110, 1);
    --secondary-color: #0A6B4D;
    --vf-button-primary: #0A6B4D;
    --secondary-btn: #D5F8ED;
    --primary-dark-color: #075E43;
    background-color: #F3FFFB !important;
}
body.Dark {
    --primary-color: rgba(30, 29, 35, 1);
    --vf-button-primary: rgba(0, 0, 0, 1);
    --sub-menu: rgba(21, 21, 21, 1);
    --submenu-text: #BFD4D1;
    --sub-menu-selected: rgba(52, 52, 52, 1);
    --secondary-color: #000000;
    --vf-button-primary: #000000;
    --secondary-btn: #E7E7E7;
    --primary-dark-color: #000000;
    background-color: #F5F5F5 !important;
}
body.Dark-Cyan {
    --primary-color: rgba(11, 82, 118, 1);
    --vf-button-primary: rgba(2, 73, 108, 1);
    --sub-menu: rgba(2, 73, 108, 1);
    --submenu-text: #CFE7FF;
    --sub-menu-selected: rgba(32, 98, 144, 1);
    --secondary-color: #02496C;
    --vf-button-primary: #02496C;
    --secondary-btn: #DDF1FF;
    --primary-dark-color: #02496C;
    background-color: #EDF7FF !important;
}
body.Dark-Grey {
    --primary-color: rgba(204, 216, 231, 1);
    --vf-button-primary: rgba(53, 85, 123, 1);
    --sub-menu: rgba(195, 210, 228, 1);
    --submenu-text: #000000;
    --sub-menu-selected: rgba(178, 200, 227, 1);
    --secondary-color: #35557B;
    --vf-button-primary: #35557B;
    --secondary-btn: #E8F1FC;
    --primary-dark-color: #35557B;
    background-color: #EFF6FF !important;
}
/*.dx-widget {
    font-family: var( --main-font) !important;
}*/
.top-nav .ti-notification {
    background-image: url(../img/vy-images-v2/Icons/Top-Navbar/Notification.svg) !important;
}
.top-nav .ti-help-ico {
    background-image: url(../img/vy-images-v2/Icons/Top-Navbar/Help.svg) !important;
}
.left-tabs .dx-list-item-content {
    background: transparent;
}
/*Home*/
.dx-icon-Home-white {
    background-image: url("../img/home_icon_white.svg");
}
.dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home.svg");
}
.dx-state-hover .dx-icon-Home, .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Home, .Dark-Blue .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Home, .Dark-Red .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Red.svg");
}
.Dark-Green .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Home, .Dark-Green .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Green.svg");
}
.Dark .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Home, .Dark .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark.svg");
}
.Dark-Cyan .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Home, .Dark-Cyan .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Home, .Dark-Grey .dx-list-item-selected .dx-icon-Home {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Home-Dark-Grey.svg");
}
/*Organization*/
.dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization.svg");
}
.dx-state-hover .dx-icon-Organization, .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Blue.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Organization, .Dark-Blue .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Organization, .Dark-Red .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Red.svg");
}
.Dark-Green .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Organization, .Dark-Green .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Green.svg");
}
.Dark .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Organization, .Dark .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark.svg");
}
.Dark-Cyan .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Organization, .Dark-Cyan .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Organization, .Dark-Grey .dx-list-item-selected .dx-icon-Organization {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Organization-Dark-Grey.svg");
}
/*Workforce*/
.dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce.svg");
}
.dx-state-hover .dx-icon-Workforce, .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Workforce, .Dark-Red .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Red.svg");
}
.Dark-Green .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Workforce, .Dark-Green .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Green.svg");
}
.Dark .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Workforce, .Dark .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark.svg");
}
.Dark-Cyan .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Workforce, .Dark-Cyan .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Workforce, .Dark-Grey .dx-list-item-selected .dx-icon-Workforce {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Workforce-Dark-Grey.svg");
}
/*Attendance*/
.dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance.svg");
}
.dx-state-hover .dx-icon-Attendance, .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Attendance, .Dark-Red .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Red.svg");
}
.Dark-Green .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Attendance, .Dark-Green .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Green.svg");
}
.Dark .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Attendance, .Dark .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark.svg");
}
.Dark-Cyan .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Attendance, .Dark-Cyan .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Attendance, .Dark-Grey .dx-list-item-selected .dx-icon-Attendance {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Attendance-Dark-Grey.svg");
}
/*Leave Management*/
.dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave.svg");
}
.dx-state-hover .dx-icon-LeaveManagement, .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-LeaveManagement, .Dark-Blue .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Blue.svg");
}
.Dark-Red .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-LeaveManagement, .Dark-Red .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Red.svg");
}
.Dark-Green .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-LeaveManagement, .Dark-Green .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Green.svg");
}
.Dark .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-LeaveManagement, .Dark .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark.svg");
}
.Dark-Cyan .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-LeaveManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-LeaveManagement, .Dark-Grey .dx-list-item-selected .dx-icon-LeaveManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Leave-Dark-Grey.svg");
}
/*Benefits*/
.dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits.svg");
}
.dx-state-hover .dx-icon-Benefit, .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Benefit, .Dark-Blue .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Benefit, .Dark-Red .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Red.svg");
}
.Dark-Green .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Benefit, .Dark-Green .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Green.svg");
}
.Dark .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Benefit, .Dark .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark.svg");
}
.Dark-Cyan .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Benefit, .Dark-Cyan .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Benefit, .Dark-Grey .dx-list-item-selected .dx-icon-Benefit {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Benefits-Dark-Grey.svg");
}
/*Payroll*/
.dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll.svg");
}
.dx-state-hover .dx-icon-Payroll, .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Payroll, .Dark-Blue .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Payroll, .Dark-Red .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Red.svg");
}
.Dark-Green .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Payroll, .Dark-Green .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Green.svg");
}
.Dark .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Payroll, .Dark .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark.svg");
}
.Dark-Cyan .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Payroll, .Dark-Cyan .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Payroll, .Dark-Grey .dx-list-item-selected .dx-icon-Payroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Payroll-Dark-Grey.svg");
}
/*Loan Management*/
.dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan.svg");
}
.dx-state-hover .dx-icon-LoanManagement, .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-LoanManagement, .Dark-Blue .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Blue.svg");
}
.Dark-Red .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-LoanManagement, .Dark-Red .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Red.svg");
}
.Dark-Green .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-LoanManagement, .Dark-Green .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Green.svg");
}
.Dark .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-LoanManagement, .Dark .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark.svg");
}
.Dark-Cyan .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-LoanManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-LoanManagement, .Dark-Grey .dx-list-item-selected .dx-icon-LoanManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Loan-Dark-Grey.svg");
}
/*Document Management*/
.dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document.svg");
}
.dx-state-hover .dx-icon-DocumentManagement, .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-DocumentManagement, .Dark-Blue .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Blue.svg");
}
.Dark-Red .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-DocumentManagement, .Dark-Red .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Red.svg");
}
.Dark-Green .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-DocumentManagement, .Dark-Green .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Green.svg");
}
.Dark .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-DocumentManagement, .Dark .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark.svg");
}
.Dark-Cyan .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-DocumentManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-DocumentManagement, .Dark-Grey .dx-list-item-selected .dx-icon-DocumentManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Document-Dark-Grey.svg");
}
/*Asset*/
.dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset.svg");
}
.dx-state-hover .dx-icon-AssetManagement, .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-AssetManagement, .Dark-Blue .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Blue.svg");
}
.Dark-Red .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-AssetManagement, .Dark-Red .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Red.svg");
}
.Dark-Green .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-AssetManagement, .Dark-Green .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Green.svg");
}
.Dark .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-AssetManagement, .Dark .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark.svg");
}
.Dark-Cyan .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-AssetManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-AssetManagement, .Dark-Grey .dx-list-item-selected .dx-icon-AssetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Asset-Dark-Grey.svg");
}
/*Talent*/
.dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent.svg");
}
.dx-state-hover .dx-icon-TalentAcquisition, .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-TalentAcquisition, .Dark-Blue .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Blue.svg");
}
.Dark-Red .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-TalentAcquisition, .Dark-Red .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Red.svg");
}
.Dark-Green .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-TalentAcquisition, .Dark-Green .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Green.svg");
}
.Dark .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-TalentAcquisition, .Dark .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark.svg");
}
.Dark-Cyan .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-TalentAcquisition, .Dark-Cyan .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-TalentAcquisition, .Dark-Grey .dx-list-item-selected .dx-icon-TalentAcquisition {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Talent-Dark-Grey.svg");
}
/*Learning*/
.dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning.svg");
}
.dx-state-hover .dx-icon-LearningDevelopment, .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-LearningDevelopment, .Dark-Blue .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Blue.svg");
}
.Dark-Red .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-LearningDevelopment, .Dark-Red .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Red.svg");
}
.Dark-Green .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-LearningDevelopment, .Dark-Green .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Green.svg");
}
.Dark .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-LearningDevelopment, .Dark .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark.svg");
}
.Dark-Cyan .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-LearningDevelopment, .Dark-Cyan .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-LearningDevelopment, .Dark-Grey .dx-list-item-selected .dx-icon-LearningDevelopment {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Learning-Dark-Grey.svg");
}
/*Skill*/
.dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill.svg");
}
.dx-state-hover .dx-icon-SkillManagement, .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-SkillManagement, .Dark-Blue .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Blue.svg");
}
.Dark-Red .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-SkillManagement, .Dark-Red .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Red.svg");
}
.Dark-Green .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-SkillManagement, .Dark-Green .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Green.svg");
}
.Dark .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-SkillManagement, .Dark .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark.svg");
}
.Dark-Cyan .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-SkillManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-SkillManagement, .Dark-Grey .dx-list-item-selected .dx-icon-SkillManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Skill-Dark-Grey.svg");
}
/*Performance*/
.dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance.svg");
}
.dx-state-hover .dx-icon-PerformanceManagement, .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-PerformanceManagement, .Dark-Blue .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark-Blue.svg");
}
.Dark-Red .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-PerformanceManagement, .Dark-Red .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark-Red.svg");
}
.Dark-Green .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-PerformanceManagement, .Dark-Green .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark-Green.svg");
}
.Dark .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-PerformanceManagement, .Dark .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark.svg");
}
.Dark-Cyan .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-PerformanceManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-PerformanceManagement, .Dark-Grey .dx-list-item-selected .dx-icon-PerformanceManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Performance-Grey.svg");
}
/*Project*/
.dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project.svg");
}
.dx-state-hover .dx-icon-ProjectManagement, .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-ProjectManagement, .Dark-Blue .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Blue.svg");
}
.Dark-Red .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-ProjectManagement, .Dark-Red .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Red.svg");
}
.Dark-Green .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-ProjectManagement, .Dark-Green .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Green.svg");
}
.Dark .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-ProjectManagement, .Dark .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark.svg");
}
.Dark-Cyan .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-ProjectManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-ProjectManagement, .Dark-Grey .dx-list-item-selected .dx-icon-ProjectManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Project-Dark-Grey.svg");
}
/*CMS*/
.dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS.svg");
}
.dx-state-hover .dx-icon-CaseManagement, .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-CaseManagement, .Dark-Blue .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Blue.svg");
}
.Dark-Red .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-CaseManagement, .Dark-Red .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Red.svg");
}
.Dark-Green .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-CaseManagement, .Dark-Green .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Green.svg");
}
.Dark .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-CaseManagement, .Dark .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark.svg");
}
.Dark-Cyan .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-CaseManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-CaseManagement, .Dark-Grey .dx-list-item-selected .dx-icon-CaseManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/CMS-Dark-Grey.svg");
}
/*LabourPayroll*/
.dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll.svg");
}
.dx-state-hover .dx-icon-LabourPayroll, .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-LabourPayroll, .Dark-Blue .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Blue.svg");
}
.Dark-Red .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-LabourPayroll, .Dark-Red .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Red.svg");
}
.Dark-Green .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-LabourPayroll, .Dark-Green .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Green.svg");
}
.Dark .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-LabourPayroll, .Dark .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark.svg");
}
.Dark-Cyan .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-LabourPayroll, .Dark-Cyan .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-LabourPayroll, .Dark-Grey .dx-list-item-selected .dx-icon-LabourPayroll {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/LabourPayroll-Dark-Grey.svg");
}
/*Report*/
.dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report.svg");
}
.dx-state-hover .dx-icon-Reports, .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Reports, .Dark-Blue .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Reports, .Dark-Red .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Red.svg");
}
.Dark-Green .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Reports, .Dark-Green .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Green.svg");
}
.Dark .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Reports, .Dark .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark.svg");
}
.Dark-Cyan .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Reports, .Dark-Cyan .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Reports, .Dark-Grey .dx-list-item-selected .dx-icon-Reports {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Report-Dark-Grey.svg");
}
/*Tax*/
.dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax.svg");
}
.dx-state-hover .dx-icon-TaxService, .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-TaxService, .Dark-Blue .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Blue.svg");
}
.Dark-Red .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-TaxService, .Dark-Red .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Red.svg");
}
.Dark-Green .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-TaxService, .Dark-Green .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Green.svg");
}
.Dark .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-TaxService, .Dark .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark.svg");
}
.Dark-Cyan .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-TaxService, .Dark-Cyan .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-TaxService, .Dark-Grey .dx-list-item-selected .dx-icon-TaxService {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Tax-Dark-Grey.svg");
}
/*Travel*/
.dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel.svg");
}
.dx-state-hover .dx-icon-Travel, .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Travel, .Dark-Blue .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Travel, .Dark-Red .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Red.svg");
}
.Dark-Green .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Travel, .Dark-Green .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Green.svg");
}
.Dark .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Travel, .Dark .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark.svg");
}
.Dark-Cyan .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Travel, .Dark-Cyan .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Travel, .Dark-Grey .dx-list-item-selected .dx-icon-Travel {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Travel-Dark-Grey.svg");
}
/*Engagement */
.dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement.svg");
}
.dx-state-hover .dx-icon-EmployeeEngagement, .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-EmployeeEngagement, .Dark-Blue .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Blue.svg");
}
.Dark-Red .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-EmployeeEngagement, .Dark-Red .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Red.svg");
}
.Dark-Green .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-EmployeeEngagement, .Dark-Green .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Green.svg");
}
.Dark .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-EmployeeEngagement, .Dark .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark.svg");
}
.Dark-Cyan .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-EmployeeEngagement, .Dark-Cyan .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-EmployeeEngagement, .Dark-Grey .dx-list-item-selected .dx-icon-EmployeeEngagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Engagement-Dark-Grey.svg");
}
/*Incentive */
.dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive.svg");
}
.dx-state-hover .dx-icon-Incentive, .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-Incentive, .Dark-Blue .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Blue.svg");
}
.Dark-Red .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-Incentive, .Dark-Red .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Red.svg");
}
.Dark-Green .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-Incentive, .Dark-Green .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Green.svg");
}
.Dark .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-Incentive, .Dark .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark.svg");
}
.Dark-Cyan .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-Incentive, .Dark-Cyan .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-Incentive, .Dark-Grey .dx-list-item-selected .dx-icon-Incentive {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Incentive-Dark-Grey.svg");
}
/*Fleet */
.dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet.svg");
}
.dx-state-hover .dx-icon-FleetManagement, .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-FleetManagement, .Dark-Blue .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Blue.svg");
}
.Dark-Red .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-FleetManagement, .Dark-Red .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Red.svg");
}
.Dark-Green .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-FleetManagement, .Dark-Green .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Green.svg");
}
.Dark .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-FleetManagement, .Dark .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark.svg");
}
.Dark-Cyan .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-FleetManagement, .Dark-Cyan .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-FleetManagement, .Dark-Grey .dx-list-item-selected .dx-icon-FleetManagement {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Fleet-Dark-Grey.svg");
}
/*My-Services*/
.dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile.svg");
}
.dx-state-hover .dx-icon-MyServices, .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Blue.svg") !important;
}
.Dark-Red .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-MyServices, .Dark-Red .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Red.svg");
}
.Dark-Green .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-MyServices, .Dark-Green .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Green.svg");
}
.Dark .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-MyServices, .Dark .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark.svg");
}
.Dark-Cyan .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-MyServices, .Dark-Cyan .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-MyServices, .Dark-Grey .dx-list-item-selected .dx-icon-MyServices {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/My-Profile-Dark-Grey.svg");
}
/*More*/
.dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More.svg");
}
.Dark-Blue .dx-state-hover .dx-icon-More, .Dark-Blue .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Blue.svg");
}
.Dark-Red .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-More, .Dark-Red .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Red.svg");
}
.Dark-Green .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Green.svg");
}
.Dark-Green .dx-state-hover .dx-icon-More, .Dark-Green .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Green.svg");
}
.Dark .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Df.svg");
}
.Dark .dx-state-hover .dx-icon-More, .Dark .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark.svg");
}
.Dark-Cyan .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Cyan.svg");
}
.Dark-Cyan .dx-state-hover .dx-icon-More, .Dark-Cyan .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Cyan.svg");
}
.Dark-Grey .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-More, .Dark-Grey .dx-list-item-selected .dx-icon-More {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/More-Dark-Grey.svg");
}
#servicesList .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: red !important;
    padding: 17px 0;
}
.left-tabs .dx-item.dx-list-item-selected{
    background-color: transparent !important;
/*    padding: 0 !important;*/
}
.left-tabs .dx-item.dx-list-item-selected .dx-list-item-icon-container {
    background-color: var(--white);
    width: 40px;
    padding: 10px 10px !important;
    margin: 12px 0px;
    border-radius: 6px;
}
/*Settings*/
.dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings.svg");
    position: relative;
    margin-bottom: 0px;
}
.dx-state-hover .dx-icon-SystemSettings, .dx-list-item-selected .dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings-Dark-Blue.svg");
    transition: 0.2s;
    opacity: 1;
}
.Dark-Red .dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings-Red.svg");
}
.Dark-Red .dx-state-hover .dx-icon-SystemSettings, .Dark-Red .dx-list-item-selected .dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings-Dark-Red.svg");
}
.Dark-Grey .dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings-Grey.svg");
}
.Dark-Grey .dx-state-hover .dx-icon-SystemSettings, .Dark-Grey .dx-list-item-selected .dx-icon-SystemSettings {
    background-image: url("../img/vy-images-v2/Icons/Menu-icons/Settings-Grey.svg");
}
/*selected-menu-dot*/
.submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 25px;
    background-color: var(--secondary-color);
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.Dark-Blue .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 12px;
    background-color: var(--secondary-color);
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.Dark-Blue .opened .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 25px;
    background-color: var(--secondary-color);
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.Dark-Red .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 12px;
    background-color: #FF6666;
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.Dark-Green .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 12px;
    background-color: #43FFC7;
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.Dark-Grey .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    content: "";
    position: absolute;
    right: 12px;
    background-color: #094BA0;
    height: 8px;
    top: 15px;
    width: 8px;
    border-radius: 10px;
}
.dx-datagrid-rowsview .dx-row, .dx-treelist-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 13px;
    height: 32px;
    color: var(--black) !important;
    font-weight: 400;
    line-height: 100%;
}
.opened .submenu-list-item.serviceSelected:not(.submenu-list-item.sub-head)::after {
    right: 25px;
}
.dx-header-row td {
    padding: 12px 7px 3px !important;
}
.attendance-container .dx-header-row td {
    padding: 12px 7px 12px !important;
}
.payroll-list-container .dx-header-row td,
#TalentAcquisition-JobOpening-VoyonGrids .dx-header-row td {
    padding: 4px 7px 3px !important;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    color: var(--black) !important;
}
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link.slice-icon,
    .dx-command-edit .dx-icon.slice-icon.dx-link-icon {
        color: #575858 !important;
    }
/*Logout-Popup*/
.company-switch.company-drowpdown .dx-selectbox {
    background-color: #FCECBA;
}
#CompanySwitch .dx-texteditor-input {
    padding: 8px 5px 8px;
    border-radius: 5px;
    font-weight: var(--font-regular);
    font-size: var(--font-xs);
    color: #222222;
}
#CompanySwitch.dx-state-hover.dx-editor-filled {
    border-color: transparent !important;
    background-color: #FCECBA;
}
/*Dashboard*/
.dx-theme-background-color{
    background-color: transparent !important;
}
/*Dashboard-Summary*/
.gap-5{
    gap: 5px;
}
.Vy-wc1 {
    background-color: var(--white);
    border-radius: 8px;
    height: 92px;
    margin-bottom: 0px;
    box-shadow: 0px 1px 4px 0px #373B6617;
}
#shiftbtngrpNavigate .dx-button-has-icon .dx-icon {
    font-size: 12px;
}
.Vy-wc1 .user-avatar {
    width: 52px;
    height: 52px;
    position: initial;
    top: auto;
    border-radius: 25px;
    background: #fff;
    float: left;
    margin: 0 0px;
    margin-right: 0px;
    overflow: hidden;
    border: 2px solid #FFBB00;
    margin-left: 0px;
    padding: 3px;
}
.Wc-Mesg {
    font-size: 17px;
    color: var(--text-light);
    font-weight: 500;
    margin-top: 7px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
}
.Time-stat {
    font-size: 13px;
    color: var(--text-light);
    line-height: 13px;
    margin-top: 2px;
    padding-left: 6px;
}
.d-text .date {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--text-light);
    word-break: break-word;
    white-space: pre;
}
.d-text .month {
    font-size: 12px;
    line-height: 14px;
    color: var(--text-light);
    opacity: .7;
    word-break: break-all;
    white-space: pre;
}
.d-text .date.strngth span{
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #000;
}
.d-text .date.strngth .strngth-des{
    font-size: 13px !important;
}
.d-card {
    padding: 14px 15px;
    border-radius: 10px;
    margin-left: 15px;
}
.meeting-text {
    width: auto;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #E4F1FA;
    height: 30px;
}
.Tt-head {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-light);
}
.Tt-dtls {
    font-size: 13px;
    color: var(--text-light);
}
.rNumDts {
    display: flex;
    align-items: center;
    margin: -9px 0;
    padding: 0;
    justify-content: flex-end;
}
.sum-pending::after {
    content: '';
    height: 30px;
    width: 1px;
    background: #b9b9b9;
    position: absolute;
    margin-left: 208px;
}
.Vy-wc12 {
    float: left;
    display: inline-flex;
    padding: 0px;
    border-left: 1px solid rgba(255, 255, 255, .25);
}
/*dataGrid*/
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left,
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-right,
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-right {
    border-left: 0px;
    border-right: 0px;
}
/*Listing-checkbox*/
.dx-select-checkbox.dx-checkbox-checked span.dx-checkbox-icon {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.dx-datagrid-checkbox-size .dx-checkbox-icon,
.dx-treelist-checkbox-size .dx-checkbox-icon {
    height: 14px;
    width: 14px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    background: #fff;
    border: 1px solid #ACACAC;
}
/*Listing Status*/
.vy-text-dynamic::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid var(--borderColor) !important;
    border-radius: 50%;
    margin-right: 6px;
}
.vy-text-resigned::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #739ADF;
    border-radius: 50%;
    margin-right: 6px;
}
.vy-text-published::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #739ADF;
    border-radius: 50%;
    margin-right: 6px;
}
.vy-text-active::before, .vy-text-selected::before, .vy-text-onhold::before, .vy-text-approved::before, .vy-text-green::before, .vy-text-red::before, .vy-text-amber::before, .training-request-status-submitted::before, .training-request-status-trainingscheduled::before, .training-request-status-approved::before, .training-request-status-approvalstarted::before, .training-request-status-trainingconducted::before,
.vy-text-qualified::before, .vy-text-approvalstarted::before, .vy-text-inactive::before, .vy-text-submitted::before, .vy-text-scheduled::before,
.vy-text-rejected::before, .vy-text-cancelled::before, .vy-text-draft::before, .vy-text-rescheduled::before, .vy-text-drafted::before, .vy-text-pending::before,
.vy-text-pendingcompanyinput::before, .vy-text-requested::before, .vy-text-inprogress::before, .vy-text-decisionpending::before,
.vy-text-hold::before, .vy-text-reassigned::before, .vy-text-resolved::before, .vy-text-assigned::before, .vy-text-overdue::before, .vy-text-notstarted::before,
.vy-text-issued::before, .vy-text-cancellationrequested::before, .vy-text-transferred::before, .vy-text-followup::before, .vy-text-new::before,
.vy-text-closed::before, .vy-text-completed::before, .vy-text-instore::before, .vy-text-inuse::before, .vy-text-inrepair::before, .vy-text-sold::before,
.vy-text-lost::before, .vy-text-retired::before, .vy-text-applied::before,
.vy-text-shortlisted::before,
.vy-text-scheduled::before,
.vy-text-rejected::before,
.vy-text-qualified::before,
.vy-text-decisionpending::before,
.vy-text-associated::before,
.vy-text-submittedtoclient::before,
.vy-text-sentforofferapproval::before,
.vy-text-clientinterview-selected::before,
.vy-text-clientinterview-rejected::before,
.vy-text-clientinterview-qualified::before,
.vy-text-clientinterview-decisionpending::before,
.vy-text-selected::before,
.vy-text-separated::before,
.vy-text-offerwithdraw::before,
.vy-text-offeronhold::before,
.vy-text-offerextend::before,
.vy-text-offerissued::before,
.vy-text-offerapproved::before,
.vy-text-offeraccepted::before,
.vy-text-offerrejected::before,
.vy-text-onhold::before,
.vy-text-withdraw::before,
.vy-text-extensionrequestedbycompany::before,
.vy-text-extensionrequestedbycandidate::before,
.vy-text-ineligible::before,
.vy-text-cancelled::before,
.vy-text-rescheduled::before,
.vy-text-onboarding::before,
.vy-text-newjoinee::before,
.vy-text-onnotice::before,
.vy-text-onboarded::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -1px;
}
.vy-text-applied::before {
    border: 2px solid var(--applied);
}
.vy-text-shortlisted::before {
    border: 2px solid var(--shortlisted);
}
.vy-text-scheduled::before {
    border: 2px solid var(--scheduled);
}
.vy-text-rejected::before {
    border: 2px solid var(--rejected);
}
.vy-text-separated::before {
    border: 2px solid var(--separated);
}
.vy-text-published::before {
    border: 2px solid var(--published);
}
.vy-text-qualified::before {
    border: 2px solid var(--qualified);
}
.vy-text-decisionpending::before {
    border: 2px solid var(--decisionpending);
}
.vy-text-associated::before {
    border: 2px solid var(--associated);
}
.vy-text-submittedtoclient::before {
    border: 2px solid var(--submittedtoclient);
}
.vy-text-sentforofferapproval::before {
    border: 2px solid var(--sentforofferapproval);
}
.vy-text-clientinterview-selected::before {
    border: 2px solid var(--clientinterview-selected);
}
.vy-text-clientinterview-rejected::before {
    border: 2px solid var(--clientinterview-rejected);
}
.vy-text-clientinterview-qualified::before {
    border: 2px solid var(--clientinterview-qualified);
}
.vy-text-clientinterview-decisionpending::before {
    border: 2px solid var(--clientinterview-decisionpending);
}
.vy-text-selected::before {
    border: 2px solid var(--selected);
}
.vy-text-offerwithdraw::before {
    border: 2px solid var(--offerwithdraw);
}
.vy-text-offeronhold::before {
    border: 2px solid var(--offeronhold);
}
.vy-text-offerextend::before {
    border: 2px solid var(--offerextend);
}
.vy-text-offerissued::before {
    border: 2px solid var(--offerissued);
}
.vy-text-offerapproved::before {
    border: 2px solid var(--offerapproved);
}
.vy-text-offeraccepted::before {
    border: 2px solid var(--offeraccepted);
}
.vy-text-offerrejected::before {
    border: 2px solid var(--offerrejected);
}
.vy-text-onhold::before {
    border: 2px solid var(--onhold);
}
.vy-text-withdraw::before {
    border: 2px solid var(--withdraw);
}
.vy-text-extensionrequestedbycompany::before {
    border: 2px solid var(--extensionrequestedbycompany);
}
.vy-text-extensionrequestedbycandidate::before {
    border: 2px solid var(--extensionrequestedbycandidate);
}
.vy-text-ineligible::before {
    border: 2px solid var(--ineligible);
}
.vy-text-cancelled::before {
    border: 2px solid var(--cancelled);
}
.vy-text-rescheduled::before {
    border: 2px solid var(--rescheduled);
}
.vy-text-onboarding::before {
    border: 2px solid var(--onboarding);
}
.vy-text-onboarded::before {
    border: 2px solid var(--onboarded);
}
.vy-text-approved::before, .vy-text-qualified::before, .vy-text-active::before, .vy-text-selected::before, .training-request-status-approved::before {
    border: 2px solid var(--active);
}
.vy-text-approvalstarted::before{
    border: 2px solid var(--approvalstarted);
}
.vy-text-inactive::before {
    border: 2px solid var(--inactive)
}
.vy-text-onhold::before {
    border: 2px solid var(--onhold);
}
.vy-text-instore::before {
    border: 2px solid var(--instore);
}
.vy-text-inuse::before {
    border: 2px solid var(--inuse);
}
.vy-text-inrepair::before {
    border: 2px solid var(--inrepair);
}
.vy-text-sold::before {
    border: 2px solid var(--sold);
}
.vy-text-onnotice::before {
    border: 2px solid var(--sold);
}
.vy-text-newjoinee::before {
    border: 2px solid var(--sold);
}
.vy-text-lost::before {
    border: 2px solid var(--lost);
}
.vy-text-retired::before {
    border: 2px solid var(--retired);
}
.vy-text-submitted::before, .training-request-status-submitted::before,
.vy-text-scheduled::before {
    border: 2px solid var(--submitted)
}
.training-request-status-approvalstarted::before {
    border: 2px solid var(--approvalstarted);
}
.training-request-status-trainingscheduled::before {
    border: 2px solid var(--scheduled);
}
.training-request-status-trainingconducted::before {
    border: 2px solid var(--completed);
}
.vy-text-rejected::before{
    border: 2px solid var(--rejected);
}
.vy-text-cancelled::before {
    border: 2px solid var(--cancelled);
}
.vy-text-draft::before, .vy-text-rescheduled::before, .vy-text-drafted::before {
    border: 2px solid var(--draft);
}
.vy-text-pending::before {
    border: 2px solid var(--pending);
}
.vy-text-pendingcompanyinput::before {
    border: 2px solid var(--vy-text-pendingcompanyinput);
}
.vy-text-requested::before {
    border: 2px solid var(--requested);
}
.vy-text-inprogress::before, .vy-text-decisionpending::before{
    border: 2px solid var(--inprogress);
}
.vy-text-hold::before {
    border: 2px solid var(--hold);
}
.vy-text-reassigned::before {
    border: 2px solid var(--reassigned);
}
.vy-text-resolved::before{
    border: 2px solid var(--resolved);
}
.vy-text-assigned::before {
    border: 2px solid var(--assigned);
}
.vy-text-overdue::before{
    border: 2px solid var(--overdue);
}
.vy-text-completed::before {
    border: 2px solid var(--completed);
}
.vy-text-notstarted::before, .vy-text-issued::before{
    border: 2px solid var(--issued);
}
.vy-text-cancellationrequested::before{
    border: 2px solid var(--cancellationrequested);
}
.vy-text-transferred::before{
    border: 2px solid var(--transferred);
}
.vy-text-followup::before{
    border: 2px solid var(--followup);
}
.vy-text-new::before{
    border: 2px solid var(--new);
}
.vy-text-label-new .status-round {
    border-color: #1488CC;
}
.vy-text-label-inprogress .status-round {
    border-color: #e1dd72;
}
.vy-text-label-onhold .status-round {
    border-color: #ff9a17;
}
.vy-text-label-cancelled .status-round {
    border-color: #ff0000;
}
.vy-text-label-closed .status-round {
    border-color: #954239;
}
.vy-text-closed::before{
    border: 2px solid var(--closed);
}
.vy-text-taskcompleted{
    border: 2px solid var(--taskcompleted);
}
.vy-text-triggered {
    border: 2px solid var(--triggered);
}
.vy-text-nottriggered{
    border: 2px solid var(--nottriggered);
}
.vy-text-onboarded {
    border: 2px solid var(--onboarded);
}
.vy-text-approvalstarted::before{
    border: 2px solid var(--approvalstarted);
}
.vy-text-fandFProcessed {
    border: 2px solid var(--fandFProcessed);
}
.vy-text-green::before {
    border: 2px solid #77c593;
}
.vy-text-red::before {
    border: 2px solid #f04f4f;
}
.vy-text-amber::before {
    border: 2px solid #dfbe4d;
}
/*Listing Action icons*/
.vy.li-view:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-View-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.vy.li-edit:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-Edit-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.vy.li-delete:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-Delete-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fa-info-circle:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/info-icon-new.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fa-minus-square:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-Delete-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fa-minus-square:hover:before {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-Delete-icon-red.svg') !important;
}
.vy.li-delete:hover:before {
    background-image: url('../img/vy-images-v2/Icons/Common-icons/List-Delete-icon-red.svg') !important;
}
.dx-datagrid-rowsview .dx-command-edit.dx-command-edit-with-icons {
    text-align: left !important;
}
.dx-datagrid-rowsview .dx-command-edit .Vf-action-grid-btn{
    display: inline-block !important;
    height: 20px !important;
}
/*Over-rideIcons*/
.dx-icon-edit:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/List-Edit-icon.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dx-icon-trash:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/List-Delete-icon.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fa-user-cog:before
/*Forms*/
.Voyon-Forms .dx-visibility-change-handler label .dx-field-item-label-text {
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
}
/*dx-tabs-wrapper*/
.dx-tabpanel .dx-tabs-wrapper {
    display: flex;
    background: transparent;
    border: none;
}
.AdvancePage .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 4px;
}
/*Listing-Toolbar*/
.vy.li-filter:before, .fa-filter:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/filter-results-button-black.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0px;
}
.filter-Applied .vy.li-filter:before, .filter-Applied .fa-filter:before, .fa-filter.filter-Applied:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/filter-results-button-white.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ReportDiv.filter-toolbar .vy.li-filter-white:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/Toolbar-filter-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ReportDiv.filter-toolbar.collapsed .vy.li-filter-white:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/Toolbar-filter-icon-white.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.Vf-toolbar-header .dx-icon.dx-icon-overflow::before, .Vf-toolbar-batch .dx-icon.dx-icon-overflow::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/Toolbar-more-icon.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ReportDiv.filter-toolbar .dx-icon.fas.fa-users::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/employee-filter.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.final-settlement-fulview .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
.final-settlement-fulview .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled.dx-state-hover,
.final-settlement-fulview .dx-texteditor.dx-editor-filled.dx-datagrid-search-panel,
.final-settlement-fulview .dx-texteditor.dx-editor-filled.dx-datagrid-search-panel.dx-state-hover {
    border: 1px solid #A7B3C7 !important;
    margin-right: 0px;
}
.final-settlement-fulview .dx-texteditor.dx-editor-filled,
.final-settlement-fulview .dx-texteditor.dx-editor-filled.dx-state-hover {
    border: 1px solid #A7B3C7 !important;
    border-radius: 5px !important;
    padding-left: 8px;
}
.final-settlement-fulview .dx-texteditor.dx-editor-filled.dx-state-readonly,
.final-settlement-fulview .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover,
.final-settlement-fulview .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled {
    border: 1px solid #A7B3C7 !important;
    border-radius: 5px !important;
    padding-left: 0px;
}
#employeeSelectBox .dx-texteditor.dx-editor-filled.dx-state-readonly,
#employeeSelectBox .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover,
#employeeSelectBox .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled {
    border: 0px solid #A7B3C7 !important;
    border-radius: 5px !important;
    padding-left: 0px;
}
.final-settlement-fulview .dx-placeholder {
    top: 3px;
    left: 1px;
}
.final-settlement-fulview .dx-searchbox .dx-icon-search {
    margin-top: -18px;
    left: -10px !important;
}
.final-settlement-fulview #employeeSelectBox {
    padding-left: 0px;
}
.final-settlement-fulview .dx-searchbox .dx-texteditor-input {
    -webkit-padding-start: 30px;
    padding-inline-start: 24px;
}
#Benefit-ClaimableBenefitAgewiseEligibility-VoyonGrids .dx-header-row td,
#Benefit-ClaimableBenefitEligiblePersonwiseLimit-VoyonGrids .dx-header-row td,
#Benefit-Contributory-EligibilitySlab-VoyonGrids .dx-header-row td {
    padding: 7px 7px !important;
}
#additionalPayDaysForm-1 {
    margin-bottom: 7px;
}
.FilterEmp .dx-icon.fas.fa-users::before, .dx-icon.fas.fa-users::before,
#shift-allowance-select-employee .dx-icon.fas.fa-users::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/vy-images-v2/Icons/Common-icons/employee-filter.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.final-settlement-fulview #employeeSelectBox .dx-texteditor.dx-editor-filled.dx-state-readonly {
    padding-left: 10px !important;
}
.Vf-tabs-default .dx-tab.dx-tab-selected .Emp-tabs-text {
    color: var(--white) !important;
}
.Vf-tabs-default .dx-layout-manager .dx-field-item:not(.dx-first-row){
    padding-top: 16px !important;
}
#employeeViewDiv .Vf-tabs-default .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 2px !important;
}
#employeeViewDiv .dx-tabpanel-tabs {
    padding-bottom: 2px;
    padding-left: 0px;
}
.Vy-maintoolbar .dx-icon.dx-icon-overflow::before,
.batch-toolbar .dx-icon.dx-icon-overflow::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/Toolbar-more-icon.svg) !important;
}
/*No-Data*/
.dx-datagrid-nodata {
    color: #222;
    font-size: 13px;
    opacity: 1;
    line-height: 10;
    top: calc(100% - 50%);
    opacity: 0.4;
}
.payrollTabToolbar .dx-datagrid-nodata {
    top: calc(100% - 25%);
}
.bonusprocess-employeelist-container .dx-header-row .dx-command-select {
    padding-left: 1px !important;
}
.PaymentTabToolbar .dx-header-row td.dx-command-select.dx-datagrid-first-header {
    padding: 0px !important;
    text-align: center !important;
    padding-left: 4px !important;
}
/*Profile-switch*/
#EssCoreSwitch .dx-switch-off, #EssCoreSwitch .dx-switch-on,
.Vf-toggle-switch .dx-switch-off, .Vf-toggle-switch .dx-switch-on {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
} 
/*Common-radio-Button*/
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -19px;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 42px;
}
.dx-radiobutton-icon{
    border: none !important;
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    border-width: 2px !important;
    background-color: var(--vf-button-primary);
}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color: var(--vf-button-primary);
}
.dx-radiobutton-icon:before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--vf-button-primary);
    background-color: rgb(243 242 242 / 10%);
    content: "";
    border-radius: 11px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: none;
}
.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
    border: 1px solid var(--vf-button-primary);
}
#BusinessUnitSelect.dx-state-hover.dx-editor-filled::after {
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-bottom-icon-white.svg);
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) {
    background-color: #fff;
}
.Voyon-Forms .dx-state-readonly .dx-texteditor-input {
    /*padding-left: 0px !important;*/
    font-weight: 400;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#LeaveManagement-LeaveRequest-VoyonForms .dx-state-readonly .dx-texteditor-input {
    padding-left: 9px !important;
}
.notif-pulldown.task .dx-list-group-header {
    font-weight: 700;
    padding: 0px;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    background: rgba(230,230,230,.05);
    color: #333;
    width: 100%;
    background: #f4f9ff;
    border-bottom: 2px solid #fff;
    border-radius: 5px;
    padding-left: 8px;
    margin-bottom: 7px;
}
#More-Services .dx-list-item-icon-container {
    height: 40px;
    margin: 0 auto;
    text-align: center;
    padding: 0px !important;
    padding-right: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#More-Services .menu-text {
    font-size: 9px;
    color: #bfcef1;
    margin-top: 3px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 56px;
}
#scheduler .dx-button-mode-contained .dx-icon {
    width: 14px;
    height: 14px;
    color: #fff;
    font-size: 18px;
}
.dx-pager .dx-pages .dx-prev-button:before,
.dx-pager .dx-pages .dx-next-button:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 600;
    color: #A9B7D9;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #A9B7D9;
    border-radius: 20px;
}
.dx-pager .dx-pages .dx-navigate-button {
    height: 9px;
    padding: 6px 6px;
}
.dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button, .dx-pagination .dx-pages .dx-next-button, .dx-pagination .dx-pages .dx-prev-button {
    line-height: 20px;
}
.dx-scheduler-view-switcher .dx-button-mode-contained.dx-state-selected {
    background: #e4f1fa;
}
.dx-pager .dx-pages .dx-navigate-button {
    height: 26px;
    padding: 0px 9px;
}
.dx-pager .dx-pages .dx-next-button:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/pagination-right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dx-pager .dx-pages .dx-prev-button:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/pagination-left-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dx-pager .dx-pages .dx-prev-button:hover:before {
    background: #A9B7D9;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/pagination-left-arrow-hover.svg);
}
.dx-pager .dx-pages .dx-next-button:hover:before {
    background: #A9B7D9;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/pagination-right-arrow-hover.svg);
}
#More-Services .dx-list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}
.dx-pager .dx-pages .dx-page {
    color: #555;
}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #000 !important;
}
.dx-popup-title.dx-has-close-button .dx-button-content {
    position: static;
    width: 30px;
    height: 30px;
    border-radius: 6px !important;
    background: var(--collapse-btn);
    box-shadow: none;
    color: #343435;
    transition: all 0.3s ease;
}
.dx-popup-title.dx-has-close-button .dx-button-content:hover {
    background: color-mix(in srgb, #E90F0F, transparent 90%);
    color: #E90F0F;
    cursor: pointer;
}
.dx-popup-title.dx-has-close-button .dx-button-content:hover .dx-icon{
    color: #E90F0F;
}
.dx-button-mode-text.dx-state-hover{
    background-color: transparent;
}
.dx-toolbar-label .dx-toolbar-item-content > div {
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 5;
    background: transparent;
    color: var(--black);
    padding: 0;
}
.dx-popup-content{
    padding-top: 0px;
}
.dx-popup-title.dx-toolbar .dx-closebutton {
    inset-inline-start: 2px;
}
.employeeFullView .BasicDetails .dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 8px;
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
    color: #333333;
    font-weight: 700;
    content: "\e61a";
}
.Vf-more-custom-dropdown-btn .dx-button-content {
    display: flex;
    justify-content: flex-start;
}
.dx-dropdownmenu-list .dx-list-item-icon-container {
    margin-right: 12px;
    padding-right: 3px !important;
}
#Grid-Pdf-Button .dx-icon.dx-icon-exportpdf {
    padding: 0px;
    margin-right: 6px;
}
#Grid-Pdf-Button span.dx-button-text {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
}
.dx-treelist-rowsview .dx-treelist-collapsed, .dx-treelist-rowsview .dx-treelist-expanded {
    margin-right: 8px;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-content {
    padding: 5px;
}
.dx-dropdownmenu-list .vy-circle-btn .dx-button-has-icon .dx-button-content i{
    margin-right: 1px !important;
}
.dx-dropdownmenu-list .dx-button-mode-contained .dx-icon {
    color: #333 !important;
}
.dx-placeholder {
    color: #9C9C9C;
    font-size: 13px !important;
}
.dx-texteditor-input-container input {
    height: 30px;
}
.dx-field-item-label-text {
    color: #000000;
}
.dx-field-item-label-location-top {
    margin-bottom: 10px;
}
.dx-texteditor.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-filled {
    background: #fff;
    border: 1px solid #A7B3C7;
    border-radius: 5px;
    overflow: hidden;
}
.dx-button .dx-button-content {
    line-height: 13px;
    font-weight: 300;
    letter-spacing: 0.4px;
}
.dx-overlay-shader {
    background-color: #b7cbdb5e;
}
.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content, .dx-datagrid-nowrap .dx-header-row > td, .Voyon-tree-list .dx-header-row > td > .dx-treelist-text-content {
    font-size: 13px;
    color: var(--black);
    font-weight: 500;
    letter-spacing: 0.27px !important;
}
.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper::after {
    -webkit-border-end: 0px solid #ddd;
    border-inline-end: 0px solid #ddd;
    -webkit-border-start: 0px solid #ddd;
    border-inline-start: 0px solid #ddd;
}
.Vf-tabs-default .dx-tab-selected:before{
    border-bottom: 0px !important;
}
.dx-item.dx-tab.dx-state-hover .dx-tab-text{
    color: #fff;
    font-weight: 400
}
.dx-tag-content {
    position: relative;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-left: 0px;
    margin-top: -1px;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    padding: 6px 9px;
    -webkit-padding-start: 6px;
    padding-inline-start: 7px;
    -webkit-padding-end: 25px;
    padding-inline-end: 30px;
    min-width: 46px;
    background-color: var(--secondary-btn);
    border-radius: 3px;
    color: #333;
    margin-left: 4px;
    margin-right: 1px;
    font-size: 12px;
}
#BusinessUnitSelect .dx-tag-content {
    margin-top: -2px;
}
.dx-tag-remove-button::after, .dx-tag-remove-button::before {
    position: absolute;
    content: "";
    transform: rotate(0deg);
    inset-inline-end: 0px;
    margin-top: 0px;
    width: 0px;
    height: 0px;
    background: #aaa;
}
.dx-tag-remove-button::after {
    inset-inline-end: 0px;
    margin-top: 0px;
    width: 0;
    height: 0px;
}
.dx-tag-remove-button {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 24px;
    height: 100%;
}
.dx-tag-remove-button:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/close-black.svg) !important;
    top: 0;
    bottom: 0px;
    margin: auto;
    right: 4px;
    background-repeat: no-repeat !important;
}
.dx-tag-content .dx-tag-remove-button:before {
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/close-black.svg) !important;
    background-size: 10px !important;
}
.Voyon-FileUploader .dx-datagrid-header-panel {
    background: #fff0;
    position: fixed;
    top: 0px;
    width: 88%;
}
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 30px;
}
.dx-datagrid-header-panel .dx-toolbar {
    margin-top: 0px;
    margin-bottom: 0px;
}
.Voyon-FileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    background: #F9FBFF;
    border: 1px dashed #2B5BCB;
    padding: 7px;
    border-radius: 8px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 14px;
}
.Voyon-FileUploader .dx-bordered-bottom-view {
    padding: 0px !important;
}
#EmployeeList .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    margin-bottom: 7px !important;
    padding-right: 7px !important;
    margin-top: 6px !important;
}
#EmployeeList .dx-datagrid-header-panel .dx-button-mode-contained {
    color: #333;
    background: var(--secondary-btn);
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 0px;
    cursor: pointer;
}
#EmployeeList .dx-datagrid-header-panel .dx-button-mode-contained:hover{
    background: color-mix(in srgb, var(--secondary-btn), #000 5%)
}
.vy-view-content .dx-form-group-caption {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    color: #222;
    top: 0px;
}
.dx-widget.bell-dropdown.dx-dropdownbutton.dx-dropdownbutton-has-arrow i.dx-icon.dx-icon-spindown.dx-icon-right {
    display: none;
}
.Ticket-view .dx-form-group-caption {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color: #000;
    top: 0px;
    border: 0px !important
}
.vy-add-new-custom .dx-button-content {
    padding: 3px 10px;
}
.dx-placeholder::before {
    padding: 3px 0px 8px;
}
.popup-content.employee-popup-content {
    height: 344px !important;
}
#standardReliefsGrid .dx-bordered-bottom-view.dx-datagrid-rowsview:has(.dx-datagrid-nodata) {
    height: auto;
    max-height: 40vh;
}
#employeeViewDiv .dx-radiogroup-horizontal .dx-radiobutton {
    margin-top: 1px;
}
.dx-placeholder {
    top: 3px;
    left: 8.3px;
}
#Organization-Directory-VoyonGrids-Header-ToolBar .dx-placeholder {
    top: 2px;
    left: 7px;
}
.Vf-form-view-mode .dx-placeholder {
    top: 2px;
    left: 0px;
}
#employeeViewDiv .dx-placeholder {
    top: 0px;
    left: 0px;
}
.Vf-toolbar-header .dx-button-mode-contained{
    background-color: transparent !important;
}
.Voyon-Forms .dx-colorbox.dx-state-readonly.dx-colorbox .dx-texteditor-input {
    padding-left: 20px !important;
}
.CompanyCircular_Section .vy-view-content:has(> .Voyon-Forms:not(.Vf-form-view-mode)),
.CompanyCircular_Section .vy-view-content > .Voyon-Forms:not(.Vf-form-view-mode),
.full-view-card.Organization_Event_Section .vy-view-content:has(> .Voyon-Forms:not(.Vf-form-view-mode)),
.full-view-card.Organization_Event_Section .vy-view-content > .Voyon-Forms:not(.Vf-form-view-mode),
.full-view-card.Organization_Announcement_Section .vy-view-content:has(> .Voyon-Forms:not(.Vf-form-view-mode)),
.full-view-card.Organization_Announcement_Section .vy-view-content > .Voyon-Forms:not(.Vf-form-view-mode),
.full-view-card.Organization_CompanyPolicy_Section .vy-view-content:has(> .Voyon-Forms:not(.Vf-form-view-mode)),
.full-view-card.Organization_CompanyPolicy_Section .vy-view-content > .Voyon-Forms:not(.Vf-form-view-mode) {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.Grid-addNew-Btn .dx-item-content.dx-toolbar-item-content {
    padding-right: 0px;
}
.Grid-addNew-Btn .dx-button-has-text .dx-button-content .dx-button-text {
    display: block !important;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    margin: 0 4px
}
.Voyon-FileUpload .dx-fileuploader-file-status-message {
    color: #4A6ADA;
    font-weight: 500;
    line-height: normal;
}
.dx-fileuploader-file-container {
    background: #F2F6FB;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 12px
}
.dx-fileuploader-file {
    padding-top: 0px;
}
.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding: 16px 0px 0;
    display: table-row;
}
.Voyon-FileUpload .dx-fileuploader-file-size {
    font-size: 13px;
    width: fit-content;
    text-align: center;
    color: #7998b1;
    border-left: 1px solid #7998b1;
    padding: 0px;
    padding-left: 7px;
    margin-left: 10px;
}
.Voyon-FileUpload .dx-fileuploader-file-name {
    padding-bottom: 2px;
}
.Voyon-FileUpload .dx-fileuploader-button-container .dx-fileuploader-cancel-button {
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
    color: #000;
    width: 28px !important;
    float: right;
    margin-right: 0;
    height: 30px;
    border: 0px;
    margin-top: 1px;
}
.Voyon-FileUpload .dx-fileuploader-button-container .dx-fileuploader-cancel-button i{
    color: #000;
}
.Voyon-FileUpload .dx-fileuploader-button-container .dx-fileuploader-cancel-button:hover i{
    color: #C90000;
}
.dx-fileuploader-file-container:last-child {
    margin-bottom: 0px;
}
.dx-fileuploader-content > .dx-fileuploader-upload-button.dx-button-mode-contained {
    margin-left: 0px;
    margin-right: 0px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
}
.A-cycle-emp-pop .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon:before {
    content: "\f005";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -9px;
    font-weight: 600;
    font-size: 10px;
}
.custom-dx-grid .dx-pager .dx-pages .dx-info {
    position: absolute;
    left: 16px;
}
td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: left !important;
}
#gridShiftDeduction td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block,
.vy-reoporting-grid td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
.report-main-parent .dx-datagrid-header-panel {
    display: block;
}
.report-main-parent:has(.collapased) .dx-datagrid-header-panel {
    display: none;
}
.report-main-parent:has(.collapsed) {
}
.vy-reoporting-grid {
    max-width: 100% !important;
    height: 70vh !important;
}
span.line-divider-holiday {
    margin: 0 12px 0 16px;
    color: #CAD1DB;
}
.CalendarHolidayForm .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form,
.CalendarHolidayForm .dx-datagrid-master-detail-container.dx-datagrid-sticky-column-left {
    background-color: #EEF2F7 !important;
}
.CalendarHolidayForm .dx-datagrid-master-detail-container.dx-datagrid-sticky-column-left {
    padding: 10px 0 !important;
}
.dx-numberbox.dx-texteditor input{
    text-align: left;
}
.CalendarHolidayForm .dx-datagrid-header-panel .dx-datagrid-addrow-button .dx-button-content{
    width: 30px
}
.dx-selectbox.dx-state-hover .dx-texteditor.dx-editor-filled.dx-state-hover {
    border: 0px solid rgba(65, 65, 65, 0.31);
}
.dx-calendar-body thead th{
    text-align: center
}
.Emt-addnew, .Emt-addnew.dx-state-hover, .Emt-addnew .dx-state-focused {
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-color: transparent;
}
.dx-popup-bottom.dx-toolbar {
    padding: 5px 10px;
    overflow: visible;
}
.dx-popup-content.businessunitselector .dx-scrollable-container {
    height: 50vh;
}
#BusinessUnitSelect .dx-placeholder {
    top: 4px;
}
#BusinessUnitSelect.dx-state-hover .dx-placeholder, #BusinessUnitSelect.dx-state-hover input {
    color: #fff;
}
.dashboard-expolorer .dx-popup-content {
    padding-top: 20px;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.Vf-toolbar-batch,
.dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.Vf-toolbar-batch{
    background-color: transparent !important;
}
.Vf-toolbar-batch.salaryRevision-Toolbar {
    display: flex;
    align-items: center;
    position: fixed;
    top: 8px;
    right: 52px;
    gap: 10px
}
.Vf-add-attachments .Vf-attachment.image {
    display: flex;
    align-items: center;
}
.reportCard .dx-form.dx-widget {
    padding-bottom: 8px;
}
.dx-diagram-floating-toolbar-container.dx-widget:nth-child(1) {
    top: 14px !important;
    left: 14px !important;
}
.Vf-btn-default.smart-dash-btn.dx-state-hover .fa-check-circle:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/check-tick-fill-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.smart-dash-btn.dx-state-hover .fa-star:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/star-fill-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Org-chart-section {
    position: relative;
    width: 100%;
    height: calc(100dvh - 286px);
    background-color: #fff !important;
    padding: 7px 8px 7px 16px;
    border-radius: 6px;
    /*box-shadow: 0px 1px 4px 0px #373B6617;*/
    border: 0px;
}
#ReportingHrirarchy-voyonOrgChart {
    height: calc(100dvh - 416px);
}
#content:has(.ReportDiv .collapse-arrow.opened) .Org-chart-section {
    height: calc(100dvh - 134px) !important;
}
.pager-bar {
    text-align: center;
    padding: 12px 0;
}
.pager-bar span {
    font-size: 14px;
    color: #555;
    margin: 0 12px;
}
[id$="-voyonOrgChart"] .connector path:not(.vc-bezier-line):not(.vc-bezier-arrow) {
    opacity: 0 !important;
    pointer-events: none !important;
}
[id$="-voyonOrgChart"] .connector path.vc-bezier-line {
    opacity: 1 !important;
    fill: none !important;
    stroke: #9E9E9E !important;
    stroke-width: 1.5 !important;
    pointer-events: none;
}
[id$="-voyonOrgChart"] .connector path.vc-bezier-arrow {
    opacity: 1 !important;
    fill: #9E9E9E !important;
    stroke: none !important;
    pointer-events: none;
}
.dx-radiogroup-horizontal .dx-radiobutton {
    margin-top: 2px;
}
.dx-form.dx-widget{
    padding-bottom: 0px;
}
.dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 5px;
}
#divBenefitDetailsPanel Voyon-ChildGrids {
    padding: 0px 0;
}
#divBenefitDetailsPanel Voyon-ChildGrids {
    padding: 0px 0;
    margin-top: 0px;
}
.batch-toolbar-main {
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 15px;
    border-radius: 7px;
    background: #fff;
}
.batch-toolbar-main .batch-toolbar.grade{
    border: 1px solid #BDDEF9;
    padding: 20px;
    /* margin: 5px 10px; */
    border-radius: 5px;
    background: #EFF8FD;
    box-shadow: var(--default-shadow);
    -webkit-box-shadow: var(--default-shadow);
    -moz-box-shadow: var(--default-shadow);
}
#Workforce-Employee-Benefit-VoyonForms .dx-flex-layout {
    display: flex;
    align-items: center;
}
.dx-datagrid tr.dx-column-lines:last-child td {
    border-bottom: 0 !important;
}
.dx-datagrid tr.dx-column-lines.dx-header-row:last-child td {
    border-bottom: 1px solid #dddddd !important;
}
#divBenefitDetailsPanel .dx-datagrid-headers {
    background: rgb(255, 255, 255);
    padding-right: 10px !important;
    padding: 0 0px !important;
}
.dx-list-item-icon-container {
    margin-right: 0px;
    vertical-align: middle;
}
#onboardingAddEditDiv .vy-fullview-title {
    margin: 0px;
    padding: 9px 8px 9px 10px;
}
/*.employeeCard.familyDetails .dx-datagrid-addrow-button .dx-button-content {
    background: transparent;
    height: 30px;
    border-radius: 5px !important;
    background: var(--secondary-btn);
    padding: 3px !important;
    border-radius: 4px;
    font-size: 15px !important;
    line-height: 24px !important;
    width: 30px !important;
    height: 30px !important;
    background-position: 0 0;
    background-size: 30px 30px !important;*/
    /* margin-top: -3px; */
    /*color: #333333;
    box-shadow: none;
}*/
.Vy-maintoolbar .dx-texteditor.dx-editor-filled {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 0px;
    margin-left: 10px;
}
.supervisor-transition-section .dx-datagrid-export-button .dx-button-content {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 6px;
    padding: 7px 0;
    text-align: center;
    background: var(--secondary-btn);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 0px;
    box-shadow: none !important;
    align-items: center;
    justify-content: center;
}
.supervisor-transition-section h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}
.dx-overlay-content .dx-popup-content {
    box-sizing: content-box;
    /*max-height: 76vh;*/
    overflow-y: auto; 
    overflow-x: hidden;
}
.dx-overlay-content .dx-popup-content.notif-pulldown {
    height: 50vh !important;
    max-height: 50vh !important;
}
.dx-popup-content.dx-popup-content-scrollable.Employee-search-container {
    height: 40vh !important;
    overflow: hidden;
}
.dx-overlay-content .dx-popup-content .A-cycle-emp-pop {
    height: 74vh;
}
.Records-limitBox .dx-dropdowneditor-icon::before {
    margin-top: -4px;
    margin-left: -10px;
}
#VoyonFileUploader-VoyonGrids .dx-datagrid .dx-column-lines > td:first-child {
    padding: 0px 0px;
}
.Voyon-FileUpload .dx-row-inserted.dx-edit-row.dx-datagrid-edit-form {
    border: 0px solid #ddddddc7;
}
.dx-overlay-content:has(> .dx-popup-content.notif-pulldown) {
    height: auto !important;
}
.Employee-search-container.width-small #Employee-Info-Card {
    display: none;
}
.dx-popup-content.dx-datagrid-column-chooser-list.dx-datagrid-column-chooser-plain.dx-treeview-with-search.dx-widget.dx-collection.dx-treeview {
    min-height: 30vh !important;
    max-height: 50vh !important
}
#amendment_request_approval_remarks .dx-placeholder {
    top: 5px;
    left: 9px;
}
#personalDetailsTab-Familydetails-section-edit {
    margin-bottom: 30px;
}
.Vf-form-subgroup-caption {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--main-font);
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 12px;
}
.dx-dropdowneditor-overlay .dx-popup-content {
    max-height: 200px !important;
}
.dx-dropdowneditor-overlay .dx-popup-content.dashboard-dropdown {
    max-height: 348px !important;
}
.dx-dropdowneditor-overlay .dx-popup-content.businessunitselector {
    max-height: 100vh !important;
    height: auto !important;
}
#dateRangeTitleText input {
    width: 110px;
}
#dateRangePlusButton .fa-angle-right:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-right-icon-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#dateRangeMinusButton .fa-angle-left:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-left-icon-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#GridFooter .fa-angle-left:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-left-icon-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -2px;
}
#GridFooter .fa-angle-right:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-right-icon-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#GridFooter .dx-state-hover .fa-angle-left:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-left-icon-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#GridFooter .dx-state-hover .fa-angle-right:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/angle-right-icon-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#GridFooter .dx-button-content{
    padding: 0px 5px
}
#GridFooter #Move-Right .dx-button-content {
    padding-right: 0px;
}
.dx-texteditor-input-container textarea {
    height: 31px;
    min-height: 31px;
    scrollbar-width: none;
    resize: vertical;
}
.dx-textarea .dx-texteditor-input {
    resize: vertical;
    max-height: 100px;
}
.addnew-btn-voyongrid-childflyout .dx-button .dx-button-content {
    width: fit-content !important;
}
#GridFooter {
    display: flex;
    align-items: center;
}
.dx-datagrid-column-chooser-plain .dx-treeview-item {
    padding: 3px 6px;
    min-height: 25px;
    padding-left: 30px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0 10px 0px;
}
#gridleaveDetails {
    overflow: hidden;
}
#gridReguralizationPopup .attendance-add {
    position: fixed;
    top: 8px !important;
    right: 46px !important;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines, .gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines {
    border: 1px solid var(--primary-light-border) !important;
    display: block;
    margin-top: 10px;
    width: 692px;
    padding: 12px 13px;
    height: auto !important;
    background-color: var(--primary-light);
    border-radius: 5px;
}
#divfrmPermsion, #divfrmGblpermision, #divfrmAdminpermision {
    padding: 12px;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(2),
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(1){
    width: 35%;
    padding: 0px 12px 0px 0px;
}
#gridReguralizationPopup .dx-datagrid-headers {
    padding: 0px 13px !important;
    padding-right: 38px !important;
}
#gridReguralizationPopup table .dx-row.dx-header-row td:nth-child(2),
#gridReguralizationPopup table .dx-row.dx-header-row td:nth-child(1) {
    width: 35%;
    padding-left: 0px !important
}
#gridReguralizationPopup table .dx-row.dx-header-row td:nth-child(3) {
    padding-left: 0px !important;
}
#ShiftCalendar-grid tr.dx-column-lines:last-child td {
    border-bottom: 1px solid #e8e8e8 !important;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(3){
    width: 21%;
    padding: 0px;
    vertical-align: middle;
}
#gridReguralizationPopup table .dx-row.dx-data-row.dx-row-lines td:nth-child(4) {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: end !important;
    padding-right: 0px
}
.dx-popup-content .border-ring {
    top: 2px;
}
.check-out.fa-user-cog:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/user-cog-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.check-in.fa-user-cog:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/user-cog-green.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.dx-colorbox-color-result-preview {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    margin-top: -8.5px;
    inset-inline-start: 13px;
    background-color: inherit !important;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid var(--dx-ring-color, #000);
}
.shiftCalendarSectionMainCard {
    background-color: #fff !important;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    margin-bottom: 12px;
}
#listPayrollProcessList .dx-state-disabled .dx-list-item, #listPayrollProcessList .dx-state-disabled.dx-list-item {
    opacity: 1;
}
.shiftCalendarSectionMainCard .dx-datagrid-borders > .dx-datagrid-headers {
    box-shadow: none;
}
.shiftCalendarSectionMainCard .dx-datagrid-header-panel {
    border-radius: 7px;
    background: #EEF2F7;
    padding: 8px 8px;
    margin-bottom: 20px;
    display: none;
}
.shiftCalendarSectionMainCard .dx-datagrid-header-panel .Vf-toolbar-batch{
    padding: 0px !important;
}
.centered-data.dx-command-select,
.centered-data {
    text-align: center !important;
}
.centered-data .dx-datagrid-text-content {
    width: 100%;
    text-align: center !important;
}
.dx-datebox-time .dx-dropdowneditor-icon::before {
    content: "\f01d";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -8px;
    background: none;
}
#Attendance-OnDutyRequestDetails-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 36vh;
}
.dx-popup-content.dx-popup-content-scrollable:has(.eventSplash) {
    height: auto !important;
}
.eventSplash .dx-scrollview-content {
    height: 85dvh;
}
#Departments-VoyonListWidget {
    height: 80dvh !important;
}
#associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row span.dx-checkbox-icon,
#off-associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row span.dx-checkbox-icon {
    height: 45px;
    border-left: 6px solid #FF9C9C;
    width: 100%;
    border-radius: 7px;
    color: #901111;
}
#associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+1) span.dx-checkbox-icon,
#off-associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+1) span.dx-checkbox-icon {
    background: #E3E8F2;
    border-color: #E3E8F2;
    height: 30px;
    width: 30px;
    border-radius: 7px;
    color: #3B417C;
}
#associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+2) span.dx-checkbox-icon,
#off-associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(2n+2) span.dx-checkbox-icon {
    background: #FFBF7A;
    border-color: #FFBF7A;
    height: 30px;
    width: 30px;
    border-radius: 7px;
    color: #6D4311;
}
#associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(3n+1) span.dx-checkbox-icon,
#off-associateTaskDiv.cutomized-child .Vf-grid-child tr.dx-row.dx-data-row:nth-of-type(3n+1) span.dx-checkbox-icon {
    background: #FF9C9C;
    border-color: #FF9C9C;
    height: 30px;
    width: 30px;
    border-radius: 7px;
    color: #901111;
}
#approveSalarySchedule-scheduleEmployeeGrid .dx-datagrid-headers {
    padding: 0 0 !important;
}
#associateTaskDiv.cutomized-child .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon::before,
#off-associateTaskDiv.cutomized-child .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon::before {
    font-size: 14px !important
}
#BenefitSettings-VoucherNumberFormat-VoyonGrids .dx-datagrid-header-panel,
#Payroll-PayrollSetting-PayrollSettingIntegrationBank-VoyonGrids .dx-datagrid-header-panel,
#Benifit-BonusRuleProvision-VoyonGrids .dx-datagrid-header-panel,
#Attendance-ShiftRotation-ShiftRotationPattern-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -38px;
}
#activityDiv #Workforce-OnboardingPlan-Activity-VoyonGrids-Footer-ToolBar,
#off-activityDiv #Workforce-OffboardingPlan-Activity-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Workforce-OffboardingPlan-Activity-VoyonGrids .dx-datagrid-content td {
    padding: 0px 0px !important;
}
#Benefits-Settings-AgeCriteria-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-ResourcePlanningDetails-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -34px;
    margin-right: 5px;
}
.PaymentTabToolbar .dx-header-row td.dx-command-select.dx-datagrid-first-header {
    text-align: center !important;
}
#gridEmployeefilter-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
}
#srsEmployeeFilter-Grid td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#srsEmployeeFilter-Grid .dx-datagrid-borders > .dx-datagrid-headers {
    padding: 0 0px !important;
    box-shadow: none;
}
#scheduleEmployeeGrid .dx-pages {
    float: right;
}
#BulktabPanelContainer-approve-salary-revision .dx-tabpanel-tabs {
    padding: 0px;
    padding-bottom: 10px;
}
/*#EntityandActionSelector .dx-toolbar-items-container .dx-toolbar-before {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 12px;
}*/
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 10px 10px 6px 15px;
}
.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color: rgba(255, 86, 128, 0) !important;
    padding: 0px !important;
    border: 1px solid #a7b3c700 !important
}
#TalentAcquisition-ResourcePlanningDetails-VoyonGrids .dx-datagrid-header-panel,
#TalentAcquisition-PositionRequisitionAssets-VoyonGrids .dx-datagrid-header-panel {
    margin-top: -40px !important;
    display: block !important;
}
.search-preferece-popup .dx-popup-content{
    padding: 20px;
    height: 70dvh !important;
}
.dx-checkbox-checked .dx-checkbox-icon:before {
    content: "\f005";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -9px;
    font-weight: 600;
    font-size: 10px;
}
#profilePrescreenig_Height .dx-scrollview-content {
    padding-right: 12px;
}
#TalentAcquisition-ProfilePrescreening-VoyonGrids .dx-header-row td {
    padding: 3px 7px 3px !important;
}
.full-view-card:has(#DashboardDesigner) {
    padding: 12px;
}
form.company-tab-main-section {
    margin-left: 16px;
}
form.company-tab-main-section .dx-tabpanel-tabs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px solid #e8e8e8 !important;
}
form.company-tab-main-section #tabPanelContainer .Voyon-Forms {
    margin: 0px;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    margin-top: 0px !important;
}
.company-tab-main-section .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 50vh !important;
}
.company-tab-main-section .dx-datagrid-header-panel,
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -40px;
}
#BankChildGrid .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-last-row-border,
#countryChildGrid .dx-bordered-bottom-view.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-last-row-border {
    height: fit-content;
}
#BankChildGrid, #countryChildGrid {
    margin: 0px 16px;
}
#BankChildGrid .dx-datagrid-header-panel, #countryChildGrid .dx-datagrid-header-panel {
    display: block !important;
    margin-top: 10px;
}
.dx-htmleditor.dx-htmleditor-filled {
    border-color: transparent;
    background: rgb(255 255 255);
    border-radius: 4px;
}
.dx-button-mode-contained {
    background-color: #ffffff;
    border-color: #ffffff;
}
.dx-item.dx-box-item:has(#DailySummary) {
    flex: auto !important;
}
.PayrollListCard .dx-datagrid-headers, .PayrollListCard .dx-datagrid-rowsview {
    padding: 0 0px !important;
}
#btnCancel.dx-button-mode-contained.dx-button-default.dx-state-focused {
    background: #DAE5EA !important;
    color: #000 !important
}
.vy-text-reverted::before {
    border: 2px solid #dc362e;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -1px;
}
#gridFilteredEmployee td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#resourceMetricsGrid .dx-datagrid tr.dx-column-lines:last-child td {
    border-bottom: 1px solid #dddddd !important;
}
#employeePersonalDetails .up-photo {
    top: 46px;
}
#VoyonDashboardControl .dx-dashboard-control {
    background-color: #eeeff4 !important;
}
body.Dark-Red #VoyonDashboardControl .dx-dashboard-control {
    background-color: #FFF8FC !important;
}
body.Dark-Green #VoyonDashboardControl .dx-dashboard-control {
    background-color: #F3FFFB !important;
}
body.Dark #VoyonDashboardControl .dx-dashboard-control {
    background-color: #F5F5F5 !important;
}
body.Dark-Cyan #VoyonDashboardControl .dx-dashboard-control {
    background-color: #EDF7FF !important;
}
body.Dark-Grey #VoyonDashboardControl .dx-dashboard-control {
    background-color: #EFF6FF !important;
}
.dx-dashboard-caption-toolbar .dx-button, .dx-dashboard-caption-toolbar .dx-toolbar-item, .dx-dashboard-title-toolbar .dx-button, .dx-dashboard-title-toolbar .dx-toolbar-item {
    color: #333 !important;
}
.dx-dashboard-typography, .dx-dashboard-typography .dx-widget, .dx-dashboard-typography .dx-widget input, .dx-dashboard-typography .dx-widget textarea {
    font-family: var(--main-font) !important;
}
.dx-dashboard-title-toolbar {
    background: #fff;
    background-color: var(--white);
    border-radius: 6px;
    margin-bottom: 0px;
    box-shadow: 0px 1px 4px 0px #373B6617;
    padding: 4px 10px;
}
.dx-dashboard-ellipsis {
    line-height: normal;
    font-size: var(--font-sm);
    font-weight: 600;
    color: #010101;
}
div[data-bind*="scrollView.contentWrapperStyles"] {
    padding: 0px 0px 0px 0px !important;
}
.dx-dashboard-layout-container {
    top: 54px !important;
}
.dx-dashboard-item-container {
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
}
.dx-dashboard-export .dx-button-content {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px !important;
    box-shadow: none;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #e6e6e6;
    color: rgb(0 0 0);
}
.payroll-column-chooser-icon{
    position: absolute;
    right: 7px;
}
#gridPayrollComponentsApproval .dx-column-indicators {
    margin-right Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits.. Widely available across major browsers (Baseline since January 2018) Learn more Don't show : 10px;
}
#gridPayrollComponentsApproval .dx-icon.dx-icon-overflow::before {
    margin-top: 2px;
}
@media (min-width: 1024px) and (max-width: 1740px) {
    .dx-overlay-content .dx-popup-content {
        box-sizing: content-box;
        max-height: 76vh;
        /*height: auto !important;*/
    }
    .dx-overlay-content .dx-popup-content.notif-pulldown {
        height: 50vh !important;
    }
    .dx-popup-content.dx-popup-content-scrollable.Employee-search-container {
        height: 55vh !important;
    }
    .dx-overlay-content .dx-popup-content {
        /*height: 75vh !important;*/
    }
    .vy-reoporting-grid {
        max-width: 100% !important;
        height: 62vh !important;
    }
    .dx-popup-content.dx-popup-content-scrollable:has(.eventSplash) {
        height: auto !important;
        max-height: auto !important;
    }
    #Departments-VoyonListWidget {
        height: 68dvh !important;
    }
    .force-show-text .dx-button-text {
        display: inline !important;
    }
    .dx-overlay-content .dx-popup-content:has(#gridPayrollComponentsCompare) {
        height: auto !important;
        max-height: fit-content !important;
    }
}
.Voyon-Forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: transparent;
    border: 1px dashed #bebebe87;
}
.PayrollListCard .dx-pager {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.PayrollListCard .custom-grid-footer {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -11px;
    left: -18px;
    border-top: 0px;
}
.dx-datagrid-pager {
    border-top: 0px solid #ddd !important;
}
#gridPayrollComponentsApproval, #gridPayrollComponents, #gridDeductions, #gridAllowances, #gridSalaryRevisions {
    padding-bottom: 40px;
}
.PayrollListCard .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
    display: none !important;
}
.landing-description {
    width: 70%;
    margin-top: 7px;
}
.dx-calendar-body table th {
    color: #999;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 1px;
}
.dx-dropdowneditor-overlay .dx-popup-content:has(.dx-timeview-clock) {
    max-height: fit-content !important;
}
.dx-button[aria-label="OK"] {
    background: var(--secondary-color);
    color: #fff;
    border-radius: 5px;
    text-transform: lowercase;
    border: 0px;
}
.dx-button[aria-label="OK"] .dx-button-text::first-letter {
    text-transform: uppercase;
}
.dx-button[aria-label="Cancel"] {
    background: #DAE5EA;
    color: #222222;
    border-radius: 5px;
    border: 0px;
}
.dx-overlay-content:has(.dx-timeview-clock) .dx-popup-bottom.dx-toolbar {
    padding: 2px 0px;
    overflow: visible;
}
#amendmentApprovalRequestGrid .dx-datagrid-rowsview.dx-empty {
    height: 40vh;
}
#amendmentApprovalRequestGrid .dx-datagrid-rowsview {
    height: auto;
    min-height: 2vh;
    max-height: 40vh;
}
.dx-popup-content {
    padding: 6px 12px;
}
.dx-popup-content .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 10px !important;
}
.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0 1px;
    background-color: #dae5ea;
    border-color: #dae5ea;
    color: #222;
    width: 24px;
    height: 24px;
    font-size: 10px;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content{
    padding: 0px;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
    font-size: 12px;
}
#timeSheetDailyWise .dx-field-item-label-text {
    color: #000000;
    white-space: nowrap;
}
#training-calendar-preview .dx-button-mode-outlined.dx-state-focused {
    background-color: #fff !important;
    border-color: #fff !important;
}
#training-calendar-preview .dx-calendar-cell.dx-calendar-selected-date, #training-calendar-preview .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today,
#training-calendar-preview .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, #training-calendar-preview .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1000px #ffffff;
    box-shadow: inset 0 0 0 1000px #ffffff;
    font-weight: 400;
}
#training-calendar-preview .dx-calendar-cell span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    border-radius: 2.6em;
    width: 2.6em;
    height: 2.6em;
}
#training-calendar-preview .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-state-hover span {
    background-color: var(--secondary-color) !important;
}
.fa-help-menubar:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/sidebar-toggle-icon.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0px;
}
.dx-datagrid-column-chooser-list .dx-placeholder {
    top: 0px;
    left: 6px;
}
.dx-fileuploader-button{
    background: #fff !important;
}
.dx-fileuploader-file-container {
    background: #F2F6FB;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 12px;
    color: #222;
    position: relative
}
.dx-fileuploader-file-name {
    padding-bottom: 0px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}
.dx-fileuploader-file-size {
    font-size: 13px;
    width: fit-content;
    text-align: center;
    color: #7998b1;
    border-left: 1px solid #7998b1;
    padding: 0px;
    padding-left: 7px;
    margin-left: 10px;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    color: #d9534f;
    margin-top: 4px;
    font-weight: 500;
}
#divLearningDevelopment-TrainingProgramAndSessions .Voyon-Forms {
    margin: 0px;
}
#gridPayrollEmployee .Voyon-GridTitLe {
    margin-left: 8px;
}
.dx-popup-content:has(#statusChangeForm) {
    max-height: 68vh;
}
.attendanceLeaveBar {
    position: absolute;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
}
.attendanceLeaveLabel {
    background: var(--Onleave);
    color: #fff;
    padding: 0px 6px;
    border-radius: 10px;
    height: 24px;
    line-height: 1.8;
    border-radius: var(--border-radius);
    font-size: 10px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fullDayLeave {
    width: 100% !important;
}
.attendanceLeaveBar.fullDayLeave::before,
.attendanceLeaveBar.fullDayLeave::after, .attendanceLeaveBar::before,
.attendanceLeaveBar::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid var(--leave-color);
}
#approvalRequestGrid .dx-header-row td {
    padding: 7px !important;
}
.dx-popup-content:has(.PayslipreportViewPopup) {
    height: 74dvh !important;
}
.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container {
    display: flex;
    align-items: center;
}
.dxrd-preview-search-tab-header .dx-widget.dxrd-preview-search-button {
    background: var(--primary-color);
    color: #fff;
}
.candidate-details-main-section .Vf-tabs-default .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 4px !important;
}
.candidate-details-main-section label.dx-field-item-label.dx-field-item-label-location-left:after {
    display: none !important;
}
.Vf-card:has(#TalentAcquisition-ScheduleInterview-VoyonGrids ) .vy-fullview-title,
.Vf-card:has(#TalentAcquisition-ScheduleInterview-VoyonGrids ) .full-view-card,
#TalentAcquisition-ScheduleInterview-VoyonGrids-Header-ToolBar {
    margin: 0px;
    margin-bottom: 12px !important;
}
#CandidateInterviewDiv .dx-widget .dx-datagrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    padding: 0px 10px !important;
}
#CandidateInterviewDiv #TalentAcquisition-ScheduleInterview-VoyonGrids {
    height: 50vh !important;
    width: auto !important;
}
#candidatehistoryContainer {
    height: 64vh;
}
#CandidateNotesDiv .note-btn .note-save {
    position: absolute;
    right: 120px;
    margin: 10px;
    background: var(--secondary-color) !important;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 7px 18px 8px;
    min-width: 100px;
    font-weight: 600;
    font-size: 13px;
}
#CandidateNotesDiv .note-btn .note-cancel {
    position: absolute;
    right: 7px;
    margin: 10px;
    background: var(--danger);
    text-align: center;
    padding: 7px 18px 8px;
    min-width: 100px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
}
#btnSaveInterviewView {
    background-color: var(--secondary-color) !important;
}
#interviewPanelCaption {
    margin-top: 12px;
}
#interviewPanelCaption .Vf-btn-circle i.dx-icon.dx-icon-plus {
    margin-top: 0px;
}
#CandidateNotesDiv .input-note {
    margin: 10px 0px 0px 0px !important;
}
#CandidateNotesDiv .input-note textarea {
    width: 100%;
    height: 100px !important;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid rgb(233, 233, 233);
    padding: 15px;
    font-size: 12px;
}
.dx-texteditor-input-container.dx-tag-container {
    height: 30px;
}
.dx-designer-viewport .dxd-back-secondary-invariant {
    background-color: #ebf3f6;
    border-radius: 6px;
}
#PrepareOfferApprovalsbtn .dx-button-content, #sendOfferApprovalsbtn .dx-button-content {
    position: static !important;
    width: fit-content;
    height: 42px;
    border-radius: 4px !important;
    box-shadow: none;
    color: #fff;
    transition: all 0.3s ease;
    padding: 5px 14px;
    background: var(--secondary-color);
    border: 0px solid
}
.ti-reload.list-action-rect-Icon:before {
    margin-top: 1px;
}
#TalentAcquisition-ReferralProgram-Bonus-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -40px;
}
#Workforce-Employee-ProbationDetails-VoyonForms,
#CustomFormContainerWorkforce-Employee-EmployeeAdditionalInfo-VoyonForms {
    padding-right: 15px;
}
.employeeCard.familyDetails.noShadow.employee-details-reporting {
    box-shadow: none;
    padding: 0px !important;
    margin-top: 12px;
    padding-bottom: 0px !important;
}
#Workforce-Employee-ReportingDetails-VoyonGrids-Title {
    margin-top: 0px;
    top: 18px;
    left: 12px;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 7px 6px;
}
.dx-popup-content.dx-popup-content-scrollable:has(#profilePrescreenig_Height) {
    height: 80dvh !important;
}
.dx-calendar-cell.dx-calendar-today {
    font-weight: 700;
    color: var(--secondary-color);
}
.dx-treelist-container {
    color: #333;
    background-color: transparent !important;
}
.leaverequest-fullview {
    height: 100vh;
    overflow-y: scroll;
}
#divgeneralTab {
    margin: 0px;
}
#sectionData .Vf-grid-child,
#sectionData .inline-grid,
#sectionData .dx-datagrid,
#sectionData .dx-datagrid-rowsview {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
#EntityandActionSelector .LEc-toolbar-caption-text {
    padding-left: 18px;
}
.dx-popup-content.dx-popup-content-scrollable:has(#Export-Import) {
    height: 74vh !important;
}
#Workforce-EmployeeProbation-VoyonGrids .dx-datagrid-header-panel .dx-toolbar-button .dx-icon.dx-icon-overflow::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/filter-secondary-icon-dark.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dx-button-has-text .dx-button-content {
    padding: 8px 10px 8px;
}
#TalentAcquisition-CandidateDatabase-VoyonGrids .single-action .dx-item.dx-buttongroup-item.dx-item-content {
    top: -8px;
    left: -2px;
}
#bulkbutton {
    width: fit-content !important;
}
#bulkbutton .dx-button-text{
    display: none;
}
#bulkbutton .dx-button-content{
    padding: 0px;
}
#bulkbutton  .dx-button-content img {
    top: 0px;
    width: 20px !important;
    height: 20px !important;
    margin-right: 0px;
}
#candidateViewDiv .cd-right.candidate-details-main-section #candidateInterviewEditorViewPage {
    background: #fff !important;
    padding: 0px;
    padding-top: 0px !important;
    margin: 0px;
}
#candidateViewDiv .cd-right.candidate-details-main-section #candidateInterviewEditorViewPage .full-view-card.interview-view-title-btn-group {
    padding: 0px;
    margin: 0px;
}
#candidateViewDiv .cd-right.candidate-details-main-section .vy-fullview-title{
    border-bottom: 0px;
    box-shadow: none !important;
    padding: 0px !important;
}
#training-calendar-filter {
    background: var(--secondary-btn);
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    box-shadow: none;
}
#training-calendar-filter .fa-filter:before {
    margin-top: 2px;
}
#ESS-RegularizationRequests-VoyonGrids #dateRangeTitleText input {
    width: 100%;
}
#gridEssLeaveSummary tr.dx-row td {
    padding: 4px 0px;
}

#gridShiftDeduction-Footer-ToolBar {
    position: absolute;
    bottom: -4px;
    padding: 12px;
}
#loadShiftAllowanceDeductionBtn {
    background-color: var(--secondary-color) !important;
    color: #fff;
    margin-left: 0px;
    height: 30px;
    border-radius: 6px;
    font-weight: 200;
    width: fit-content !important;
}
#gridShiftAllownace-Footer-ToolBar {
    position: absolute;
    bottom: -7px;
    padding: 10px;
}
#scheduleEmployeeGrid .dx-datagrid-header-panel {
    display: block !important;
}
#scheduleEmployeeGrid .dx-datagrid-rowsview, #scheduleEmployeeGrid .dx-datagrid-headers,
.salary-schedule-grid-card #scheduleEmployeeGrid .dx-datagrid-rowsview {
    padding: 0px 0px !important
}
#scheduleEmployeeGrid .dx-datagrid-table {
    border-top: 1px solid #ddd;
}
#scheduleEmployeeGrid-Footer-ToolBar {
    margin-top: -40px !important;
}
#scheduleEmployeeGrid-Footer-ToolBar .dx-dropdowneditor-input-wrapper.dx-selectbox-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 10px;
}
#scheduleEmployeeGrid-Footer-ToolBar .dx-texteditor.dx-editor-filled {
    border: 0px solid #A7B3C7;
}
#gridFestivalBonusOnHoldEmployee .dx-datagrid-header-panel {
    display: block !important;
}
.PayrollListCard.Payout.FestivalBonusSection {
    height: auto !important;
    padding-bottom: 0px !important;
    margin-top: 0px;
    overflow: hidden;
    border: 1px solid #ddd;
}
#divBenefits-FestivalBonus.Voyon-Forms.Vf-form-view-mode {
    padding: 6px !important;
}
#CustomFormContainerBenefits-FestivalBonus-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: #A7B3C7 !important;
    padding-left: 7px !important;
    padding-top: 2px !important;
    background: #f9f9f991 !important;
}
.Voyon-Forms.Vf-form-view-mode #CustomFormContainerBenefits-FestivalBonus-VoyonForms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: #fff !important;
    padding-left: 0px !important;
    padding-top: 2px !important;
    background: #fff !important;
}
#Benefits-FestivalBonusEmployee-VoyonGrids .dx-datagrid-header-panel.d-none {
    display: block !important;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover, .dx-button-mode-contained.dx-button-default.dx-state-focused {
    background-color: color-mix(in srgb, var(--secondary-color), #000 10%);
}
.Vf-btn-danger.dx-button-mode-contained.dx-state-hover, .dx-button-mode-contained.Vf-btn-danger.dx-state-focused {
    background-color: color-mix(in srgb, #DAE5EA, #000 10%);
}
ul#statusCount .employeeStatusFilter {
    opacity: 0.8;
}
ul#statusCount .employeeStatusFilter.selected {
    opacity: 1;
}
#recovery-schedule-forms .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border: 1px solid rgba(65, 65, 65, 0.31) !important;
    padding: 7px 9px 8px !important;
}
.dx-datagrid-total-footer > .dx-datagrid-content {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.salarySchedulegrid-body {
    margin-top: 16px;
}
.appraisal-cycle-section .preview-sub-card,
.appraisal-cycle-section .preview-sub-card.dx-field-item:not(.dx-first-row) {
    padding-top: 18px !important;
}
.Vf-action-grid-btn.custom-btn .dx-button-content {
    padding: 0px !important;
}
#sectionData .section-separator {
    position: absolute;
    right: 56px;
    top: 23px;
    color: #dae5ea;
}
#sectionData .section-weightage {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    position: absolute;
    right: 58px;
    top: 23px;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px / 14px DXIcons;
    color: #efefef00;
    text-align: center;
    border-radius: 4px !important;
    border: 1px solid #ddd;
    background: #f7f7f7;
}
#wemployeeInfoTab .custom-dx-grid .dx-pager .dx-pages .dx-info {
    position: absolute;
    left: 122px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids-Title {
    left: 13px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -47px;
}
#SystemSettings-UserCompanyInfo-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-datagrid-sticky-columns {
    height: 32vh !important;
}
#Voyon-Grids:has(#SystemSettings-UserCompanyInfo-VoyonGrids) {
    margin-top: 18px;
}
.dx-popup-content:has(#SystemSettings-UserCompanyInfo-VoyonGrids) {
    padding-top: 12px;
    height: 80vh !important;
}
#KraGoalsProgressGrid {
    height: 56vh !important;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 9px;
    padding: 6px;
}
.dx-popup-content:has(#KraGoalsProgressForm) .Vf-accordion.opened {
    border-radius: 6px;
    padding: 18px;
    border: 0px;
    padding-top: 0px;
}
.appraisal-template-card #sectionData .section-weightage {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    position: relative;
    right: 0px;
    top: 0px;
    margin-right: 0px;
}
.dx-popup-title .dx-icon-close:before {
    content: "\e646";
    margin-left: -2px;
}
#AttendanceLogSummary-grid .dx-datagrid tr.dx-column-lines:last-child td {
    border-bottom: 1px solid #dddddd !important;
}
#AttendanceLogSummary-grid td.dx-datagrid-sticky-column-left:nth-of-type(2) span {
    width: 78%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
#Workforce-Employee-ProbationDetails-VoyonForms,
#CustomFormContainerWorkforce-Employee-AcquiredDetails-VoyonForms,
#Workforce-Employee-EmployeeAdditionalInfo-VoyonForms {
    margin-top: 14px;
}
#Workforce-Employee-ReportingDetails-VoyonGrids .dx-datagrid-addrow-button .dx-button-content {
    position: absolute !important;
    right: 10px !important;
    z-index: 999;
    top: 16px !important;
    height: 30px;
    padding: 15px 10px;
    color: #fff;
}
.lblFilterFromPipeline {
    border-left: 1px solid #a3a3a3;
    height: 26px;
    width: 0px;
    margin: 0 5px;
}
.PayrollListCard .custom-grid-footer .dx-texteditor.dx-editor-filled {
    margin-left: 0px;
}
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-row-focused:not(.dx-edit-row):not(.dx-row-lines) > td:not(.dx-editor-cell,.dx-master-detail-cell), .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-selection:not(.dx-edit-row):not(.dx-row-lines) > td:not(.dx-editor-cell,.dx-master-detail-cell) {
    padding-bottom: 7px;
}
/*#TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-row-focused:not(.dx-edit-row):not(.dx-row-lines) > td:not(.dx-editor-cell,.dx-master-detail-cell), #TalentAcquisition-ESSOfferApproval-VoyonGrids .dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row.dx-selection:not(.dx-edit-row):not(.dx-row-lines) > td:not(.dx-editor-cell,.dx-master-detail-cell) {
    padding-bottom: 0px;
}*/
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-data-row:not(.dx-row-lines,.dx-edit-row,.dx-selection,.dx-row-focused,.dx-row-removed) > td:not(.dx-editor-cell,.dx-master-detail-cell) {
    padding-top: 7px;
    padding-bottom: 7px;
}
.Vf-form-view-mode #project-task-grid .dx-texteditor.dx-editor-filled {
    border: 1px solid #cccccc !important;
    padding-left: 6px !important;
}
#accrualDetailsGrid .dx-header-row td {
    padding: 12px 7px 3px !important;
}
#addNewBtn i.dx-icon.ti.ti-plus {
    color: #222;
}
#addNewBtn .dx-button-content {
    padding: 0px 0px 0px !important;
}
.dx-datagrid-headers::before {
    border-bottom: 0px solid #dddddd;
}
tr.dx-row.dx-column-lines.dx-datagrid-filter-row {
    border-bottom: 1px solid #dddddd;
}
#gridPayrollEmployee .dx-row .dx-command-select {
    padding-left: 0px;
}
#lblEmplpendingPayrollCount span {
    margin-left: 6px;
}
#drpYearSelection.dx-state-hover .dx-dropdowneditor-icon{
    background: transparent !important
}
.vy-text-active.NewJoinee::before {
    border: 2px solid #3B82F6;
}
.vy-text-active.OnNotice::before {
    border: 2px solid #F59E0B;
}
.vy-text-active.Separated::before {
    border: 2px solid #EF4444;
}
.PayrollListCard.Payout .dx-texteditor-input {
    padding: 4px 0px 4px 5px !important;
    max-height: 20px !important;
    font-size: 12px;
}
.PayrollListCard.Payout #mainPageSizeBox {
    width: 56px !important;
}
#gridPayrollProcessAttendanceEmployeesAbsentDays .dx-datagrid-export-button {
    margin-right: 10px;
    margin-top: 8px;
}
#gridFilteredEmployee .dx-datagrid-search-panel {
    margin-right: 0px;
    width: 280px !important;
}
.dx-item.attendance-add .dx-button .dx-button-text {
    display: block !important;
}
div#ProjectManagement-ProjectTask-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Payroll-RecordPayment-VoyonGrids .Vf-action-grid-btn {
    margin-top: 1px;
}
#LoanManagement-LoanRequest-VoyonForms .dx-field-item:not(.dx-last-col) {
    -webkit-padding-end: 0px !important;
    padding-inline-end: 0px !important;
}
offlineScribingCalender .dx-scheduler-navigator {
    display: none;
}
#AssetManagement-AssetLost-Details-VoyonGrids-Footer-ToolBar {
    display: none;
}
.kra-goal-grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.kra-goal-grid thead th {
    font-size: 12px;
    font-weight: 500;
    color: #8a8a8a;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid #e5e5e5;
}
.kra-goal-grid tbody td {
    padding: 10px;
    font-size: 13px;
    color: #222;
    border-bottom: 1px dashed #dcdcdc;
    vertical-align: middle;
}
.kra-goal-grid tbody tr:last-child td {
    border-bottom: none;
}
.kra-goal-grid .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* =========================================
WITH DESCRIPTION
========================================= */
.kra-goal-grid.with-description th:nth-child(1),
.kra-goal-grid.with-description td:nth-child(1) {
    width: 24%;
}
.kra-goal-grid.with-description th:nth-child(2),
.kra-goal-grid.with-description td:nth-child(2) {
    width: 38%;
}
.kra-goal-grid.with-description th:nth-child(3),
.kra-goal-grid.with-description td:nth-child(3) {
    width: 8%;
}
.kra-goal-grid.with-description th:nth-child(4),
.kra-goal-grid.with-description td:nth-child(4) {
    width: 8%;
}
.kra-goal-grid.with-description th:nth-child(5),
.kra-goal-grid.with-description td:nth-child(5) {
    width: 10%;
}
.kra-goal-grid.with-description th:nth-child(6),
.kra-goal-grid.with-description td:nth-child(6) {
    width: 8%;
}
.kra-goal-grid.with-description th:nth-child(7),
.kra-goal-grid.with-description td:nth-child(7) {
    width: 12%;
}
/* =========================================
WITHOUT DESCRIPTION
========================================= */
.kra-goal-grid.without-description th:nth-child(1),
.kra-goal-grid.without-description td:nth-child(1) {
    width: 62%;
}
.kra-goal-grid.without-description th:nth-child(2),
.kra-goal-grid.without-description td:nth-child(2) {
    width: 8%;
}
.kra-goal-grid.without-description th:nth-child(3),
.kra-goal-grid.without-description td:nth-child(3) {
    width: 8%;
}
.kra-goal-grid.without-description th:nth-child(4),
.kra-goal-grid.without-description td:nth-child(4) {
    width: 10%;
}
.kra-goal-grid.without-description th:nth-child(5),
.kra-goal-grid.without-description td:nth-child(5) {
    width: 8%;
}
.kra-goal-grid.without-description th:nth-child(6),
.kra-goal-grid.without-description td:nth-child(6) {
    width: 12%;
}
.dx-accordion-item {
    margin-bottom: 12px;
    border: 1px solid #dfe3e8 !important;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.dx-accordion-item-title {
    background: #fff;
    padding: 12px 16px;
}
.dx-accordion-item-body {
    padding: 0 16px 16px 16px;
}
.kra-header {
    width: 100%;
}
.kra-grid-container {
    width: 100%;
}
.dx-radiobutton-icon.dx-radiobutton-icon-checked:before {
    border: 1px solid var(--vf-button-primary) !important;
}
#Attendance-LatePolicy-Deduction-VoyonGrids td.dx-command-edit.dx-command-edit-with-icons.dx-datagrid-sticky-column-right.dx-datagrid-sticky-column-border-left {
    text-align: right !important;
}
#Attendance-Settings-RegularizationScenarios-VoyonGrids-Footer-ToolBar,
#Attendance-LatePolicy-Deduction-VoyonGrids-Footer-ToolBar,
#Attendance-ShortTimePolicy-Slab-VoyonGrids-Footer-ToolBar,
#Attendance-DayOffPatternSettings-VoyonGrids-Footer-ToolBar,
#Attendance-WorkPattern-Regularizations-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-item.dx-toolbar-item.dx-toolbar-button.Vf-btn-default.Vf-btn-circle.Add-new-sep {
    padding-right: 4px;
}
#Attendance-ShortTimePolicy-Slab-AddButton {
    margin-right: 4px;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-header-row td {
    padding: 7px 7px 3px !important;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids-Title {
    padding-left: 0px !important;
}
#CustomFormContainerAttendance-LatePolicy-VoyonForms {
    margin-bottom: 18px;
}
#Attendance-LatePolicy-VoyonForms .dx-item.dx-box-item {
    margin-bottom: 2px;
}
#AbsenceForm .Vf-btn-circle i.dx-icon.dx-icon-plus {
    color: #333;
}
.content-wrapper.container-fluid {
    padding-top: 60px;
    padding-left: 0px;
}
.dx-popup-content .dx-item-content.dx-list-item-content .custom-item img {
    margin: 0 8px 0 6px;
}
#alertconfigform .dx-switch-on {
    color: #000;
}
#SystemSettings-General-EmailTemplate .dx-htmleditor.dx-htmleditor-filled {
    min-height: 220px !important;
}
.dx-radiobutton-icon.dx-radiobutton-icon-checked:before {
    border: 1px solid var(--vf-button-primary) !important;
}
#Attendance-LatePolicy-Deduction-VoyonGrids td.dx-command-edit.dx-command-edit-with-icons.dx-datagrid-sticky-column-right.dx-datagrid-sticky-column-border-left {
    text-align: right !important;
}
#Attendance-Settings-RegularizationScenarios-VoyonGrids-Footer-ToolBar,
#Attendance-LatePolicy-Deduction-VoyonGrids-Footer-ToolBar,
#Attendance-ShortTimePolicy-Slab-VoyonGrids-Footer-ToolBar,
#Attendance-DayOffPatternSettings-VoyonGrids-Footer-ToolBar,
#Attendance-WorkPattern-Regularizations-VoyonGrids-Footer-ToolBar {
    display: none;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-item.dx-toolbar-item.dx-toolbar-button.Vf-btn-default.Vf-btn-circle.Add-new-sep {
    padding-right: 4px;
}
#Attendance-ShortTimePolicy-Slab-AddButton {
    margin-right: 4px;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids .dx-header-row td {
    padding: 7px 7px 3px !important;
}
#Attendance-OvertimePolicy-Slab-VoyonGrids-Title {
    padding-left: 0px !important;
}
#CustomFormContainerAttendance-LatePolicy-VoyonForms {
    margin-bottom: 18px;
}
#Attendance-LatePolicy-VoyonForms .dx-item.dx-box-item {
    margin-bottom: 2px;
}
#AbsenceForm .Vf-btn-circle i.dx-icon.dx-icon-plus {
    color: #333;
}
.content-wrapper.container-fluid {
    padding-top: 60px;
    padding-left: 0px;
}
.dx-popup-content .dx-item-content.dx-list-item-content .custom-item img {
    margin: 0 8px 0 6px;
}
#alertconfigform .dx-switch-on {
    color: #000;
}
#SystemSettings-General-EmailTemplate .dx-htmleditor.dx-htmleditor-filled {
    min-height: 220px !important;
}
tr.dx-row.dx-column-lines.dx-datagrid-filter-row td {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin: 5px !important;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #e8e8e8;
    line-height: 26px;
}
.Leave_request_page #LeaveManagement-LeaveRequest-VoyonGrids .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .Vf-action-grid-btn .dx-link.ti-pencil {
    font-size: 17px;
    position: relative;
    top: 2px;
}
.dx-command-edit .dx-link.ti.ti-file.Vf-action-grid-btn.list-action-rect-Icon.leaveSettlement:before {
    margin-top: 0px;
}
#Benefit-Advance-VoyonGrids #drpFilterType {
    margin-right: 10px;
}
#Benefit-Advance-VoyonGrids #lblFilterTo {
    margin-left: 10px;
    margin-right: 10px;
}
#Benefit-AdvanceSettlement-VoyonForms .dx-datagrid-rowsview{
    border-radius: 0px 0px 8px 8px;
    height: auto !important;
    min-height: auto;
    max-height: 30vh !important;
}
#Benefit-AdvanceSettlement-VoyonForms .dx-datagrid-rowsview.dx-empty {
    height: 24vh !important;
}
#Bulk-EditPopupForm {
    margin-top: 12px;
}
#gridFilteredEmployeeIncentive {
    height: 46vh !important;
}
.dx-popup-content.dx-popup-content-scrollable:has(#gridFilteredEmployeeIncentive) {
    height: auto !important;
}
#gridFilteredEmployeeIncentive .dx-datagrid-headers {
    padding: 0 0px !important;
    padding-right: 0px !important;
}
#gridFilteredEmployeeIncentive td.dx-command-select.dx-editor-cell,
.incentive-process-childgrid td.dx-command-select,
.incentive-process-childgrid td.dx-command-select.dx-editor-cell {
    text-align: left !important;
}
.dx-popup-content:has(#Fly-Out-Form) {
    height: calc(100dvh - 170px) !important;
    padding-top: 14px;
}
#flexiPayReimbursementDiv .dx-datagrid tr.dx-column-lines.dx-header-row:last-child td {
    border-bottom: 0px solid #dddddd !important;
}
#vehicleRequestButtonGroup .dx-button-content {
    padding: 0px;
}
#PendingGrid .dx-header-row .dx-command-edit {
    text-align: left !important;
}
.dx-overlay-content .dx-popup-content:has(#eventsList) {
    max-height: auto !important;
}
.dx-dropdowneditor-overlay .dx-popup-content:has(.dx-colorview-container) {
    max-height: fit-content !important;
}
#divfrmAdminpermision {
    padding-bottom: 0px;
}
/*.dx-overlay-content .dx-popup-content.dx-popup-content-scrollable{
    height: calc(100dvh - 186px) !important
}*/
#KraForm .dx-accordion-item {
    margin-bottom: 12px;
}
.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader.wd-popups .dx-popup-content.dx-popup-content-scrollable {
    height: auto !important;
}
#gridShiftAllownace .Voyon-GridTitLe {
    padding-left: 14px;
}
.payrollTabToolbar .dx-datagrid-total-footer > .dx-datagrid-content {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#docTemplateViewerDiv .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    width: 14px;
    height: 14px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}
#docTemplateViewerDiv .dx-toolbar, #docTemplatePreviewDiv .dx-toolbar {
    background-color: rgba(191, 191, 191, 0);
    padding: 0px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0%);
    opacity: .98;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 6%);
}
.dx-tooltip-wrapper .dx-overlay-content:has(.cell-row.training-calendar-cell-row) {
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    color: #333;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    border-radius: 9px;
    overflow: hidden;
}
.dx-tooltip-wrapper .dx-overlay-content .dx-scrollview-content:has(.cell-row.training-calendar-cell-row) {
    padding-right: 0px !important
}
#Voyon-Reporting-Grids td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px !important;
}
#employeeInfoTab .dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: transparent;
    border: 1px dashed transparent;
}
.report-main-parent:has(.reportCard.hidden) .vy-reoporting-grid {
    max-width: 100% !important;
    height: calc(100dvh - 192px) !important;
}
.dx-dialog-message {
    padding-top: 12px;
}
dashboard-docking-layout.dx-dashboard-viewer.dx-dashboard-container div:has(dashboard-title) {
    top: 2px !important;
    left: 2px !important;
}
.dx-popup-content.dx-popup-content-scrollable:has(#tileViewBirthdayComments) {
    height: calc(100dvh - 180px) !important;
    max-height: calc(100dvh - 180px) !important;
}
#SystemSettings-General-EmailTemplate .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background-size: 12px 12px;
    padding: 0;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    margin-right: 0;
    margin-left: 0;
}
#SystemSettings-General-EmailTemplate .dx-htmleditor .dx-htmleditor-toolbar-wrapper {
    padding: 0px;
    position: relative;
}
#resumeParsing .dx-layout-manager.dx-widget .dx-item-content .dx-item.dx-box-item {
    align-items: flex-end;
}
#divfrmPermsion .dx-header-row td {
    padding: 3px 7px 3px !important;
}
.dx-datagrid-borders > .dx-datagrid-headers {
    border-radius: 6px 6px 0px 0px;
}
#Attendance-LatePolicy-Deduction-VoyonGrids .dx-datagrid-header-panel {
    display: block !important;
    margin-top: -24px;
}
#gridGeoTagEmployee .dx-datagrid-header-panel {
    display: block !important;
    margin-top: 2px;
    padding: 6px;
}
#grid-filtered-emps td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#RelatedTask {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 16px;
}
#Workforce-Employee-ReportingDetails-VoyonGrids-Footer-ToolBar {
    box-shadow: none !important;
    border-top: 1px solid #ddd;
    border-radius: 0px;
    padding-bottom: 0px !important;
}
.dx-popup-content.dx-popup-content-scrollable:has(#offboardingForm) {
    height: calc(100dvh - 180px) !important;
}
#resourceMetricsGrid {
    height: auto !important;
}
.Vf-card.resource-metrics-card.salary-schedule-grid-card {
    overflow: auto;
}
.dx-treelist-scrollable-simulated .dx-editor-container .dx-radiogroup-horizontal .dx-widget.dx-collection {
    padding: 7px;
    min-height: 33px;
    align-items: center;
}
.Vf-popup-form-footer {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after, .dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid::after {
    border-color: rgba(92, 184, 92, .5);
    border: 1px solid rgba(92, 184, 92, .5);
}
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
    padding: 5px !important;
}
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-datagrid .dx-column-lines > td:first-child.dx-editor-cell,
#LeaveManagement-Leave-Deduction-VoyonGrids .dx-datagrid .dx-column-lines > td:first-child.dx-editor-cell{
    max-width: 0;
    vertical-align: middle;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.LeavePolicyContainer {
    padding-bottom: 22px;
}
#LeaveManagement-Leave-SettlementPaymentSplitip-VoyonGrids .dx-header-row td {
    padding: 12px 7px 3px !important;
}
.dx-button[aria-label="Today"] {
    background: var(--secondary-color);
    color: #fff;
    border-radius: 5px;
    border: 0px;
    margin-left: 4px;
}
#OrgChart-voyonOrgChart .dx-diagram-floating-toolbar-container.dx-widget {
    left: 4px !important;
    top: 4px !important;
    width: 234px !important;
}
#trainingDetailsDiv .dx-bordered-bottom-view {
    height: calc(100dvh - 456px) !important;
}
#assetDetailsDiv .dx-bordered-bottom-view {
    height: calc(100dvh - 416px) !important;
}
/* allow horizontal scroll for grids inside notification full-view */
.full-view-card.full-view-card-notification-review .vy-view-content.vy-view-content-notification-section .Vf-grid-default,
.full-view-card.full-view-card-notification-review .vy-view-content.vy-view-content-notification-section .dx-datagrid {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
/* let the internal table size itself (so a horizontal scroll appears when content is wider) */
.full-view-card.full-view-card-notification-review .vy-view-content.vy-view-content-notification-section
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-table,
.full-view-card.full-view-card-notification-review .vy-view-content.vy-view-content-notification-section
.dx-datagrid .dx-datagrid-headers .dx-datagrid-table {
    width: auto !important;
    min-width: 100% !important;
}
.full-view-card-notification-review .btn-group {
    justify-content: flex-end;
}
.badgePopupContent.lv-request-btn .full-view-card.full-view-card-notification-review {
    height: calc(100dvh - 235px) !important;
}
.dx-treelist-text-content {
    overflow: visible;
}
#DailyAttendance-VoyonListWidget .dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view,
#DailyAttendance-VoyonListWidget .dx-bordered-bottom-view.dx-datagrid-rowsview {
    padding: 0 0px !important;
}
#DailyAttendance-VoyonListWidget-Footer-ToolBar .Records-limitBox .dx-texteditor-input {
    text-align: left;
    padding-left: 6px;
}
#UserPreferenceForm .dx-checkbox-checked .dx-checkbox-icon:before {
    content: "\f005";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -6px;
    font-weight: 600;
    font-size: 10px;
}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
    border: 0px solid #5c95c5;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
    padding-left: 32px !important;
}
#gridPayrollComponents .dx-pager,
#gridPayrollComponentsApproval .dx-pager {
    position: absolute;
    bottom: -44px;
    right: 10px;
}
#gridPayrollEmployee .dx-datagrid-nowrap.dx-empty {
    height: calc(100dvh - 346px) !important;
    max-height: calc(100dvh - 346px) !important;
}
#BulktabPanelContainer #divAttendeesPanel .dx-datagrid-nowrap.dx-empty {
    height: calc(100dvh - 430px) !important;
    max-height: calc(100dvh - 430px) !important;
}
#badgePopupContent #gridPayrollComponents {
    height: auto !important;
}
.PMF-desc p {
    line-height: 16px;
}
#payrollProcess-attendance .dx-datagrid-table .dx-header-row {
    height: 38px;
    border-bottom: 1px solid #ddd;
}
.kra-field-value .dx-numberbox.dx-texteditor input {
    text-align: left;
    padding-left: 4px;
}
#TalentAcquisition-ResourcePlanningDetails-VoyonGrids-Footer-ToolBar {
    background: transparent !important;
    width: fit-content;
    float: right;
}
#resourcePlanningEdit #participantGridFooter {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.jobopeningApplied span.dx-texteditor-input {
    color: #000;
}
.jobopeningApplied .dx-state-readonly .dx-texteditor-input {
    color: #000;
    padding-top: 0px;
}
.jobopeningApplied .dx-texteditor-input-container input {
    height: 30px;
}
.jobopeningApplied .dx-texteditor-input {
    min-height: 16px;
}
#BlackListForm .dx-texteditor-input-container textarea {
    height: 100%;
    max-height: 100%;
}
#TalentAcquisition-SelectionProcess-VoyonGrids .ti-reload.list-action-rect-Icon:before {
    margin-top: 3px;
}
#goalForm .dx-textarea .dx-texteditor-input {
    height: 200px !important;
    min-height: 50px !important;
    max-height: 200px !important;
}
#arrear_components_grid {
    height: auto;
    margin-bottom: 44px;
}
#EmployeeList.Appraisees_Flyout .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon:before {
    margin-top: -8px;
    margin-left: -5px;
}
.leaveHistoryGridWrapper #participantPageSize {
    margin-right: 0px !important;
}
#LoanManagement-LoanRequest-VoyonForms .dx-numberbox.dx-texteditor input,
#LoanManagement-LoanRequest-VoyonForms .dx-textarea .dx-texteditor-input-container textarea {
    text-align: left;
    border: 1px solid #c4c4c4;
    padding-left: 7px;
}
#LoanManagement-LoanRequest-VoyonForms .dx-numberbox.dx-texteditor input:read-only {
    text-align: left;
    border: 0px solid #c4c4c4;
    padding-left: 0px !important;
}
.bellCurveAnalysisMainContainer .dx-icon.fas.fa-list-icon::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/list-icon-bellcurve.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2px;
}
.btn-chart-grid-icon .dx-icon.fas.fa-list-icon::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/list-icon-bellcurve.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2px;
}
.btn-chart-grid-icon.active .dx-icon.fas.fa-list-icon::before,
.btn-chart-grid-icon:hover .dx-icon.fas.fa-list-icon::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../img/vy-images-v2/Icons/Common-icons/list-icon-bellcurve-white.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2px;
}
.Review-chartExpand .dx-button-content {
    padding: 0px;
    width: 30px;
    height: 30px;
}
.Review-chartExpand .dx-button-content .dx-icon{
    color: #555;
    font-size: 15px;
}
.Review-chartExpand {
    position: static !important;
    display: inline-flex;
    align-items: center;
    background: var(--secondary-btn) !important;
    margin: 0px;
    width: 30px;
}
#bellCurveGrid {
    box-shadow: none;
    margin-bottom: 0px;
    border: 0px solid #ddd;
}
#bellCurveGrid .dx-bordered-bottom-view{
    height: auto !important;
    max-height: 40vh !important;
}
#bellCurveGrid .dx-bordered-bottom-view.dx-empty {
    height: 24vh !important;
}
#bellCurveGridAccordion .Vf-card.bell-curve-grid-card {
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 10px;
}
#bellCurveHeaderToolbar {
    padding: 0px 0px 8px 6px;
    border-bottom: 1px solid #ddd;
}
#bellCurveGrid .dx-datagrid-rowsview, #bellCurveGrid .dx-datagrid-headers {
    padding: 0px 0px !important;
}
#bellCurveGrid-Footer-ToolBar {
    padding: 0px;
    padding-top: 6px;
    border-top: 1px solid #ddd;
}
#bellCurveGridTitle {
    font-weight: 600;
}
#bellCurveExportButton {
    background: var(--secondary-btn) !important;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 0px;
    border: 1px solid var(--secondary-btn) !important;
}
#bellCurveExportButton .dx-button-content{
    padding: 0px
}
form.company-tab-main-section #tabPanelContainer .vy-view-content {
    margin: 0px;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    margin-top: 0px !important;
    height: calc(100dvh - 208px);
    overflow-y: auto;
}
form.company-tab-main-section #tabPanelContainer .Voyon-Forms.company-infos {
    margin: 0px;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    margin-top: 0px !important;
    height: calc(100dvh - 208px);
    overflow-y: auto;
}
form.company-tab-main-section #tabPanelContainer .Voyon-Forms:has(#CustomFormContainerSystemSettings-Company-GeneralSettings-VoyonForms),
form.company-tab-main-section #tabPanelContainer .Voyon-Forms:has(#salaryGradeForm) {
    padding: 0px;
}
form.company-tab-main-section #tabPanelContainer .Voyon-Forms #CustomFormContainerSystemSettings-Company-GeneralSettings-VoyonForms,
form.company-tab-main-section #tabPanelContainer .Voyon-Forms #salaryGradeForm {
    padding: 16px;
    overflow: auto;
    height: calc(100dvh - 190px);
}
#LeaveManagement-LeavePolicy-LeaveAvailPolicySlab-VoyonGrids .dx-bordered-bottom-view.dx-datagrid-rowsview:has( .dx-datagrid-table td:not(:empty) ) {
    height: auto !important;
    max-height: 40vh;
    min-height: 20vh;
}
.Voyon-Forms.Vf-form-view-mode-null.company-infos.Mobile-Logo-Uploader.row {
    height: auto !important;
    padding: 26px 10px !important;
    overflow-y: hidden !important;
}
#chatbot-questions .dx-bordered-bottom-view.dx-treelist-rowsview.dx-treelist-nowrap {
    border-radius: 6px 6px 0 0 !important;
    overflow: hidden
}
#chatbot-questions-Footer-ToolBar {
    margin-top: 0px;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
}
.PaymentsGrid .common-card-titile-section {
    position: absolute;
    padding: 5px;
}
#notifyTo, #notifyBy, #pendingFilterButton {
    width: 180px !important;
}
#employeeListSection .Appraisees_Flyout .dx-widget.dx-button {
    background: #fff;
}
.dx-htmleditor.dx-htmleditor-filled.dx-state-active, .dx-htmleditor.dx-htmleditor-filled.dx-state-focused {
    background-color: #fff;
    border-color: #e7eaef;
}
#chatbot-questions-Footer-ToolBar .total-records {
    border-left: 0px solid #909090;
    padding-left: 0px;
}
#EmployeeList.Appraisees_Flyout .dx-master-detail-row.dx-adaptive-detail-row .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    margin-bottom: 0px;
    width: 80%;
    margin-left: 100px;
}
#Payroll-Register-dxReport-Custom td.dx-command-select.dx-editor-cell {
    text-align: left !important;
}
.attendance-main-header-section #dateRangeTitleText input {
    width: 100%;
}
.BenifitSettings-GD #arrear_components_grid {
    height: auto !important;
    margin-bottom: 0px;
}
#EmployeeList .dx-checkbox-checked .dx-checkbox-icon:before {
    content: "\f005";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -5px;
    font-weight: 600;
    font-size: 10px;
}
#employeeViewDiv #employeeInfoTab .dx-header-row td {
    padding: 12px 7px 3px !important;
}