/* GENERAL WIDGET ICONS */
/* To activate, add "portal_ui_widget" class, then the widget icon of your choice below */
/* Default color is black, but can also be changed to white by adding "white" in the class */
.portal_ui_widget { display: inline-block; background-image: url(/_content/PresentationPackage/dashboard/images/icons/b/widgets.png); background-position: top left; width: 128px; height: 128px; background-size: 1100% 1100%; }
.portal_ui_widget.black { background-image: url(/_content/PresentationPackage/dashboard/images/icons/b/widgets.png); }
.portal_ui_widget.white { background-image: url(/_content/PresentationPackage/dashboard/images/icons/w/widgets.png); }

.ui_widget_accept { background-position: 0 0; }
.ui_widget_reject { background-position: 10% 0; }
.ui_widget_add { background-position: 20% 0; }
.ui_widget_delete { background-position: 30% 0; }
.ui_widget_open { background-position: 40% 0; }
.ui_widget_close { background-position: 50% 0; }
.ui_widget_drag { background-position: 60% 0; }
.ui_widget_refresh { background-position: 70% 0; }
.ui_widget_flip { background-position: 80% 0; }
.ui_widget_fs { background-position: 90% 0; }
.ui_widget_shrink { background-position: 100% 0; }

.ui_widget_right { background-position: 0 10%; }
.ui_widget_up { background-position: 10% 10%; }
.ui_widget_down { background-position: 20% 10%; }
.ui_widget_left { background-position: 30% 10%; }
.ui_widget_next { background-position: 40% 10%; }
.ui_widget_less { background-position: 50% 10%; }
.ui_widget_more { background-position: 60% 10%; }
.ui_widget_prev { background-position: 70% 10%; }
.ui_widget_expand { background-position: 80% 10%; }
.ui_widget_desc { background-position: 90% 10%; }
.ui_widget_asc { background-position: 100% 10%; }

.ui_widget_folderhome { background-position: 0 20%; }
.ui_widget_folder { background-position: 10% 20%; }
.ui_widget_document { background-position: 20% 20%; }
.ui_widget_calendar { background-position: 30% 20%; }
.ui_widget_unschedule { background-position: 40% 20%; }
.ui_widget_email { background-position: 50% 20%; }
.ui_widget_suitcase { background-position: 60% 20%; }
.ui_widget_chat { background-position: 70% 20%; }
.ui_widget_list { background-position: 80% 20%; }
.ui_widget_archive { background-position: 90% 20%; }
.ui_widget_restore { background-position: 100% 20%; }

.ui_widget_home { background-position: 0 30% }
.ui_widget_flag { background-position: 10% 30%; }
.ui_widget_move { background-position: 20% 30%; }
.ui_widget_dots { background-position: 30% 30%; }
.ui_widget_download { background-position: 40% 30%; }
.ui_widget_upload { background-position: 50% 30%; }
.ui_widget_save { background-position: 60% 30%; }
.ui_widget_print { background-position: 70% 30%; }
.ui_widget_selectall { background-position: 80% 30%; }
.ui_widget_selectnone { background-position: 90% 30%; }

.ui_widget_search { background-position: 0 40%; }
.ui_widget_filter { background-position: 10% 40%; }
.ui_widget_pin { background-position: 20% 40%; }
.ui_widget_change { background-position: 30% 40%; }
.ui_widget_edit { background-position: 40% 40%; }
.ui_widget_link { background-position: 50% 40%; }
.ui_widget_clip { background-position: 60% 40%; }
.ui_widget_view { background-position: 70% 40%; }
.ui_widget_clone { background-position: 80% 40%; }
.ui_widget_lock { background-position: 90% 40%; }
.ui_widget_unlock { background-position: 100% 40%; }

.ui_widget_options { background-position: 0 50%; }
.ui_widget_maintenance { background-position: 10% 50%; }
.ui_widget_manage { background-position: 20% 50%; }
.ui_widget_history { background-position: 30% 50%; }
.ui_widget_location { background-position: 40% 50%; }
.ui_widget_user { background-position: 50% 50%; }
.ui_widget_focus { background-position: 60% 50%; }
.ui_widget_textbox { background-position: 70% 50%; }
.ui_widget_textarea { background-position: 80% 50%; }
.ui_widget_radiolist { background-position: 90% 50%; }
.ui_widget_selectlist { background-position: 100% 50%; }

