/* Move ICON to load later */
/* EMPTY STATE ICON */
:root {
--file-color:#2E7FFA;
}
.c-emptystate-ico.c-emptystate-zerorecord,
.c-emptystate-ico.c-emptystate-general { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-general-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-search { background-image: url('data:image/svg+xml,'); }
/* EMPTY STATE : Performance */
.c-emptystate-ico.c-emptystate-performance { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-goal { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-competency { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-developmentitems { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-questions { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-attendance { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-indicators { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-performance-assigngoal { background-image: url('data:image/svg+xml,'); }
/* EMPTY STATE : Engagement */
.c-emptystate-ico.c-emptystate-engagement-announcement { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-survey { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-newsfeed { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-employeeconnection { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-useractivities { background-image: url('data:image/svg+xml,') }
.c-emptystate-ico.c-emptystate-engagement-gateway { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-rewardrecognition { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-onboarding { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-pinned { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-engagement-security-policy {background-image: url('data:image/svg+xml,')}
/* EMPTY STATE : Report */
.c-emptystate-ico.c-emptystate-report { background-image: url('data:image/svg+xml,'); }
[data-type="GA"] .c-emptystate-ico.c-emptystate-report { background-image: url('data:image/svg+xml,')}
/* EMPTY STATE : Others */
.c-emptystate-ico.c-emptystate-errorsearch { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-brokenlink { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-error { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-error-circle { background-image: url('data:image/svg+xml,'); }
/* EMPTY STATE : WIDGET */
.c-emptystate-ico.c-emptystate-todo { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-todo-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-mycourse { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-mycourse-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-mylearningpath { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-mylearningpath-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-announcement { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-announcement-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-reward { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-reward-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-myconnection { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-myconnection-circle {background-image: url('data:image/svg+xml,');}
.c-emptystate-ico.c-emptystate-upcommingevents { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-upcommingevents-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-pendperf-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-pendgoalapv-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-pendkpiapv-circle { background-image: url('data:image/svg+xml,'); }
.c-emptystate-ico.c-emptystate-favorite { background-image: url('data:image/svg+xml,'); }
/* Move ICON to load later */
.c-btn-grid .c-icoduo-egmt-1::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-2::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-3::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-4::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-5::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-6::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-7::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid .c-icoduo-egmt-8::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Default */
.eUniteApp #p24 .t1_links .d-checkbox .list-group-item .d-bg-weblink-icon i::before,
.eUniteApp #p24 .t1_links .d-checkbox .list-group-item .serviceIcon i::before,
.eUniteApp #p24 .t1_links .d-checkbox .list-group-item .serviceIcon i::after { visibility: hidden; }
.eUniteApp #p24 .t1_links .serviceIcon i { background-repeat: no-repeat; background-position: center !important; background-size: contain; filter: none !important; background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i::before { color: transparent; }
.c-icon-app i { width: 24px; height: 24px; display:block; }
.c-icon-app i::before { color: transparent; }
.c-btn-grid i.c-icoduo-apps-1::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-2::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Hyperdoc */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="hyperdoc"] i,
.c-btn-grid[data-icon="hyperdoc"] i::before,
.c-icon-app[data-icon="hyperdoc"] i::before,
.c-btn-grid i.c-icoduo-apps-3::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-4::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Employee Engagement */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="engage"] i,
.c-btn-grid[data-icon="engage"] i::before,
.c-icon-app[data-icon="engage"] i::before,
.c-btn-grid i.c-icoduo-apps-5::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-6::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-7::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-8::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-9::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - My Team's Performance */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="tpms"] i,
.c-btn-grid[data-icon="tpms"] i::before,
.c-icon-app[data-icon="tpms"] i::before,
.c-btn-grid i.c-icoduo-apps-10::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-11::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Performance Management */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="pms"] i,
.c-btn-grid[data-icon="pms"] i::before,
.c-icon-app[data-icon="pms"] i::before,
.c-btn-grid i.c-icoduo-apps-12::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid i.c-icoduo-apps-13::before { background-image: url('data:image/svg+xml,') !important; }
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="atcore_bigure"] i,
.c-btn-grid[data-icon="atcore_bigure"] i::before,
.c-icon-app[data-icon="atcore_bigure"] i::before,
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="bigure"] i,
.c-btn-grid[data-icon="bigure"] i::before,
.c-icon-app[data-icon="bigure"] i::before,
.c-btn-grid i.c-icoduo-apps-16::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Faceio */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="faceio"] i,
.c-btn-grid[data-icon="faceio"] i::before,
.c-icon-app[data-icon="faceio"] i::before,
.c-btn-grid i.c-icoduo-apps-faceio::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Survey */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="survey"] i,
.c-btn-grid[data-icon="survey"] i::before,
.c-icon-app[data-icon="survey"] i::before,
.c-btn-grid i.c-icoduo-apps-survey::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Team */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="team"] i,
.c-btn-grid[data-icon="team"] i::before,
.c-icon-app[data-icon="team"] i::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Wise / Qbic / Online Learning */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="wise"] i,
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="qbicsupport"] i,
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="online-learning"] i,
.c-btn-grid[data-icon="wise"] i::before,
.c-icon-app[data-icon="wise"] i::before,
.c-btn-grid[data-icon="qbicsupport"] i::before,
.c-icon-app[data-icon="qbicsupport"] i::before,
.c-btn-grid[data-icon="online-learning"] i::before,
.c-icon-app[data-icon="online-learning"] i::before,
.c-btn-grid i.c-icoduo-apps-wise::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - File */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="file"] i,
.c-btn-grid[data-icon="file"] i::before,
.c-icon-app[data-icon="file"] i::before,
.c-btn-grid i.c-icoduo-apps-file::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Atcore */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="atcore"] i,
.c-btn-grid[data-icon="atcore"] i::before,
.c-icon-app[data-icon="atcore"] i::before,
.c-btn-grid i.c-icoduo-apps-atcore::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Meet */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="meet"] i,
.c-btn-grid[data-icon="meet"] i::before,
.c-icon-app[data-icon="meet"] i::before,
.c-btn-grid i.c-icoduo-apps-meet::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Atwork */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="atwork"] i,
.c-btn-grid[data-icon="atwork"] i::before,
.c-icon-app[data-icon="atwork"] i::before,
.c-btn-grid i.c-icoduo-apps-atwork::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Web Link */
.c-btn-grid i.c-icoduo-apps-weblink::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Link */
.c-btn-grid i.c-icoduo-apps-link::before { content: url('data:image/svg+xml,') !important; }
.eUniteApp #p24 .t1_links .d-checkbox[code="p4294967352"] .list-group-item .d-box-link-url output.fld_image .d-logo-img { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Integration */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="integration"] i,
.c-btn-grid[data-icon="integration"] i::before,
.c-icon-app[data-icon="integration"] i::before,
.c-btn-grid i.c-icoduo-apps-integration::before
{ background-image: url('data:image/svg+xml,') !important; }
/* Icon - Competency */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="competency"] i,
.c-btn-grid[data-icon="competency"] i::before,
.c-icon-app[data-icon="competency"] i::before,
.c-btn-grid i.c-icoduo-apps-competency::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Onboarding */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="onboarding"] i,
.c-btn-grid[data-icon="onboarding"] i::before,
.c-icon-app[data-icon="onboarding"] i::before,
.c-btn-grid i.c-icoduo-apps-onboarding::before { background-image: url('data:image/svg+xml,') !important; }
/* Icon - Video Portal */
.eUniteApp #p24 .t1_links .serviceIcon[data-icon="video-portal"] i,
.c-btn-grid[data-icon="video-portal"] i::before,
.c-icon-app[data-icon="video-portal"] i::before,
.c-btn-grid i.c-icoduo-apps-video-portal::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="system_administrator"] i::before,
.c-icon-app[data-icon="system_administrator"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="recruitment"] i::before,
.c-icon-app[data-icon="recruitment"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="base"] i::before,
.c-icon-app[data-icon="base"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="admin_time"] i::before,
.c-icon-app[data-icon="admin_time"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="admin_leave"] i::before,
.c-icon-app[data-icon="admin_leave"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="admin_benefit"] i::before,
.c-icon-app[data-icon="admin_benefit"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="medical_claim"] i::before,
.c-icon-app[data-icon="medical_claim"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="payroll"] i::before,
.c-icon-app[data-icon="payroll"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="goal_kpi"] i::before,
.c-icon-app[data-icon="goal_kpi"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="appraisal"] i::before,
.c-icon-app[data-icon="appraisal"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="competency_management"] i::before,
.c-icon-app[data-icon="competency_management"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="career_management"] i::before,
.c-icon-app[data-icon="career_management"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="pms_settings"] i::before,
.c-icon-app[data-icon="pms_settings"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="qbic_admin"] i::before,
.c-icon-app[data-icon="qbic_admin"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="explore_career"] i::before,
.c-icon-app[data-icon="explore_career"] i::before { background-image: url('data:image/svg+xml,') !important; }
/* personnel group */
.c-btn-grid[data-icon="personnel"] i::before,
.c-icon-app[data-icon="personnel"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="my_profile"] i::before,
.c-icon-app[data-icon="my_profile"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="change_personal_information"] i::before,
.c-icon-app[data-icon="change_personal_information"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="request_document"] i::before,
.c-icon-app[data-icon="request_document"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="employee_movement"] i::before,
.c-icon-app[data-icon="employee_movement"] i::before { background-image: url('data:image/svg+xml,') !important; }
/* medical group */
.c-btn-grid[data-icon="medical"] i::before,
.c-icon-app[data-icon="medical"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="medical_summary"] i::before,
.c-icon-app[data-icon="medical_summary"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="medical_claim"] i::before,
.c-icon-app[data-icon="medical_claim"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="medical_entitlement"] i::before,
.c-icon-app[data-icon="medical_entitlement"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="medical_reimbursement"] i::before,
.c-icon-app[data-icon="medical_reimbursement"] i::before { background-image: url('data:image/svg+xml,') !important; }
/* pay group */
.c-btn-grid[data-icon="pay"] i::before,
.c-icon-app[data-icon="pay"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="my_payslip"] i::before,
.c-icon-app[data-icon="my_payslip"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="my_tax_allowance"] i::before,
.c-icon-app[data-icon="my_tax_allowance"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="my_tax_calculation"] i::before,
.c-icon-app[data-icon="my_tax_calculation"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="enroll_pvf_rate"] i::before,
.c-icon-app[data-icon="enroll_pvf_rate"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="enroll_pvf_policy"] i::before,
.c-icon-app[data-icon="enroll_pvf_policy"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="50_thavi"] i::before,
.c-icon-app[data-icon="50_thavi"] i::before { background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="qbic_lms"] i::before,
.c-icon-app[data-icon="qbic_lms"] i::before { background-image: url('data:image/svg+xml,') !important; }
/* misc group */
.c-btn-grid[data-icon="misc"] i::before,
.c-icon-app[data-icon="misc"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="receiving_equipment_form"] i::before,
.c-icon-app[data-icon="receiving_equipment_form"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="returning_equipment_form"] i::before,
.c-icon-app[data-icon="returning_equipment_form"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="employee_password_change_payslip"] i::before,
.c-icon-app[data-icon="employee_password_change_payslip"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* time group */
.c-btn-grid[data-icon="time"] i::before,
.c-icon-app[data-icon="time"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="calendar"] i::before,
.c-icon-app[data-icon="calendar"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="shift_management"] i::before,
.c-icon-app[data-icon="shift_management"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="time_entry"] i::before,
.c-icon-app[data-icon="time_entry"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="time_request"] i::before,
.c-icon-app[data-icon="time_request"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="overtime_request"] i::before,
.c-icon-app[data-icon="overtime_request"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="overtime_request_multiple"] i::before,
.c-icon-app[data-icon="overtime_request_multiple"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="change_holiday"] i::before,
.c-icon-app[data-icon="change_holiday"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="change_date_type"] i::before,
.c-icon-app[data-icon="change_date_type"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="change_shift"] i::before,
.c-icon-app[data-icon="change_shift"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="time_request_summary"] i::before,
.c-icon-app[data-icon="time_request_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="change_shift_summary"] i::before,
.c-icon-app[data-icon="change_shift_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="exceptional_time_report"] i::before,
.c-icon-app[data-icon="exceptional_time_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="overtime_summary"] i::before,
.c-icon-app[data-icon="overtime_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="attendance_summary"] i::before,
.c-icon-app[data-icon="attendance_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* leave group */
.c-btn-grid[data-icon="leave"] i::before,
.c-icon-app[data-icon="leave"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="leave_request"] i::before,
.c-icon-app[data-icon="leave_request"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="leave_summary"] i::before,
.c-icon-app[data-icon="leave_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="leave_entitlement_report"] i::before,
.c-icon-app[data-icon="leave_entitlement_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* benefit group */
.c-btn-grid[data-icon="benefit"] i::before,
.c-icon-app[data-icon="benefit"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="benefit_summary"] i::before,
.c-icon-app[data-icon="benefit_summary"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="claim_document"] i::before,
.c-icon-app[data-icon="claim_document"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="reimbursement"] i::before,
.c-icon-app[data-icon="reimbursement"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="travel_document"] i::before,
.c-icon-app[data-icon="travel_document"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="loan_document"] i::before,
.c-icon-app[data-icon="loan_document"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="benefit_entitlement"] i::before,
.c-icon-app[data-icon="benefit_entitlement"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="travel_document_report"] i::before,
.c-icon-app[data-icon="travel_document_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="reimbursement_document_report"] i::before,
.c-icon-app[data-icon="reimbursement_document_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="loan_payment_report"] i::before,
.c-icon-app[data-icon="loan_payment_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* workforce group */
.c-btn-grid[data-icon="workforce"] i::before,
.c-icon-app[data-icon="workforce"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="manpower_planning_multi"] i::before,
.c-icon-app[data-icon="manpower_planning_multi"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="manpower_planning_report"] i::before,
.c-icon-app[data-icon="manpower_planning_report"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* talent acquistion */
.c-btn-grid[data-icon="talent_acquistion"] i::before,
.c-icon-app[data-icon="talent_acquistion"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="manpower_planning"] i::before,
.c-icon-app[data-icon="manpower_planning"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* career group */
.c-btn-grid[data-icon="career"] i::before,
.c-icon-app[data-icon="career"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="succession_plan"] i::before,
.c-icon-app[data-icon="succession_plan"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="view_talent_matrix"] i::before,
.c-icon-app[data-icon="view_talent_matrix"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="talent_comparison"] i::before,
.c-icon-app[data-icon="talent_comparison"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="u_search"] i::before,
.c-icon-app[data-icon="u_search"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
/* learning group */
.c-btn-grid[data-icon="learning"] i::before,
.c-icon-app[data-icon="learning"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="manage_learning"] i::before,
.c-icon-app[data-icon="manage_learning"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="learning_request"] i::before,
.c-icon-app[data-icon="learning_request"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="ojt_document"] i::before,
.c-icon-app[data-icon="ojt_document"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="training_tracking_sheet"] i::before,
.c-icon-app[data-icon="training_tracking_sheet"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-btn-grid[data-icon="learning_history_by_employee"] i::before,
.c-icon-app[data-icon="learning_history_by_employee"] i::before
{ background-image: url('data:image/svg+xml,') !important; }
.c-icon-app i:before,
.c-btn-grid i:before,
[data-icon*=admin-app-icon-] i:before,
[data-icon*=user-app-icon-] i:before { content: ''; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-000"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-001"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-002"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-003"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-004"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-005"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-006"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-007"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-008"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-009"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-010"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-011"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-012"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-013"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-014"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-015"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-016"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-017"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-018"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-019"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-020"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-021"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-022"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-023"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-024"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-025"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="admin-app-icon-026"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-000"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-001"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-002"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-003"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-004"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-005"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-006"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-007"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-008"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-009"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-010"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-011"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-012"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-013"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-014"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-015"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-016"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-017"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-018"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-019"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-020"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-021"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-022"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-023"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-024"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-025"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-026"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-027"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-028"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-029"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-030"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-031"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-032"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-033"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-034"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-035"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-036"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-037"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-038"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-039"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-040"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-041"] i:before { background-image: url('data:image/svg+xml,')}
[data-icon="user-app-icon-042"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-043"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-044"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-045"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-046"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-047"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-048"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-049"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-050"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-051"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-052"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-053"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-054"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-055"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-056"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-057"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-058"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-059"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-060"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-061"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-062"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-063"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-064"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-065"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-066"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-067"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-068"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-069"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-070"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-071"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-072"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-073"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-074"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-075"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-076"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-077"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-078"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-079"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-080"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-081"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-082"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-083"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-084"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-085"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-086"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-087"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-088"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-089"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-090"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-091"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-092"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="user-app-icon-093"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-000"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-001"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-002"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-003"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-004"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-005"] i:before { background-image: url('data:image/svg+xml,'); }
[data-icon="system-app-icon-006"] i:before { background-image: url('data:image/svg+xml,'); }
.c-search-thumbnail-employee i::before { width: 28px; height: 28px; display: block; background-size: contain; border-radius: 50%; color: transparent; background-image: url('data:image/svg+xml,');}
/* icon reward - กล่องของขวัญ */
.c-redeempoint-img img[src*="default-image.png"],
.img-reward-widget img[src*="default-image.png"],
.img-reward-empty img[src*="default-image.png"] { content: url('data:image/svg+xml,'); }
/* Icon File */
.eUniteApp #p24 .divTeam0 .d-iconimg-file.icon-files-line, /* Team */
.eUniteApp #p24 .ROOM_MESG .pageFiles .fileIcon, /* Apps > File */
.eUniteApp #p24 .divFileIcon .q-ico-h2, /* Survey */
.eUniteApp #p24 .d-box-post-file i.icon-img-44,
.eUniteApp #p24 .d-icon-file-chat i,
.eUniteApp #p24 .d-icon-filepost,
.eUniteApp #p24 .fileIcon.d-iconimg-drive.icon-files-line { background: none !important; }
.eUniteApp #p24 .divTeam0 .d-iconimg-file.icon-files-line:before, /* Team */
.eUniteApp #p24 .divTeam0 .divPostFile .d-iconimg-file.icon-files-line:before, /* Team */
.eUniteApp #p24 .divTeam0 .form-group .MEDIA_SHOW .d-iconimg-file.icon-files-line:before, /* Team */
.eUniteApp #p24 .ROOM_MESG .pageFiles .fileIcon:before, /* Apps > File */
.eUniteApp #p24 .divFileIcon .q-ico-h2:before, /* Survey */
.eUniteApp #p24 .d-box-post-file i.icon-img-44:before,
.eUniteApp #p24 .d-icon-file-chat i:before,
.eUniteApp #p24 .d-icon-filepost:before,
.eUniteApp #p24 .fileIcon.d-iconimg-drive.icon-files-line:before {
font-family: 'pms-ico' !important; content: var(--file-type) !important; display: block; color: var(--file-color) !important; font-size: 24px !important; }
.eUniteApp #p24 .divTeam0 .d-iconimg-file.icon-files-line:after, /* Team */
.eUniteApp #p24 .ROOM_MESG .pageFiles .fileIcon:after, /* Apps > File */
.eUniteApp #p24 .divFileIcon .q-ico-h2:after, /* Survey */
.eUniteApp #p24 .d-box-post-file i.icon-img-44:after,
.eUniteApp #p24 .d-icon-file-chat i:after,
.eUniteApp #p24 .d-icon-filepost:after,
.eUniteApp #p24 .fileIcon.d-iconimg-drive.icon-files-line:after { display: none !important; }
.eUniteApp #p24 .fast_inchat .msg.ME[data-mychat="0"] .d-icon-file-chat i:before { color: var(--file-color) !important; }
.eUniteApp #p24 .msg.ME .d-icon-file-chat i:before { color: inherit !important; }
/* Apps > File */
.eUniteApp #p24 .ROOM_MESG .pageFiles .d-bubbleimgupload { display: flex; align-items: center; justify-content: center; }
.eUniteApp #p24 .ROOM_MESG .pageFiles .fileIcon:before { font-size: 16px !important; }
/* Team */
.eUniteApp #p24 .divTeam0 .d-iconimg-file.icon-files-line:before { font-size: 32px !important; }
.eUniteApp #p24 .divTeam0 .divNoteFile .d-iconimg-file.icon-files-line:before { font-size: 22px !important; }
.eUniteApp #p24 .divTeam0 .divNoteFile .divFileItem .file-name { font-size: 12px !important; margin-top: -4px; max-width: 100%; }
.eUniteApp #p24 .divTeam .divNoteFile .divFileItem .btnFileItemRemove,
.eUniteApp #p24 .divTeam0 .divPostFile .d-iconimg-file.icon-files-line:before,
.eUniteApp #p24 .divTeam0 .form-group .MEDIA_SHOW .d-iconimg-file.icon-files-line:before { font-size: 24px !important; }
.eUniteApp #p24 .d-createpost-default .d-close-button { top: 0; }
/* Icon File */