/* Solar Icons by 480 Design, CC BY 4.0. See /icon-credits.html.
   Icon artwork only: keep existing dimensions, status colors and control behavior. */
.solar-icon { flex-shrink: 0; vertical-align: middle; }
.action-button.service-record span { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.leave-icon-total::before { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.leave-icon-vacation::before { -webkit-mask-image: url("../icons/solar/linear/vacation.svg"); mask-image: url("../icons/solar/linear/vacation.svg"); }
.leave-icon-sick::before { -webkit-mask-image: url("../icons/solar/linear/sick.svg"); mask-image: url("../icons/solar/linear/sick.svg"); }
.leave-icon-others::before { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.icon-search { -webkit-mask-image: url("../icons/solar/linear/search.svg"); mask-image: url("../icons/solar/linear/search.svg"); }
.icon-filter { -webkit-mask-image: url("../icons/solar/linear/filter.svg"); mask-image: url("../icons/solar/linear/filter.svg"); }
.icon-x { -webkit-mask-image: url("../icons/solar/linear/close.svg"); mask-image: url("../icons/solar/linear/close.svg"); }
.icon-wrench { -webkit-mask-image: url("../icons/solar/linear/wrench.svg"); mask-image: url("../icons/solar/linear/wrench.svg"); }
.icon-toolbox { -webkit-mask-image: url("../icons/solar/linear/toolbox.svg"); mask-image: url("../icons/solar/linear/toolbox.svg"); }
.icon-file-signature { -webkit-mask-image: url("../icons/solar/linear/oath.svg"); mask-image: url("../icons/solar/linear/oath.svg"); }
.icon-chevron-right { -webkit-mask-image: url("../icons/solar/linear/chevron-right.svg"); mask-image: url("../icons/solar/linear/chevron-right.svg"); }
.icon-trash-2 { -webkit-mask-image: url("../icons/solar/linear/delete.svg"); mask-image: url("../icons/solar/linear/delete.svg"); }
.icon-print { -webkit-mask-image: url("../icons/solar/linear/print.svg"); mask-image: url("../icons/solar/linear/print.svg"); }
.icon-bell { -webkit-mask-image: url("../icons/solar/linear/bell.svg"); mask-image: url("../icons/solar/linear/bell.svg"); }
.icon-chevron-down { -webkit-mask-image: url("../icons/solar/linear/chevron-down.svg"); mask-image: url("../icons/solar/linear/chevron-down.svg"); }
.icon-lock { -webkit-mask-image: url("../icons/solar/linear/lock.svg"); mask-image: url("../icons/solar/linear/lock.svg"); }
.icon-pencil { -webkit-mask-image: url("../icons/solar/linear/edit.svg"); mask-image: url("../icons/solar/linear/edit.svg"); }
.employee-mobile-tab.is-dashboard span { -webkit-mask-image: url("../icons/solar/linear/home.svg"); mask-image: url("../icons/solar/linear/home.svg"); }
.employee-mobile-tab.is-profile span { -webkit-mask-image: url("../icons/solar/linear/user.svg"); mask-image: url("../icons/solar/linear/user.svg"); }
.employee-mobile-tab.is-more span { -webkit-mask-image: url("../icons/solar/linear/menu.svg"); mask-image: url("../icons/solar/linear/menu.svg"); }
.employee-mobile-tab.is-service span { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.employee-mobile-tab.is-attendance span { -webkit-mask-image: url("../icons/solar/linear/check-calendar.svg"); mask-image: url("../icons/solar/linear/check-calendar.svg"); }
.employee-mobile-tab.is-request span { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.employee-mobile-tab.is-leave span { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.icon-download { -webkit-mask-image: url("../icons/solar/linear/download.svg"); mask-image: url("../icons/solar/linear/download.svg"); }
.search-toggle-button::before { background-image: none; -webkit-mask-image: url("../icons/solar/linear/search.svg"); mask-image: url("../icons/solar/linear/search.svg"); }
.action-button.view span { -webkit-mask-image: url("../icons/solar/linear/view.svg"); mask-image: url("../icons/solar/linear/view.svg"); }
.action-button.edit span { -webkit-mask-image: url("../icons/solar/linear/edit.svg"); mask-image: url("../icons/solar/linear/edit.svg"); }
.action-button.save span { -webkit-mask-image: url("../icons/solar/linear/save.svg"); mask-image: url("../icons/solar/linear/save.svg"); }
.action-button.add span { -webkit-mask-image: url("../icons/solar/linear/add.svg"); mask-image: url("../icons/solar/linear/add.svg"); }
.action-button.present span { -webkit-mask-image: url("../icons/solar/linear/check-calendar.svg"); mask-image: url("../icons/solar/linear/check-calendar.svg"); }
.action-button.separated span { -webkit-mask-image: url("../icons/solar/linear/user-block.svg"); mask-image: url("../icons/solar/linear/user-block.svg"); }
.action-button.delete span { -webkit-mask-image: url("../icons/solar/linear/delete.svg"); mask-image: url("../icons/solar/linear/delete.svg"); }
.action-button.set-active span { -webkit-mask-image: url("../icons/solar/linear/check.svg"); mask-image: url("../icons/solar/linear/check.svg"); }
.action-button.disable span { -webkit-mask-image: url("../icons/solar/linear/disable.svg"); mask-image: url("../icons/solar/linear/disable.svg"); }
.employee-profile-edit-button span { -webkit-mask-image: url("../icons/solar/linear/edit.svg"); mask-image: url("../icons/solar/linear/edit.svg"); }
.employee-request-photo-icon::before { -webkit-mask-image: url("../icons/solar/linear/camera.svg"); mask-image: url("../icons/solar/linear/camera.svg"); }
.action-button.history span { -webkit-mask-image: url("../icons/solar/linear/history.svg"); mask-image: url("../icons/solar/linear/history.svg"); }
.action-button.print span { -webkit-mask-image: url("../icons/solar/linear/print.svg"); mask-image: url("../icons/solar/linear/print.svg"); }
.employee-employment-hero-icon::before { background-image: none; -webkit-mask-image: url("../icons/solar/linear/briefcase.svg"); mask-image: url("../icons/solar/linear/briefcase.svg"); }
.icon-upload { -webkit-mask-image: url("../icons/solar/linear/upload.svg"); mask-image: url("../icons/solar/linear/upload.svg"); }
.employee-edit-form .employee-date-field > input[type="date"]::-webkit-calendar-picker-indicator { background-image: url("../icons/solar/linear/calendar.svg"); }
.page:has(.employee-mobile-tabbar) .sidebar .brand-panel .employee-mobile-bell-icon::before { -webkit-mask-image: url("../icons/solar/linear/bell.svg"); mask-image: url("../icons/solar/linear/bell.svg"); }
.employee-mobile-line-icon.icon-calendar { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.employee-mobile-line-icon.icon-clock { -webkit-mask-image: url("../icons/solar/linear/clock.svg"); mask-image: url("../icons/solar/linear/clock.svg"); }
.employee-mobile-glance-icon.icon-attendance { -webkit-mask-image: url("../icons/solar/linear/check-calendar.svg"); mask-image: url("../icons/solar/linear/check-calendar.svg"); }
.employee-mobile-glance-icon.icon-leave { -webkit-mask-image: url("../icons/solar/linear/vacation.svg"); mask-image: url("../icons/solar/linear/vacation.svg"); }
.employee-mobile-glance-icon.icon-request { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.employee-mobile-glance-icon.icon-profile { -webkit-mask-image: url("../icons/solar/linear/user.svg"); mask-image: url("../icons/solar/linear/user.svg"); }
.employee-attendance-leave-toggle span { -webkit-mask-image: url("../icons/solar/linear/eye-off.svg"); mask-image: url("../icons/solar/linear/eye-off.svg"); }
.employee-attendance-leave-toggle:not(.is-visible) span { -webkit-mask-image: url("../icons/solar/linear/view.svg"); mask-image: url("../icons/solar/linear/view.svg"); }
.employee-mobile-header-button.employee-mobile-message-icon::before { -webkit-mask-image: url("../icons/solar/linear/chat.svg"); mask-image: url("../icons/solar/linear/chat.svg"); }
.employee-mobile-header-button.employee-mobile-bell-icon::before { -webkit-mask-image: url("../icons/solar/linear/bell.svg"); mask-image: url("../icons/solar/linear/bell.svg"); }
.employee-drawer-icon.icon-profile { -webkit-mask-image: url("../icons/solar/linear/user.svg"); mask-image: url("../icons/solar/linear/user.svg"); }
.employee-drawer-icon.icon-settings { -webkit-mask-image: url("../icons/solar/linear/settings.svg"); mask-image: url("../icons/solar/linear/settings.svg"); }
.employee-drawer-icon.icon-help { -webkit-mask-image: url("../icons/solar/linear/help.svg"); mask-image: url("../icons/solar/linear/help.svg"); }
.employee-drawer-icon.icon-about { -webkit-mask-image: url("../icons/solar/linear/info.svg"); mask-image: url("../icons/solar/linear/info.svg"); }
.employee-drawer-icon.icon-logout { -webkit-mask-image: url("../icons/solar/linear/signout.svg"); mask-image: url("../icons/solar/linear/signout.svg"); }
.employee-attendance-new-log-toast > span::before { background-image: none; -webkit-mask-image: url("../icons/solar/linear/check-circle.svg"); mask-image: url("../icons/solar/linear/check-circle.svg"); }
.employee-request-menu-card.is-service-record > span::before { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.employee-request-menu-card.is-coe > span::before { -webkit-mask-image: url("../icons/solar/linear/badge.svg"); mask-image: url("../icons/solar/linear/badge.svg"); }
.employee-request-menu-card.is-leave > span::before { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.employee-request-menu-card.is-clearance > span::before { -webkit-mask-image: url("../icons/solar/linear/shield-check.svg"); mask-image: url("../icons/solar/linear/shield-check.svg"); }
.employee-employment-d2-hero-icon::before { background-image: none; -webkit-mask-image: url("../icons/solar/linear/briefcase.svg") !important; mask-image: url("../icons/solar/linear/briefcase.svg") !important; }
.employee-mobile-glance-icon.icon-service-record { -webkit-mask-image: url("../icons/solar/linear/document.svg"); mask-image: url("../icons/solar/linear/document.svg"); }
.employee-mobile-glance-icon.icon-employment { -webkit-mask-image: url("../icons/solar/linear/briefcase.svg"); mask-image: url("../icons/solar/linear/briefcase.svg"); }
.employee-mobile-glance-icon.icon-payroll { -webkit-mask-image: url("../icons/solar/linear/payslip.svg"); mask-image: url("../icons/solar/linear/payslip.svg"); }
.employee-mobile-glance-icon.icon-file-leave { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.lucide-icon.icon-search { -webkit-mask-image: url("../icons/solar/linear/search.svg"); mask-image: url("../icons/solar/linear/search.svg"); }
.lucide-icon.icon-filter { -webkit-mask-image: url("../icons/solar/linear/filter.svg"); mask-image: url("../icons/solar/linear/filter.svg"); }
.lucide-icon.icon-x { -webkit-mask-image: url("../icons/solar/linear/close.svg"); mask-image: url("../icons/solar/linear/close.svg"); }
.lucide-icon.icon-wrench { -webkit-mask-image: url("../icons/solar/linear/wrench.svg"); mask-image: url("../icons/solar/linear/wrench.svg"); }
.lucide-icon.icon-toolbox { -webkit-mask-image: url("../icons/solar/linear/toolbox.svg"); mask-image: url("../icons/solar/linear/toolbox.svg"); }
.lucide-icon.icon-file-signature { -webkit-mask-image: url("../icons/solar/linear/oath.svg"); mask-image: url("../icons/solar/linear/oath.svg"); }
.lucide-icon.icon-chevron-right { -webkit-mask-image: url("../icons/solar/linear/chevron-right.svg"); mask-image: url("../icons/solar/linear/chevron-right.svg"); }
.lucide-icon.icon-chevron-down { -webkit-mask-image: url("../icons/solar/linear/chevron-down.svg"); mask-image: url("../icons/solar/linear/chevron-down.svg"); }
.lucide-icon.icon-trash-2 { -webkit-mask-image: url("../icons/solar/linear/delete.svg"); mask-image: url("../icons/solar/linear/delete.svg"); }
.lucide-icon.icon-print { -webkit-mask-image: url("../icons/solar/linear/print.svg"); mask-image: url("../icons/solar/linear/print.svg"); }
.lucide-icon.icon-bell { -webkit-mask-image: url("../icons/solar/linear/bell.svg"); mask-image: url("../icons/solar/linear/bell.svg"); }
.lucide-icon.icon-lock { -webkit-mask-image: url("../icons/solar/linear/lock.svg"); mask-image: url("../icons/solar/linear/lock.svg"); }
.lucide-icon.icon-pencil { -webkit-mask-image: url("../icons/solar/linear/edit.svg"); mask-image: url("../icons/solar/linear/edit.svg"); }
.lucide-icon.icon-download { -webkit-mask-image: url("../icons/solar/linear/download.svg"); mask-image: url("../icons/solar/linear/download.svg"); }
.lucide-icon.icon-upload { -webkit-mask-image: url("../icons/solar/linear/upload.svg"); mask-image: url("../icons/solar/linear/upload.svg"); }
.lucide-icon.icon-camera { -webkit-mask-image: url("../icons/solar/linear/camera.svg"); mask-image: url("../icons/solar/linear/camera.svg"); }
.lucide-icon.icon-refresh-cw { -webkit-mask-image: url("../icons/solar/linear/refresh.svg"); mask-image: url("../icons/solar/linear/refresh.svg"); }
.lucide-icon.icon-circle-alert { -webkit-mask-image: url("../icons/solar/linear/alert.svg"); mask-image: url("../icons/solar/linear/alert.svg"); }
.lucide-icon.icon-settings { -webkit-mask-image: url("../icons/solar/linear/settings.svg"); mask-image: url("../icons/solar/linear/settings.svg"); }
.lucide-icon.icon-moon { -webkit-mask-image: url("../icons/solar/linear/moon.svg"); mask-image: url("../icons/solar/linear/moon.svg"); }
.lucide-icon.icon-sun { -webkit-mask-image: url("../icons/solar/linear/sun.svg"); mask-image: url("../icons/solar/linear/sun.svg"); }
.lucide-icon.icon-profile { -webkit-mask-image: url("../icons/solar/linear/user.svg"); mask-image: url("../icons/solar/linear/user.svg"); }
.lucide-icon.icon-calendar { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.lucide-icon.icon-clock { -webkit-mask-image: url("../icons/solar/linear/clock.svg"); mask-image: url("../icons/solar/linear/clock.svg"); }
.lucide-icon.icon-help { -webkit-mask-image: url("../icons/solar/linear/help.svg"); mask-image: url("../icons/solar/linear/help.svg"); }
.lucide-icon.icon-about { -webkit-mask-image: url("../icons/solar/linear/info.svg"); mask-image: url("../icons/solar/linear/info.svg"); }
.lucide-icon.icon-logout { -webkit-mask-image: url("../icons/solar/linear/signout.svg"); mask-image: url("../icons/solar/linear/signout.svg"); }
.btn-close { --bs-btn-close-bg: url("../icons/solar/linear/close.svg"); background-image: url("../icons/solar/linear/close.svg"); }
html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(1); }
.leave-ledger-year-chevron { -webkit-mask-image: url("../icons/solar/linear/chevron-down.svg"); mask-image: url("../icons/solar/linear/chevron-down.svg"); }
.print-option-icon { -webkit-mask-image: url("../icons/solar/linear/print.svg"); mask-image: url("../icons/solar/linear/print.svg"); }
.cos-temp-import-icon { -webkit-mask-image: url("../icons/solar/linear/upload.svg"); mask-image: url("../icons/solar/linear/upload.svg"); }
.service-record-entry-form .employee-date-field .modern-date-trigger-icon,
.employee-separation-fields .modern-date-trigger-icon,
.personnel-clearance-field .modern-date-trigger-icon,
.employee-edit-form .employee-date-field .modern-date-trigger-icon,
.cos-history-dialog .employee-date-field .modern-date-trigger-icon,
:is(.salary-annex-editor-panel, .salary-annex-reference-form) label.modern-date-field .modern-date-trigger-icon { -webkit-mask-image: url("../icons/solar/linear/calendar.svg"); mask-image: url("../icons/solar/linear/calendar.svg"); }
.modern-time-trigger-icon { -webkit-mask-image: url("../icons/solar/linear/clock.svg"); mask-image: url("../icons/solar/linear/clock.svg"); }
.hr-tool-card-icon .icon-camera, .employee-request-icon.camera { -webkit-mask-image: url("../icons/solar/linear/camera.svg"); mask-image: url("../icons/solar/linear/camera.svg"); }
.employee-request-icon.upload { -webkit-mask-image: url("../icons/solar/linear/upload.svg"); mask-image: url("../icons/solar/linear/upload.svg"); }
.page:has(.employee-mobile-tabbar) .employee-mobile-tabbar .is-request > span { -webkit-mask-image: url("../icons/solar/linear/document.svg") !important; mask-image: url("../icons/solar/linear/document.svg") !important; }
.page .navbar-toggler { background-image: url("../icons/solar/linear/menu.svg"); }
.page:has(.employee-mobile-tabbar) .navbar-toggler:checked { background-image: url("../icons/solar/linear/close.svg"); }
.chat-search { position: relative; }
.chat-search > .solar-icon { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); color: #6c8790; pointer-events: none; }
#hris-internal-chat .chat-search input { padding-left: 38px !important; }
.chat-compose-actions button[type="submit"], .hr-bot .bot-compose .bot-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.chat-heading button, .chat-peer button, .chat-pending-file button { display: inline-grid; place-items: center; }
.modern-time-close { font-size: 0; }
.modern-time-close::before, .empty-check::before { content: ""; display: inline-block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("../icons/solar/linear/close.svg") center / contain no-repeat; mask: url("../icons/solar/linear/close.svg") center / contain no-repeat; }
.empty-check { font-size: 0; }
.empty-check::before { width: 28px; height: 28px; -webkit-mask-image: url("../icons/solar/linear/check.svg"); mask-image: url("../icons/solar/linear/check.svg"); }
#hris-login .solar-footer-credit a { color: inherit; text-underline-offset: 3px; }
.permission-submenu-summary::before,
.permission-actions-details > summary::before { content: ""; display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("../icons/solar/linear/chevron-right.svg") center / contain no-repeat; mask: url("../icons/solar/linear/chevron-right.svg") center / contain no-repeat; }
.personnel-options-card .coe-other-documents-stacked .personnel-clearance-toggle .personnel-doc-chevron::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("../icons/solar/linear/chevron-down.svg") center / contain no-repeat; mask: url("../icons/solar/linear/chevron-down.svg") center / contain no-repeat; }
.print-list-select-shell .smooth-select-option[aria-selected="true"]::after,
.appointment-document-notice-mark::before { content: ""; display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("../icons/solar/linear/check.svg") center / contain no-repeat; mask: url("../icons/solar/linear/check.svg") center / contain no-repeat; }
.appointment-document-notice.is-error .appointment-document-notice-mark::before { content: ""; -webkit-mask-image: url("../icons/solar/linear/alert.svg"); mask-image: url("../icons/solar/linear/alert.svg"); }
.appointment-document-notice button, .eligibility-remove-button { font-size: 0; }
.appointment-document-notice button::before, .eligibility-remove-button::before { content: ""; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("../icons/solar/linear/close.svg") center / contain no-repeat; mask: url("../icons/solar/linear/close.svg") center / contain no-repeat; }
@media screen and (max-width: 760px) {
    body .page:has(.employee-mobile-tabbar) .content.content .employee-home-redesign .employee-mobile-request-tabs button::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("../icons/solar/linear/chevron-right.svg") center / contain no-repeat; mask: url("../icons/solar/linear/chevron-right.svg") center / contain no-repeat; }
}