.ui_widget_play { background-position: 0 60%; }
.ui_widget_mute { background-position: 10% 60%; }
.ui_widget_unmute { background-position: 20% 60%; }
.ui_widget_audio { background-position: 30% 60%; }
.ui_widget_photo { background-position: 40% 60%; }
.ui_widget_webcam { background-position: 50% 60%; }
.ui_widget_video { background-position: 60% 60%; }

.ui_widget_certify { background-position: 0 70%; }
.ui_widget_decertify { background-position: 10% 70%; }
.ui_widget_signature { background-position: 20% 70%; }
.ui_widget_signupload { background-position: 30% 70%; }
.ui_widget_submit { background-position: 40% 70%; }
.ui_widget_approve { background-position: 50% 70%; }
.ui_widget_deny { background-position: 60% 70%; }
.ui_widget_unfavorite { background-position: 70% 70%; }
.ui_widget_favorite { background-position: 80% 70%; }

.ui_widget_notifyevent { background-position: 0 80%; }
.ui_widget_notifyschedule { background-position: 10% 80%; }
.ui_widget_notifyportal { background-position: 20% 80%; }
.ui_widget_notifysystem { background-position: 30% 80%; }
.ui_widget_notifyevent.selected { background-position: 50% 80%; }
.ui_widget_notifyschedule.selected { background-position: 60% 80%; }
.ui_widget_notifyportal.selected { background-position: 70% 80%; }
.ui_widget_notifysystem.selected { background-position: 80% 80%; }

.ui_widget_learn { background-position: 0 90%; }
.ui_widget_blueprint { background-position: 10% 90%; }
.ui_widget_chart { background-position: 20% 90%; }
.ui_widget_order { background-position: 30% 90%; }
.ui_widget_ship { background-position: 40% 90%; }
.ui_widget_boxtool { background-position: 50% 90%; }
.ui_widget_ticket { background-position: 60% 90%; }
.ui_widget_progress { background-position: 70% 90%; }

.ui_widget_detach { background-position: 0% 100%; }
.ui_widget_attach { background-position: 10% 100%; }
.ui_widget_zoomin { background-position: 20% 100%; }
.ui_widget_zoomout { background-position: 30% 100%; }

/* MENU ICONS */
/* To activate, add "portal_ui_menu" class, then the menu icon of your choice below */
/* Default color is black, but can also be changed to white by adding "white" in the class */
.portal_ui_menu { display: inline-block; background-image: url(/_content/PresentationPackage/dashboard/images/icons/b/menu.png); background-position: top left; width: 128px; height: 128px; background-size: 1100% 1100%; }
.portal_ui_menu.black { background-image: url(/_content/PresentationPackage/dashboard/images/icons/b/menu.png); }
.portal_ui_menu.white { background-image: url(/_content/PresentationPackage/dashboard/images/icons/w/menu.png); }

.ui_menu_home { background-position: 0% 0%; }
.ui_menu_options { background-position: 10% 0; }
.ui_menu_login { background-position: 20% 0; }
.ui_menu_logout { background-position: 30% 0; }
.ui_menu_info { background-position: 40% 0; }
.ui_menu_help { background-position: 50% 0; }
.ui_menu_windows { background-position: 60% 0; }
.ui_menu_password { background-position: 70% 0; }
.ui_menu_profile { background-position: 80% 0; }

.ui_menu_admin { background-position: 0% 10%; }
.ui_menu_system { background-position: 10% 10%; }
.ui_menu_certify { background-position: 20% 10%; }
.ui_menu_contact { background-position: 30% 10%; }
.ui_menu_faq { background-position: 40% 10%; }
.ui_menu_secure { background-position: 50% 10%; }
.ui_menu_policy { background-position: 60% 10%; }
.ui_menu_tutorial { background-position: 70% 10%; }
.ui_menu_support { background-position: 80% 10%; }

