/* ICONE LOCALI SVG - BASE */ .icon { display: inline-block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } /* TRATTAMENTO SPECIALE per le icone Material Symbols (che hanno viewBox di merda) */ .icon-4g_mobiledata, .icon-thermostat, .icon-water, .icon-power_btn, .icon-power_settings_circle, .icon-power, .icon-switch, .icon-switch_off, .icon-add, .icon-remove, .icon-menu, .icon-close, .icon-security, .icon-videocam, .icon-charger, .icon-lock, .icon-home, .icon-factory, .icon-verified, .icon-check_box_outline_blank, .icon-check_box, .icon-check, .icon-visibility, .icon-groups_3, .icon-live_help, .icon-contact_support, .icon-alternate_email, .icon-monitor_heart, .icon-view_list, .icon-list, .icon-mail, .icon-mark_email_read, .icon-people, .icon-tv_options_edit_channels, .icon-delete_forever, .icon-php, .icon-database, .icon-dashboard, .icon-person, .icon-cards_stack, .icon-handyman, .icon-groups, .icon-group, .icon-web, .icon-instant_mix, .icon-download, .icon-upload, .icon-mop, .icon-logout, .icon-save, .icon-delete, .icon-smoke, .icon-pir, .icon-door, .icon-window, .icon-seismic, .icon-settings, .icon-settings_applications, .icon-setting_zone, .icon-infrared, .icon-progress_activity, .icon-wifi_off, .icon-wifi, .icon-shield_toggle, .icon-warning, .icon-block, .icon-check_circle, .icon-remove_moderator, .icon-dt360, .icon-circle_circle, .icon-bug_report, .icon-data_table, .icon-detector_co, .icon-detector_offline, .icon-detector_smoke, .icon-lightbulb, .icon-overview, .icon-upcoming, .icon-home_app_logo, .icon-restart_alt, .icon-radar, .icon-home_iot_device, .icon-chat, .icon-edit_square, .icon-arrow_downward, .icon-arrow_upward, .icon-arrow_back, .icon-open_in_new, .icon-public, .icon-account_box, .icon-memory, .icon-blinds, .icon-sensors_krx, .icon-motion_sensor_active, .icon-search, .icon-emergency_home, .icon-developer_board, .icon-info, .icon-refresh, .icon-forms_add_on, .icon-sync_arrow_down, .icon-sync_arrow_up, .icon-file_json, .icon-drag_indicator, .icon-history_toggle_off, .icon-history_2, .icon-description, .icon-storage, .icon-key, .icon-signature, .icon-call_to_action, .icon-palette, .icon-cable, .icon-send, .icon-arrow_left_alt, .icon-arrow_right_alt, .icon-restore_from_trash, .icon-sms, .icon-electric_bolt, .icon-target, .icon-manage_accounts, .icon-code, .icon-view_agenda, .icon-partly_cloudy_day, .icon-filter_list, .icon-folder, .icon-login, .icon-tune, .icon-apps, .icon-share, .icon-kid_star, .icon-kid_star_solid, .icon-schedule, .icon-switch_off, .icon-dangerous, .icon-power_lights, .icon-doorbell, .icon-bell_solid, .icon-notification_active, .icon-notification, .icon-notification_audio, .icon-notification_audio_off, .icon-notification_important, .icon-notification_sound, .icon-electric_meter, .icon-shield_locked { -webkit-mask-size: cover !important; mask-size: cover !important; } /* Dimensioni */ .icon.small { width: 14px !important; height: 14px !important; } .icon.medium { width: 32px !important; height: 32px !important; } .icon.large { width: 48px !important; height: 48px !important; } .icon.xs { width: 10px !important; height: 10px !important; } .icon.sm { width: 14px !important; height: 14px !important; } .icon.md { width: 18px !important; height: 18px !important; } .icon.lg { width: 24px !important; height: 24px !important; } .icon.s { width: 14px !important; height: 14px !important; } .icon.m { width: 18px !important; height: 18px !important; } .icon.l { width: 24px !important; height: 24px !important; } .icon.xl { width: 32px !important; height: 32px !important; } .icon.xxl { width: 48px !important; height: 48px !important; } /* TUTTE LE ICONE CON MASK - niente filtri, niente background-image */ .icon-electric_meter { -webkit-mask: url('/assets/icons/electric_meter.svg') no-repeat center; mask: url('/assets/icons/electric_meter.svg') no-repeat center; } .icon-notification_active { -webkit-mask: url('/assets/icons/notification_active.svg') no-repeat center; mask: url('/assets/icons/notification_active.svg') no-repeat center; } .icon-notification { -webkit-mask: url('/assets/icons/notification.svg') no-repeat center; mask: url('/assets/icons/notification.svg') no-repeat center; } .icon-notification_sound { -webkit-mask: url('/assets/icons/notification_audio.svg') no-repeat center; mask: url('/assets/icons/notification_audio.svg') no-repeat center; } .icon-notification_audio_off { -webkit-mask: url('/assets/icons/notification_audio_off.svg') no-repeat center; mask: url('/assets/icons/notification_audio_off.svg') no-repeat center; } .icon-notification_audio { -webkit-mask: url('/assets/icons/notification_audio.svg') no-repeat center; mask: url('/assets/icons/notification_audio.svg') no-repeat center; } .icon-notification_important { -webkit-mask: url('/assets/icons/notification_important.svg') no-repeat center; mask: url('/assets/icons/notification_important.svg') no-repeat center; } .icon-notification_sound { -webkit-mask: url('/assets/icons/notification_sound.svg') no-repeat center; mask: url('/assets/icons/notification_sound.svg') no-repeat center; } .icon-doorbell{ -webkit-mask: url('/assets/icons/doorbell.svg') no-repeat center; mask: url('/assets/icons/doorbell.svg') no-repeat center; } .icon-bell_solid{ -webkit-mask: url('/assets/icons/bell_solid.svg') no-repeat center; mask: url('/assets/icons/bell_solid.svg') no-repeat center; } .icon-power_lights{ -webkit-mask: url('/assets/icons/power_lights.svg') no-repeat center; mask: url('/assets/icons/power_lights.svg') no-repeat center; } .icon-switch{ -webkit-mask: url('/assets/icons/switch.svg') no-repeat center; mask: url('/assets/icons/switch.svg') no-repeat center; } .icon-switch_off{ -webkit-mask: url('/assets/icons/switch_off.svg') no-repeat center; mask: url('/assets/icons/switch_off.svg') no-repeat center; } .icon-dangerous{ -webkit-mask: url('/assets/icons/dangerous.svg') no-repeat center; mask: url('/assets/icons/dangerous.svg') no-repeat center; } .icon-switch_off{ -webkit-mask: url('/assets/icons/switch_off.svg') no-repeat center; mask: url('/assets/icons/switch_off.svg') no-repeat center; } .icon-4g_mobiledata{ -webkit-mask: url('/assets/icons/4g_mobiledata.svg') no-repeat center; mask: url('/assets/icons/4g_mobiledata.svg') no-repeat center; } .icon-schedule{ -webkit-mask: url('/assets/icons/schedule.svg') no-repeat center; mask: url('/assets/icons/schedule.svg') no-repeat center; } .icon-kid_star_solid{ -webkit-mask: url('/assets/icons/kid_star_solid.svg') no-repeat center; mask: url('/assets/icons/kid_star_solid.svg') no-repeat center; } .icon-kid_star{ -webkit-mask: url('/assets/icons/kid_star.svg') no-repeat center; mask: url('/assets/icons/kid_star.svg') no-repeat center; } .icon-share{ -webkit-mask: url('/assets/icons/share.svg') no-repeat center; mask: url('/assets/icons/share.svg') no-repeat center; } .icon-apps{ -webkit-mask: url('/assets/icons/apps.svg') no-repeat center; mask: url('/assets/icons/apps.svg') no-repeat center; } .icon-tune{ -webkit-mask: url('/assets/icons/tune.svg') no-repeat center; mask: url('/assets/icons/tune.svg') no-repeat center; } .icon-login{ -webkit-mask: url('/assets/icons/login.svg') no-repeat center; mask: url('/assets/icons/login.svg') no-repeat center; } .icon-folder{ -webkit-mask: url('/assets/icons/folder.svg') no-repeat center; mask: url('/assets/icons/folder.svg') no-repeat center; } .icon-filter_list{ -webkit-mask: url('/assets/icons/filter_list.svg') no-repeat center; mask: url('/assets/icons/filter_list.svg') no-repeat center; } .icon-partly_cloudy_day{ -webkit-mask: url('/assets/icons/partly_cloudy_day.svg') no-repeat center; mask: url('/assets/icons/partly_cloudy_day.svg') no-repeat center; } .icon-view_agenda{ -webkit-mask: url('/assets/icons/view_agenda.svg') no-repeat center; mask: url('/assets/icons/view_agenda.svg') no-repeat center; } .icon-code{ -webkit-mask: url('/assets/icons/code.svg') no-repeat center; mask: url('/assets/icons/code.svg') no-repeat center; } .icon-manage_accounts{ -webkit-mask: url('/assets/icons/manage_accounts.svg') no-repeat center; mask: url('/assets/icons/manage_accounts.svg') no-repeat center; } .icon-target{ -webkit-mask: url('/assets/icons/target.svg') no-repeat center; mask: url('/assets/icons/target.svg') no-repeat center; } .icon-electric_bolt{ -webkit-mask: url('/assets/icons/electric_bolt.svg') no-repeat center; mask: url('/assets/icons/electric_bolt.svg') no-repeat center; } .icon-sms { -webkit-mask: url('/assets/icons/sms.svg') no-repeat center; mask: url('/assets/icons/sms.svg') no-repeat center; } .icon-restore_from_trash { -webkit-mask: url('/assets/icons/restore_from_trash.svg') no-repeat center; mask: url('/assets/icons/restore_from_trash.svg') no-repeat center; } .icon-arrow_left_alt { -webkit-mask: url('/assets/icons/arrow_left_alt.svg') no-repeat center; mask: url('/assets/icons/arrow_left_alt.svg') no-repeat center; } .icon-arrow_right_alt { -webkit-mask: url('/assets/icons/arrow_right_alt.svg') no-repeat center; mask: url('/assets/icons/arrow_right_alt.svg') no-repeat center; } .icon-send { -webkit-mask: url('/assets/icons/send.svg') no-repeat center; mask: url('/assets/icons/send.svg') no-repeat center; } .icon-cable { -webkit-mask: url('/assets/icons/cable.svg') no-repeat center; mask: url('/assets/icons/cable.svg') no-repeat center; } .icon-description { -webkit-mask: url('/assets/icons/description.svg') no-repeat center; mask: url('/assets/icons/description.svg') no-repeat center; } .icon-storage { -webkit-mask: url('/assets/icons/storage.svg') no-repeat center; mask: url('/assets/icons/storage.svg') no-repeat center; } .icon-call_to_action { -webkit-mask: url('/assets/icons/call_to_action.svg') no-repeat center; mask: url('/assets/icons/call_to_action.svg') no-repeat center; } .icon-signature { -webkit-mask: url('/assets/icons/signature.svg') no-repeat center; mask: url('/assets/icons/signature.svg') no-repeat center; } .icon-key { -webkit-mask: url('/assets/icons/key.svg') no-repeat center; mask: url('/assets/icons/key.svg') no-repeat center; } .icon-palette { -webkit-mask: url('/assets/icons/palette.svg') no-repeat center; mask: url('/assets/icons/palette.svg') no-repeat center; } .icon-shield { -webkit-mask: url('/assets/icons/shield-solid.svg') no-repeat center; mask: url('/assets/icons/shield-solid.svg') no-repeat center; } .icon-house { -webkit-mask: url('/assets/icons/house-solid.svg') no-repeat center; mask: url('/assets/icons/house-solid.svg') no-repeat center; } .icon-unlock { -webkit-mask: url('/assets/icons/unlock-solid.svg') no-repeat center; mask: url('/assets/icons/unlock-solid.svg') no-repeat center; } .icon-gear-solid { -webkit-mask: url('/assets/icons/gear-solid.svg') no-repeat center; mask: url('/assets/icons/gear-solid.svg') no-repeat center; } .icon-arrow-right-from-bracket-solid { -webkit-mask: url('/assets/icons/arrow-right-from-bracket-solid.svg') no-repeat center; mask: url('/assets/icons/arrow-right-from-bracket-solid.svg') no-repeat center; } /* ICONE PER ZONE - tutte convertite in mask */ .icon-smoke { -webkit-mask: url('/assets/icons/sensor_smoke.svg') no-repeat center; mask: url('/assets/icons/sensor_smoke.svg') no-repeat center; } .icon-water { -webkit-mask: url('/assets/icons/water_drop.svg') no-repeat center; mask: url('/assets/icons/water_drop.svg') no-repeat center; } .icon-pir { -webkit-mask: url('/assets/icons/sensors_pir.svg') no-repeat center; mask: url('/assets/icons/sensors_pir.svg') no-repeat center; } .icon-door { -webkit-mask: url('/assets/icons/door_sensor.svg') no-repeat center; mask: url('/assets/icons/door_sensor.svg') no-repeat center; } .icon-window { -webkit-mask: url('/assets/icons/window_sensor.svg') no-repeat center; mask: url('/assets/icons/window_sensor.svg') no-repeat center; } .icon-thermostat { -webkit-mask: url('/assets/icons/device_thermostat.svg') no-repeat center; mask: url('/assets/icons/device_thermostat.svg') no-repeat center; } .icon-seismic { -webkit-mask: url('/assets/icons/sensor_seismic.svg') no-repeat center; mask: url('/assets/icons/sensor_seismic.svg') no-repeat center; } .icon-setting_zone { -webkit-mask: url('/assets/icons/setting_zone.svg') no-repeat center; mask: url('/assets/icons/setting_zone.svg') no-repeat center; } .icon-settings { -webkit-mask: url('/assets/icons/settings.svg') no-repeat center; mask: url('/assets/icons/settings.svg') no-repeat center; } .icon-settings_applications { -webkit-mask: url('/assets/icons/settings_applications.svg') no-repeat center; mask: url('/assets/icons/settings_applications.svg') no-repeat center; } .icon-power { -webkit-mask: url('/assets/icons/power.svg') no-repeat center; mask: url('/assets/icons/power.svg') no-repeat center; } .icon-power_settings_circle { -webkit-mask: url('/assets/icons/power_settings_circle.svg') no-repeat center; mask: url('/assets/icons/power_settings_circle.svg') no-repeat center; } .icon-power_btn { -webkit-mask: url('/assets/icons/power_btn.svg') no-repeat center; mask: url('/assets/icons/power_btn.svg') no-repeat center; } .icon-infrared { -webkit-mask: url('/assets/icons/infrared_ext.svg') no-repeat center; mask: url('/assets/icons/infrared_ext.svg') no-repeat center; } .icon-dt360 { -webkit-mask: url('/assets/icons/dt_360.svg') no-repeat center; mask: url('/assets/icons/dt_360.svg') no-repeat center; } .icon-add { -webkit-mask: url('/assets/icons/add.svg') no-repeat center; mask: url('/assets/icons/add.svg') no-repeat center; } .icon-remove { -webkit-mask: url('/assets/icons/remove.svg') no-repeat center; mask: url('/assets/icons/remove.svg') no-repeat center; } /* NUOVE ICONE - tutte in mask */ .icon-live_help { -webkit-mask: url('/assets/icons/live_help.svg') no-repeat center; mask: url('/assets/icons/live_help.svg') no-repeat center; } .icon-contact_support { -webkit-mask: url('/assets/icons/contact_support.svg') no-repeat center; mask: url('/assets/icons/contact_support.svg') no-repeat center; } .icon-alternate_email { -webkit-mask: url('/assets/icons/alternate_email.svg') no-repeat center; mask: url('/assets/icons/alternate_email.svg') no-repeat center; } .icon-monitor_heart { -webkit-mask: url('/assets/icons/monitor_heart.svg') no-repeat center; mask: url('/assets/icons/monitor_heart.svg') no-repeat center; } .icon-view_list { -webkit-mask: url('/assets/icons/view_list.svg') no-repeat center; mask: url('/assets/icons/view_list.svg') no-repeat center; } .icon-list { -webkit-mask: url('/assets/icons/list.svg') no-repeat center; mask: url('/assets/icons/list.svg') no-repeat center; } .icon-mail { -webkit-mask: url('/assets/icons/mail.svg') no-repeat center; mask: url('/assets/icons/mail.svg') no-repeat center; } .icon-mark_email_read { -webkit-mask: url('/assets/icons/mark_email_read.svg') no-repeat center; mask: url('/assets/icons/mark_email_read.svg') no-repeat center; } .icon-people { -webkit-mask: url('/assets/icons/people.svg') no-repeat center; mask: url('/assets/icons/people.svg') no-repeat center; } .icon-tv_options_edit_channels { -webkit-mask: url('/assets/icons/tv_options_edit_channels.svg') no-repeat center; mask: url('/assets/icons/tv_options_edit_channels.svg') no-repeat center; } .icon-delete_forever { -webkit-mask: url('/assets/icons/delete_forever.svg') no-repeat center; mask: url('/assets/icons/delete_forever.svg') no-repeat center; } .icon-php { -webkit-mask: url('/assets/icons/php.svg') no-repeat center; mask: url('/assets/icons/php.svg') no-repeat center; } .icon-database { -webkit-mask: url('/assets/icons/database.svg') no-repeat center; mask: url('/assets/icons/database.svg') no-repeat center; } .icon-dashboard { -webkit-mask: url('/assets/icons/dashboard.svg') no-repeat center; mask: url('/assets/icons/dashboard.svg') no-repeat center; } .icon-person { -webkit-mask: url('/assets/icons/person.svg') no-repeat center; mask: url('/assets/icons/person.svg') no-repeat center; } .icon-cards_stack { -webkit-mask: url('/assets/icons/cards_stack.svg') no-repeat center; mask: url('/assets/icons/cards_stack.svg') no-repeat center; } .icon-handyman { -webkit-mask: url('/assets/icons/handyman.svg') no-repeat center; mask: url('/assets/icons/handyman.svg') no-repeat center; } .icon-groups { -webkit-mask: url('/assets/icons/groups.svg') no-repeat center; mask: url('/assets/icons/groups.svg') no-repeat center; } .icon-group { -webkit-mask: url('/assets/icons/group.svg') no-repeat center; mask: url('/assets/icons/group.svg') no-repeat center; } .icon-web { -webkit-mask: url('/assets/icons/web.svg') no-repeat center; mask: url('/assets/icons/web.svg') no-repeat center; } .icon-instant_mix { -webkit-mask: url('/assets/icons/instant_mix.svg') no-repeat center; mask: url('/assets/icons/instant_mix.svg') no-repeat center; } .icon-download { -webkit-mask: url('/assets/icons/download.svg') no-repeat center; mask: url('/assets/icons/download.svg') no-repeat center; } .icon-upload { -webkit-mask: url('/assets/icons/upload.svg') no-repeat center; mask: url('/assets/icons/upload.svg') no-repeat center; } .icon-mop { -webkit-mask: url('/assets/icons/mop.svg') no-repeat center; mask: url('/assets/icons/mop.svg') no-repeat center; } .icon-logout { -webkit-mask: url('/assets/icons/logout.svg') no-repeat center; mask: url('/assets/icons/logout.svg') no-repeat center; } .icon-save { -webkit-mask: url('/assets/icons/save.svg') no-repeat center; mask: url('/assets/icons/save.svg') no-repeat center; } .icon-delete { -webkit-mask: url('/assets/icons/delete.svg') no-repeat center; mask: url('/assets/icons/delete.svg') no-repeat center; } .icon-menu { -webkit-mask: url('/assets/icons/menu.svg') no-repeat center; mask: url('/assets/icons/menu.svg') no-repeat center; } .icon-close { -webkit-mask: url('/assets/icons/close.svg') no-repeat center; mask: url('/assets/icons/close.svg') no-repeat center; } .icon-security { -webkit-mask: url('/assets/icons/security.svg') no-repeat center; mask: url('/assets/icons/security.svg') no-repeat center; } .icon-videocam { -webkit-mask: url('/assets/icons/videocam.svg') no-repeat center; mask: url('/assets/icons/videocam.svg') no-repeat center; } .icon-charger { -webkit-mask: url('/assets/icons/charger.svg') no-repeat center; mask: url('/assets/icons/charger.svg') no-repeat center; } .icon-lock { -webkit-mask: url('/assets/icons/lock.svg') no-repeat center; mask: url('/assets/icons/lock.svg') no-repeat center; } .icon-home { -webkit-mask: url('/assets/icons/home.svg') no-repeat center; mask: url('/assets/icons/home.svg') no-repeat center; } .icon-factory { -webkit-mask: url('/assets/icons/factory.svg') no-repeat center; mask: url('/assets/icons/factory.svg') no-repeat center; } .icon-verified { -webkit-mask: url('/assets/icons/verified.svg') no-repeat center; mask: url('/assets/icons/verified.svg') no-repeat center; } .icon-check_box_outline_blank { -webkit-mask: url('/assets/icons/check_box_outline_blank.svg') no-repeat center; mask: url('/assets/icons/check_box_outline_blank.svg') no-repeat center; } .icon-check_box { -webkit-mask: url('/assets/icons/check_box.svg') no-repeat center; mask: url('/assets/icons/check_box.svg') no-repeat center; } .icon-check { -webkit-mask: url('/assets/icons/check.svg') no-repeat center; mask: url('/assets/icons/check.svg') no-repeat center; } .icon-visibility { -webkit-mask: url('/assets/icons/visibility.svg') no-repeat center; mask: url('/assets/icons/visibility.svg') no-repeat center; } .icon-groups_3 { -webkit-mask: url('/assets/icons/groups_3.svg') no-repeat center; mask: url('/assets/icons/groups_3.svg') no-repeat center; } .icon-progress_activity { -webkit-mask: url('/assets/icons/progress_activity.svg') no-repeat center; mask: url('/assets/icons/progress_activity.svg') no-repeat center; } .icon-wifi_off { -webkit-mask: url('/assets/icons/wifi_off.svg') no-repeat center; mask: url('/assets/icons/wifi_off.svg') no-repeat center; } .icon-wifi { -webkit-mask: url('/assets/icons/wifi.svg') no-repeat center; mask: url('/assets/icons/wifi.svg') no-repeat center; } .icon-warning { -webkit-mask: url('/assets/icons/warning.svg') no-repeat center; mask: url('/assets/icons/warning.svg') no-repeat center; } .icon-shield_toggle { -webkit-mask: url('/assets/icons/shield_toggle.svg') no-repeat center; mask: url('/assets/icons/shield_toggle.svg') no-repeat center; } .icon-block { -webkit-mask: url('/assets/icons/block.svg') no-repeat center; mask: url('/assets/icons/block.svg') no-repeat center; } .icon-check_circle { -webkit-mask: url('/assets/icons/check_circle.svg') no-repeat center; mask: url('/assets/icons/check_circle.svg') no-repeat center; } .icon-remove_moderator { -webkit-mask: url('/assets/icons/remove_moderator.svg') no-repeat center; mask: url('/assets/icons/remove_moderator.svg') no-repeat center; } .icon-circle_circle { -webkit-mask: url('/assets/icons/circle_circle.svg') no-repeat center; mask: url('/assets/icons/circle_circle.svg') no-repeat center; } /* NUOVE ICONE AGGIUNTE */ .icon-bug_report { -webkit-mask: url('/assets/icons/bug_report.svg') no-repeat center; mask: url('/assets/icons/bug_report.svg') no-repeat center; } .icon-data_table { -webkit-mask: url('/assets/icons/data_table.svg') no-repeat center; mask: url('/assets/icons/data_table.svg') no-repeat center; } .icon-detector_co { -webkit-mask: url('/assets/icons/detector_co.svg') no-repeat center; mask: url('/assets/icons/detector_co.svg') no-repeat center; } .icon-detector_offline { -webkit-mask: url('/assets/icons/detector_offline.svg') no-repeat center; mask: url('/assets/icons/detector_offline.svg') no-repeat center; } .icon-detector_smoke { -webkit-mask: url('/assets/icons/detector_smoke.svg') no-repeat center; mask: url('/assets/icons/detector_smoke.svg') no-repeat center; } .icon-lightbulb { -webkit-mask: url('/assets/icons/lightbulb.svg') no-repeat center; mask: url('/assets/icons/lightbulb.svg') no-repeat center; } .icon-overview { -webkit-mask: url('/assets/icons/overview.svg') no-repeat center; mask: url('/assets/icons/overview.svg') no-repeat center; } .icon-upcoming { -webkit-mask: url('/assets/icons/upcoming.svg') no-repeat center; mask: url('/assets/icons/upcoming.svg') no-repeat center; } .icon-home_app_logo { -webkit-mask: url('/assets/icons/home_app_logo.svg') no-repeat center; mask: url('/assets/icons/home_app_logo.svg') no-repeat center; } .icon-restart_alt { -webkit-mask: url('/assets/icons/restart_alt.svg') no-repeat center; mask: url('/assets/icons/restart_alt.svg') no-repeat center; } .icon-radar { -webkit-mask: url('/assets/icons/radar.svg') no-repeat center; mask: url('/assets/icons/radar.svg') no-repeat center; } .icon-home_iot_device { -webkit-mask: url('/assets/icons/home_iot_device.svg') no-repeat center; mask: url('/assets/icons/home_iot_device.svg') no-repeat center; } /* === NUOVE ICONE AGGIUNTE (TU RICHIESTE) === */ .icon-chat { -webkit-mask: url('/assets/icons/chat.svg') no-repeat center; mask: url('/assets/icons/chat.svg') no-repeat center; } .icon-edit_square { -webkit-mask: url('/assets/icons/edit_square.svg') no-repeat center; mask: url('/assets/icons/edit_square.svg') no-repeat center; } .icon-arrow_downward { -webkit-mask: url('/assets/icons/arrow_downward.svg') no-repeat center; mask: url('/assets/icons/arrow_downward.svg') no-repeat center; } .icon-arrow_upward { -webkit-mask: url('/assets/icons/arrow_upward.svg') no-repeat center; mask: url('/assets/icons/arrow_upward.svg') no-repeat center; } .icon-arrow_back { -webkit-mask: url('/assets/icons/arrow_back.svg') no-repeat center; mask: url('/assets/icons/arrow_back.svg') no-repeat center; } .icon-public { -webkit-mask: url('/assets/icons/public.svg') no-repeat center; mask: url('/assets/icons/public.svg') no-repeat center; } .icon-open_in_new { -webkit-mask: url('/assets/icons/open_in_new.svg') no-repeat center; mask: url('/assets/icons/open_in_new.svg') no-repeat center; } .icon-account_box { -webkit-mask: url('/assets/icons/account_box.svg') no-repeat center; mask: url('/assets/icons/account_box.svg') no-repeat center; } .icon-memory { -webkit-mask: url('/assets/icons/memory.svg') no-repeat center; mask: url('/assets/icons/memory.svg') no-repeat center; } .icon-blinds { -webkit-mask: url('/assets/icons/blinds.svg') no-repeat center; mask: url('/assets/icons/blinds.svg') no-repeat center; } .icon-sensors_krx { -webkit-mask: url('/assets/icons/sensors_krx.svg') no-repeat center; mask: url('/assets/icons/sensors_krx.svg') no-repeat center; } .icon-motion_sensor_active { -webkit-mask: url('/assets/icons/motion_sensor_active.svg') no-repeat center; mask: url('/assets/icons/motion_sensor_active.svg') no-repeat center; } .icon-search { -webkit-mask: url('/assets/icons/search.svg') no-repeat center; mask: url('/assets/icons/search.svg') no-repeat center; } .icon-emergency_home { -webkit-mask: url('/assets/icons/emergency_home.svg') no-repeat center; mask: url('/assets/icons/emergency_home.svg') no-repeat center; } .icon-developer_board { -webkit-mask: url('/assets/icons/developer_board.svg') no-repeat center; mask: url('/assets/icons/developer_board.svg') no-repeat center; } .icon-info { -webkit-mask: url('/assets/icons/info.svg') no-repeat center; mask: url('/assets/icons/info.svg') no-repeat center; } .icon-refresh { -webkit-mask: url('/assets/icons/refresh.svg') no-repeat center; mask: url('/assets/icons/refresh.svg') no-repeat center; } .icon-forms_add_on { -webkit-mask: url('/assets/icons/forms_add_on.svg') no-repeat center; mask: url('/assets/icons/forms_add_on.svg') no-repeat center; } .icon-sync_arrow_down { -webkit-mask: url('/assets/icons/sync_arrow_down.svg') no-repeat center; mask: url('/assets/icons/sync_arrow_down.svg') no-repeat center; } .icon-sync_arrow_up { -webkit-mask: url('/assets/icons/sync_arrow_up.svg') no-repeat center; mask: url('/assets/icons/sync_arrow_up.svg') no-repeat center; } .icon-file_json { -webkit-mask: url('/assets/icons/file_json.svg') no-repeat center; mask: url('/assets/icons/file_json.svg') no-repeat center; } .icon-drag_indicator { -webkit-mask: url('/assets/icons/drag_indicator.svg') no-repeat center; mask: url('/assets/icons/drag_indicator.svg') no-repeat center; } .icon-history_toggle_off { -webkit-mask: url('/assets/icons/history_toggle_off.svg') no-repeat center; mask: url('/assets/icons/history_toggle_off.svg') no-repeat center; } .icon-history_2 { -webkit-mask: url('/assets/icons/history_2.svg') no-repeat center; mask: url('/assets/icons/history_2.svg') no-repeat center; } .icon-shield_locked { -webkit-mask: url('/assets/icons/shield_locked.svg') no-repeat center; mask: url('/assets/icons/shield_locked.svg') no-repeat center; } /* COLORI - basta aggiungere classi text-* */ .icon.text-orange { background-color: #FF6900; } .icon.text-warning { background-color: #FF9F2E; } .icon.text-secondary { background-color: #94A3B8; } .icon.text-light { background-color: #F8FAFC; } .icon.text-danger { background-color: #c50000; } .icon.text-success { background-color: #22c55e; } .icon.text-primary { background-color: #6CACE4; } .icon.text-white { background-color: #ffffff; } .icon.text-black { background-color: #000000; } /* .icon.text-soft-success { background-color: #22c55e !important; opacity: 0.85; } .icon.text-soft-danger { background-color: #c50000 !important; opacity: 0.85; } .icon.text-soft-warning { background-color: #FF9F2E !important; opacity: 0.85; } .icon.text-soft-info { background-color: #3bc9db !important; opacity: 0.85; } .icon.text-soft-secondary { background-color: #94A3B8 !important; opacity: 0.8; } */ /* Colori soft per icone di destra (stato sistema) - versione scura/arancio */ .icon.text-soft-success { background-color: #006403 !important; } .icon.text-soft-danger { background-color: #9e2000 !important; } .icon.text-soft-warning { background-color: #f39c12 !important; } .icon.text-soft-info { background-color: #f1c40f !important; } .icon.text-soft-secondary { background-color: #9e9e9e !important;}