.ui_menu_report { background-position: 0% 20%; }
.ui_menu_chartbar { background-position: 10% 20%; }
.ui_menu_chartline { background-position: 20% 20%; }
.ui_menu_chartpie { background-position: 30% 20%; }
.ui_menu_chartdonut { background-position: 40% 20%; }
.ui_menu_chartweb { background-position: 50% 20%; }
.ui_menu_chartheat { background-position: 60% 20%; }
.ui_menu_chartmap { background-position: 70% 20%; }

.ui_menu_training { background-position: 0% 30%; }
.ui_menu_videolist { background-position: 10% 30%; }
.ui_menu_video { background-position: 20% 30%; }

.ui_menu_connect { background-position: 0% 40%; }
.ui_menu_chat { background-position: 10% 40%; }
.ui_menu_media { background-position: 20% 40%; }
.ui_menu_network { background-position: 30% 40%; }

.ui_menu_studies { background-position: 0% 50%; }
.ui_menu_studygroup { background-position: 10% 50%; } 
.ui_menu_studyadd { background-position: 20% 50%; }

.ui_menu_schedule { background-position: 0% 60%; }
.ui_menu_calendar { background-position: 10% 60%; }

.ui_menu_survey { background-position: 0% 70%; }

.ui_menu_orders { background-position: 0% 80%; }
.ui_menu_inventory { background-position: 10% 80%; }
.ui_menu_orderdata { background-position: 20% 80%; }
.ui_menu_orderadd { background-position: 30% 80%; }

.ui_menu_library { background-position: 0% 90%; }
.ui_menu_enhancement { background-position: 10% 90%; }


/* COLORED ICONS */
.portal_ui_icon { display: inline-block; background-image: url(/_content/PresentationPackage/dashboard/images/icons/c/icons.png); background-position: top left; width: 128px; height: 128px; background-size: 1100% 1100%; }

.ui_icon_error { background-position: 0% 0%; }
.ui_icon_warning { background-position: 10% 0%; }
.ui_icon_success { background-position: 20% 0%; }
.ui_icon_help { background-position: 30% 0%; }

.ui_icon_unchosen { background-position: 0 10%; }
.ui_icon_chosen { background-position: 10% 10%; }
.ui_icon_clear { background-position: 20% 10%; }
.ui_icon_alert { background-position: 30% 10%; }

.ui_icon_file { background-position: 0% 20%; }
.ui_icon_txt { background-position: 10% 20%; }
.ui_icon_pdf { background-position: 20% 20%; }
.ui_icon_doc { background-position: 30% 20%; }
.ui_icon_docx { background-position: 40% 20%; }
.ui_icon_xls { background-position: 50% 20%; }
.ui_icon_xlsx { background-position: 60% 20%; }
.ui_icon_ppt { background-position: 70% 20%; }
.ui_icon_pptx { background-position: 80% 20%; }

.ui_icon_gif { background-position: 0% 30%; }
.ui_icon_jpg, .ui_icon_jpeg { background-position: 10% 30%; }
.ui_icon_png { background-position: 20% 30%; }
.ui_icon_tiff, .ui_icon_tif { background-position: 30% 30%; }
.ui_icon_eps { background-position: 40% 30%; }
.ui_icon_raw, .ui_icon_cr2, .ui_icon_cr3 { background-position: 50% 30%; }
.ui_icon_psd { background-position: 60% 30%; }
.ui_icon_ai { background-position: 70% 30%; }
.ui_icon_indd, .ui_icon_ind { background-position: 80% 30%; }

.ui_icon_wav { background-position: 0% 40%; }
.ui_icon_mp3 { background-position: 10% 40%; }
.ui_icon_aiff, .ui_icon_aif { background-position: 20% 40%; }
.ui_icon_m4a { background-position: 30% 40%; }
.ui_icon_wma { background-position: 40% 40%; }

.ui_icon_mov { background-position: 0% 50%; }
.ui_icon_mp4, .ui_icon_m4v { background-position: 10% 50%; }
.ui_icon_avi { background-position: 20% 50%; }
.ui_icon_webm { background-position: 30% 50%; }
.ui_icon_wmv { background-position: 40% 50%; }


/* REPORT ICONS */
.portal_ui_report { display: inline-block; background-image: url(/_content/PresentationPackage/dashboard/images/icons/c/reports.png); background-position: top left; width: 512px; height: 512px; background-size: 600% 600%; }
.ui_report_generic { background-position: 0 0; }
.ui_report_users { background-position: 20% 0; }
.ui_report_organization { background-position: 40% 0; }
.ui_report_notifications { background-position: 60% 0; }
.ui_report_activity { background-position: 80% 0; }
.ui_report_certifications { background-position: 100% 0; }


/* MODULE ICONS */
/* To activate, add "portal_ui_menu" class, then the menu icon of your choice below */
/* These sprite-sheets are dual-tone colors. To create a new color theme, adjust the colors in the PSD,
   create a new flat file PNG and override the default spritesheet in the appropriate theme css file */
.portal_ui_module { display: inline-block; background-image: url(/_content/PresentationPackage/dashboard/images/icons/c/modules.png); background-position: top left; width: 256px; height: 256px; background-size: 1100% 1100%; }

.ui_module_generic { background-position: 0 0; }
.ui_module_admin { background-position: 10% 0; }
.ui_module_system { background-position: 20% 0; }

.ui_module_admin_account { background-position: 0 10%; }
.ui_module_admin_organization { background-position: 10% 10%; }
.ui_module_admin_notification { background-position: 20% 10%; }
.ui_module_admin_tracking { background-position: 30% 10%; }

.ui_module_system_roles { background-position: 0 20%; }
.ui_module_system_keys { background-position: 10% 20%; }
.ui_module_system_access { background-position: 20% 20%; }
.ui_module_system_reports { background-position: 30% 20%; }
.ui_module_system_notifymanager { background-position: 40% 20%; }
.ui_module_system_maintenance { background-position: 50% 20%; }
.ui_module_system_errors { background-position: 60% 20%; }

.ui_module_training { background-position: 0 30%; }
.ui_module_videolist { background-position: 10% 30%; }
.ui_module_video { background-position: 20% 30%; }

.ui_module_connect { background-position: 50% 30%; }
.ui_module_media { background-position: 60% 30%; }
.ui_module_chat { background-position: 70% 30%; }
.ui_module_network { background-position: 80% 30%; }

.ui_module_studies { background-position: 0 40%; }
.ui_module_studygroup { background-position: 10% 40%; }
.ui_module_studyitem { background-position: 20% 40%; }

.ui_module_schedule { background-position: 50% 40%; }
.ui_module_calendar { background-position: 60% 40%; }
.ui_module_event { background-position: 70% 40%; }

.ui_module_orders { background-position: 0 50%; }
.ui_module_orderlist { background-position: 10% 50%; }
.ui_module_inventory { background-position: 20% 50%; }
.ui_module_orderdata { background-position: 30% 50%; }

.ui_module_survey { background-position: 50% 50%; }

.ui_module_library { background-position: 0 60%; }
.ui_module_profile { background-position: 50% 60%; }
.ui_module_certify { background-position: 60% 60%; }

.ui_module_enhancement { background-position: 0 70%; }


/* BROWSER ICONS */
.portal_ui_browser { display: inline-block; background-image: url(/_content/PresentationPackage/home/images/browsers.png); background-position: top left; width: 128px; height: 128px; background-size: 1100% 100%; }
.ui_browser_ie { background-position: 0 0; }
.ui_browser_edge { background-position: 10% 0; }
.ui_browser_ff { background-position: 20% 0; }
.ui_browser_chrome { background-position: 30% 0; }
.ui_browser_safari { background-position: 40% 0; }
.ui_browser_opera { background-position: 50% 0; }
.ui_browser_generic { background-position: 60% 0; }

/* Animation icons */
.ui_animate_loading { background: url(/_content/PresentationPackage/dashboard/images/animation/b/loading.gif) no-repeat center; background-size: contain; }
.ui_animate_loading.white { background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); }
.ui_animate_loading_selector:before { background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-repeat: no-repeat; background-position: center; }