.dcdIcon {
    display: inline-block;
    font-size: 20px;
    height: 20px;
    text-align: center;
    width: 25px;
    vertical-align: middle;
}

.dcdInlineIcon {
    display: inline-block;
    vertical-align: middle;
}

.dcdDndGhost .dcdIcon,
.dcdPalette .dcdIcon {
    width: 30px;
    height: 30px;
}

.MainMenu .dcdIcon {
    width: 35px;
    height: 30px;
}

.dcdToolbar .dcdIcon {
    width: 15px;
    height: 15px;
}

/**************
 * ICON LINKS *
 **************/
/* @TODO find a way to use "fill" instead or dangeling around urls? */

/* DCD */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-dcd,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-dcd,
.dijitAccordionTitle .dcdIcon-dcd,
.dcdIcon-dcd
{
    background: url("../../img/icons/dcd_icon.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-dcd,
.dijitMenuItemHover .dcdIcon-dcd,
.dijitAccordionTitleSelected .dcdIcon-dcd,
.dcdIcon-dcd.alt
{
    background: url("../../img/icons/dcd_icon.white.svg") no-repeat center;
}

/* MANAGER */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-manager,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-manager,
.dcdIcon-manager
{
    background: url("../../img/icons/dcd_manager.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-manager,
.dijitMenuItemHover .dcdIcon-manager,
.dcdIcon-manager.alt
{
    background: url("../../img/icons/dcd_manager.white.svg") no-repeat center;
}

/* USER */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-user,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-user,
.dcdIcon-user
{
    background: url("../../img/icons/dcd_user.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-user,
.dijitMenuItemHover .dcdIcon-user,
.dcdIcon-user.alt
{
    background: url("../../img/icons/dcd_user.white.svg") no-repeat center;
}

/* USER ITEM */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-userItem,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-userItem,
.dcdIcon-userItem
{
    background: url("../../img/icons/item_user.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-userItem,
.dijitMenuItemHover .dcdIcon-userItem,
.dcdIcon-userItem.alt
{
    background: url("../../img/icons/item_user.black.svg") no-repeat center;
}

/* USER ITEM LOCK */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-userItem-lock,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-userItem-lock,
.dcdIcon-userItem-lock
{
    background: url("../../img/icons/item_user-lock.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-userItem-lock,
.dijitMenuItemHover .dcdIcon-userItem-lock,
.dcdIcon-userItem-lock.alt
{
    background: url("../../img/icons/item_user-lock.white.svg") no-repeat center;
}

/* USER ITEM DISABLED */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-userItem-disable,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-userItem-disable,
.dcdIcon-userItem-disable
{
    background: url("../../img/icons/item_user-disable.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-userItem-disable,
.dijitMenuItemHover .dcdIcon-userItem-disable,
.dcdIcon-userItem-disable.alt
{
    background: url("../../img/icons/item_user-disable.white.svg") no-repeat center;
}

/* GROUP */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-group,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-group,
.dcdIcon-group
{
    background: url("../../img/icons/item_group.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-group,
.dijitMenuItemHover .dcdIcon-group,
.dcdIcon-group.alt
{
    background: url("../../img/icons/item_group.white.svg") no-repeat center;
}

/* IP */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-ip,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-ip,
.dijitAccordionTitle .dcdIcon-ip,
.dcdIcon-ip
{
    background: url("../../img/icons/item_ip.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-ip,
.dijitMenuItemHover .dcdIcon-ip,
.dijitAccordionTitleSelected .dcdIcon-ip,
.dcdIcon-ip.alt
{
    background: url("../../img/icons/item_ip.white.svg") no-repeat center;
}

/* CD */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cd,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cd,
.dcdIcon-cd
{
    background: url("../../img/icons/item_cd.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cd,
.dijitMenuItemHover .dcdIcon-cd,
.dcdIcon-cd.alt
{
    background: url("../../img/icons/item_cd.white.svg") no-repeat center;
}

/* CLOUD INIT*/
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cloudinit,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cloudinit,
.dcdIcon-cloudinit
{
    background-size: contain !important;
    background: url("../../img/icons/item_cloudinit.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cloudinit,
.dijitMenuItemHover .dcdIcon-cloudinit,
.dcdIcon-cloudinit.alt
{
    background-size: contain !important;
    background: url("../../img/icons/item_cloudinit.white.svg") no-repeat center;
}

/* CLOUD */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cloud,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cloud,
.dcdIcon-cloud
{
    background: url("../../img/icons/item_cloudaccess.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cloud,
.dijitMenuItemHover .dcdIcon-cloud,
.dcdIcon-cloud.alt
{
    background: url("../../img/icons/item_cloudaccess.white.svg") no-repeat center;
}

/* KUBERNETES */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-kubernetes,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-kubernetes,
.dcdIcon-kubernetes
{
    background: url("../../img/icons/item_wheel.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-kubernetes,
.dijitMenuItemHover .dcdIcon-kubernetes,
.dcdIcon-kubernetes.alt
{
    background: url("../../img/icons/item_wheel.white.svg") no-repeat center;
}

/* Alarm */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-alarm,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-alarm,
.dcdIcon-alarm
{
    background: url("../../img/icons/dcd_alarm.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-alarm,
.dijitMenuItemHover .dcdIcon-alarm,
.dcdIcon-alarm.alt
{
    background: url("../../img/icons/dcd_alarm.white.svg") no-repeat center;
}

/* NAT Gateway */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-gateway,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-gateway,
.dcdIcon-gateway
{
    background: url("../../img/icons/item_gateway.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-gateway,
.dijitMenuItemHover .dcdIcon-gateway,
.dcdIcon-gateway.alt
{
    background: url("../../img/icons/item_gateway.white.svg") no-repeat center;
}

/* SERVER */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-server,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-server,
.dcdIcon-server
{
    background: url("../../img/icons/item_server.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-server,
.dijitMenuItemHover .dcdIcon-server,
.dcdIcon-server.alt
{
    background: url("../../img/icons/item_server.white.svg") no-repeat center;
}

/* Cube */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-server-cube,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-server-cube,
.dcdIcon-server-cube
{
    background: url("../../img/icons/item_server-cube.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-server-cube,
.dijitMenuItemHover .dcdIcon-server-cube,
.dcdIcon-server-cube.alt
{
    background: url("../../img/icons/item_server-cube.white.svg") no-repeat center;
}

/* HDD */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-hdd,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-hdd,
.dcdIcon-hdd
{
    background: url("../../img/icons/item_hdd.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-hdd,
.dijitMenuItemHover .dcdIcon-hdd,
.dcdIcon-hdd.alt
{
    background: url("../../img/icons/item_hdd.white.svg") no-repeat center;
}

/* SSD */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-ssd,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-ssd,
.dcdIcon-ssd
{
    background: url("../../img/icons/item_ssd.black.svg") no-repeat center;
}
/* DAS */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-das,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-das,
.dcdIcon-das
{
    background: url("../../img/icons/item_cube_das.black.svg") no-repeat center;
}

.dijitMenuItemSelected .dcdIcon-ssd,
.dijitMenuItemHover .dcdIcon-ssd,
.dcdIcon-ssd.alt
{
    background: url("../../img/icons/item_ssd.white.svg") no-repeat center;
}

/* DAS */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cube-das,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cube-das,
.dcdIcon-cube-das
{
    background: url("../../img/icons/item_cube_das.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cube-das,
.dijitMenuItemHover .dcdIcon-cube-das,
.dcdIcon-cube-das.alt
{
    background: url("../../img/icons/item_cube_das.white.svg") no-repeat center;
}

/* FOTO / Camera / Snapshot */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-foto,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-foto,
.dijitAccordionTitle .dcdIcon-foto,
.dcdIcon-foto
{
    background: url("../../img/icons/item_foto.black.svg") no-repeat center;
}
.dijitAccordionTitleSelected .dcdIcon-foto,
.dijitMenuItemSelected .dcdIcon-foto,
.dijitMenuItemHover .dcdIcon-foto,
.dcdIcon-foto.alt
{
    background: url("../../img/icons/item_foto.white.svg") no-repeat center;
}

/* CUBE / S3 / Object Storage */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cube,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cube,
.dcdIcon-cube
{
    background: url("../../img/icons/item_cube.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cube,
.dijitMenuItemHover .dcdIcon-cube,
.dcdIcon-cube.alt
{
    background: url("../../img/icons/item_cube.white.svg") no-repeat center;
}

/* BACKUPS / Multicopy / Backup units */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-backups,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-backups,
.dcdIcon-backups
{
    background: url("../../img/icons/item_backups.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-backups,
.dijitMenuItemHover .dcdIcon-backups,
.dcdIcon-backups.alt
{
    background: url("../../img/icons/item_backups.white.svg") no-repeat center;
}

/* CONNECT */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-cconnect,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-cconnect,
.dcdIcon-cconnect
{
    background: url("../../img/icons/item_cconnect.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-cconnect,
.dijitMenuItemHover .dcdIcon-cconnect,
.dcdIcon-cconnect.alt
{
    background: url("../../img/icons/item_cconnect.white.svg") no-repeat center;
}

/* NIC */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-nic,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-nic,
.dcdIcon-nic
{
    background: url("../../img/icons/item_nic.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-nic,
.dijitMenuItemHover .dcdIcon-nic,
.dcdIcon-nic.alt
{
    background: url("../../img/icons/item_nic.white.svg") no-repeat center;
}

/* CORE */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-core,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-core,
.dcdIcon-core
{
    background: url("../../img/icons/item_core.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-core,
.dijitMenuItemHover .dcdIcon-core,
.dcdIcon-core.alt
{
    background: url("../../img/icons/item_core.white.svg") no-repeat center;
}

/* RAM */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-ram,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-ram,
.dcdIcon-ram
{
    background: url("../../img/icons/item_ram.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-ram,
.dijitMenuItemHover .dcdIcon-ram,
.dcdIcon-ram.alt
{
    background: url("../../img/icons/item_ram.white.svg") no-repeat center;
}

/* LAN */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-lan,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-lan,
.dcdIcon-lan
{
    background: url("../../img/icons/item_lan.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-lan,
.dijitMenuItemHover .dcdIcon-lan,
.dcdIcon-lan.alt
{
    background: url("../../img/icons/item_lan.white.svg") no-repeat center;
}

/* LAN-Private */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-download,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-download,
.dcdIcon-download
{
    background: url("../../img/icons/download.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-download,
.dijitMenuItemHover .dcdIcon-download,
.dcdIcon-download.alt
{
    background: url("../../img/icons/download.white.svg") no-repeat center;
}

/* LAN-Private */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-lan-private,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-lan-private,
.dcdIcon-lan-private
{
    background: url("../../img/icons/item_lan-private.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-lan-private,
.dijitMenuItemHover .dcdIcon-lan-private,
.dcdIcon-lan-private.alt
{
    background: url("../../img/icons/item_lan-private.white.svg") no-repeat center;
}

/* LAN-Public */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-lan-public,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-lan-public,
.dcdIcon-lan-public
{
    background: url("../../img/icons/item_lan-public.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-lan-public,
.dijitMenuItemHover .dcdIcon-lan-public,
.dcdIcon-lan-public.alt
{
    background: url("../../img/icons/item_lan-public.white.svg") no-repeat center;
}

/* COMPOSITE */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-composite,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-composite,
.dcdIcon-composite
{
    background: url("../../img/icons/item_composite.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-composite,
.dijitMenuItemHover .dcdIcon-composite,
.dcdIcon-composite.alt
{
    background: url("../../img/icons/item_composite.white.svg") no-repeat center;
}

/* LOADBALANCER */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-loadbalancer,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-loadbalancer,
.dcdIcon-loadbalancer
{
    background: url("../../img/icons/item_loadbalancer.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-loadbalancer,
.dijitMenuItemHover .dcdIcon-loadbalancer,
.dcdIcon-loadbalancer.alt
{
    background: url("../../img/icons/item_loadbalancer.white.svg") no-repeat center;
}

/* HEALTH CHECK */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-health-check,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-health-check,
.dcdIcon-health-check
{
    background: url("../../img/icons/item_healthcheck.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-health-check,
.dijitMenuItemHover .dcdIcon-health-check,
.dcdIcon-health-check.alt
{
    background: url("../../img/icons/item_healthcheck.white.svg") no-repeat center;
}



/* FIREWALL */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-firewall,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-firewall,
.dcdIcon-firewall
{
    background: url("../../img/icons/item_firewall.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-firewall,
.dijitMenuItemHover .dcdIcon-firewall,
.dcdIcon-firewall.alt
{
    background: url("../../img/icons/item_firewall.white.svg") no-repeat center;
}

/* LOCATION */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-location,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-location,
.dcdIcon-location
{
    background: url("../../img/icons/tool_location.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-location,
.dijitMenuItemHover .dcdIcon-location,
.dcdIcon-location.alt
{
    background: url("../../img/icons/tool_location.white.svg") no-repeat center;
}

/* CONNECT */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-connect,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-connect,
.dcdIcon-connect
{
    background: url("../../img/icons/tool_connect.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-connect,
.dijitMenuItemHover .dcdIcon-connect,
.dcdIcon-connect.alt
{
    background: url("../../img/icons/tool_connect.white.svg") no-repeat center;
}

/* DISCONNECT */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-disconnect,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-disconnect,
.dcdIcon-disconnect
{
    background: url("../../img/icons/tool_disconnect.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-disconnect,
.dijitMenuItemHover .dcdIcon-disconnect,
.dcdIcon-disconnect.alt
{
    background: url("../../img/icons/tool_disconnect.white.svg") no-repeat center;
}

/* POWER */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-power,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-power,
.dcdIcon-power
{
    background: url("../../img/icons/tool_power.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-power,
.dijitMenuItemHover .dcdIcon-power,
.dcdIcon-power.alt
{
    background: url("../../img/icons/tool_power.white.svg") no-repeat center;
}

/* START */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-start,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-start,
.dcdIcon-start
{
    background: url("../../img/icons/tool_start.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-start,
.dijitMenuItemHover .dcdIcon-start,
.dcdIcon-start.alt
{
    background: url("../../img/icons/tool_start.white.svg") no-repeat center;
}

/* STOP */
.dijitMenuItemSelected .dcdListItemIcon.dcdIcon-stop,
.dijitMenuItemHover .dcdListItemIcon.dcdIcon-stop,
.dcdIcon-stop
{
    background: url("../../img/icons/tool_stop.black.svg") no-repeat center;
}
.dijitMenuItemSelected .dcdIcon-stop,
.dijitMenuItemHover .dcdIcon-stop,
.dcdIcon-stop.alt
{
    background: url("../../img/icons/tool_stop.white.svg") no-repeat center;
}

/**************
 * ZONE-ICONS *
 * & OS-ICONS *
 **************/

.dcdZoneIcon,
.dcdOsIcon {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.dcdIcon-windows-new { background: url("../../img/os/os_windows2016.black.svg") no-repeat center; }
.dijitMenuItemSelected .dcdIcon-windows-new,
.dijitMenuItemHover .dcdIcon-windows-new,
.dcdIcon-windows-new.alt { background: url("../../img/os/os_windows2016.white.svg") no-repeat center; }

.dcdIcon-windows-old { background: url("../../img/os/os_windows.black.svg") no-repeat center; }
.dijitMenuItemSelected .dcdIcon-windows-old,
.dijitMenuItemHover .dcdIcon-windows-old,
.dcdIcon-windows-old.alt { background: url("../../img/os/os_windows.white.svg") no-repeat center; }

.dcdIcon-os-other { background: url("../../img/os/os_other.black.svg") no-repeat center; }
.dijitMenuItemSelected .dcdIcon-os-other,
.dijitMenuItemHover .dcdIcon-os-other,
.dcdIcon-os-other.alt { background: url("../../img/os/os_other.white.svg") no-repeat center; }

.dcdIcon-os-unknown { background: url("../../img/os/os_unknown.black.svg") no-repeat center; }
.dijitMenuItemSelected .dcdIcon-os-unknown,
.dijitMenuItemHover .dcdIcon-os-unknown,
.dcdIcon-os-unknown.alt { background: url("../../img/os/os_unknown.white.svg") no-repeat center; }

.dcdIcon-linux { background: url("../../img/os/os_linux.black.svg") no-repeat center; }
.dijitMenuItemSelected .dcdIcon-linux,
.dijitMenuItemHover .dcdIcon-linux,
.dcdIcon-linux.alt { background: url("../../img/os/os_linux.white.svg") no-repeat center; }


/*************
 * ZONE ICON *
 *************/

.dcdIcon-zone-0 { background: url("../../img/zone/zone_0.color.svg") no-repeat center; }
.dcdIcon-zone-1 { background: url("../../img/zone/zone_1.color.svg") no-repeat center; }
.dcdIcon-zone-2 { background: url("../../img/zone/zone_2.color.svg") no-repeat center; }
.dcdIcon-zone-3 { background: url("../../img/zone/zone_3.color.svg") no-repeat center; }


/**************
 * FLAG ICONS *
 **************/

.dcdFlagIcon {
    background: url("../../img/flags/flag_icons.png") left center no-repeat;
    display: inline-block;
    height: 11px;
    margin: 0 0 -2px 0;
    vertical-align: baseline;
    width: 16px;
}

.flat .dijitSelect .dcdFlagIcon,
.flat .dijitMenuItemLabel .dcdFlagIcon {
    margin-right: 5px;
}

.dcdFlagIcon_usa, .dcdFlagIcon_north-america, .dcdFlagIcon_us\/las, .dcdFlagIcon_us\/lasdev, .dcdFlagIcon_us\/ewr {
    background-position: -16px center;
}

.dcdFlagIcon_gbr, .dcdFlagIcon_en, .dcdFlagIcon_gb, .dcdFlagIcon_london, .dcdFlagIcon_gb\/lhr {
    background-position: -32px center;
}

.dcdFlagIcon_seoul, .dcdFlagIcon_kr\/icn {
    background-position: -48px center;
}

.dcdFlagIcon_logrono, .dcdFlagIcon_es\/vit {
    background-position: -64px center;
}

.dcdFlagIcon_paris, .dcdFlagIcon_fr\/par {
    background: url("../../img/flags/flag_icon_fr.svg");
    background-size: cover;
}

/**************
 * FLAT ICONS *
 **************/

.dcdIcon.flat-close {
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 250ms ease-in-out;
}

.dcdIcon.flat-close:hover,
.dcdIcon.flat-close:focus {
    opacity: 1;
}

.dcdIcon.flat-key:before {
    display: inherit;
}

.flat-any:before {
    font-family: monospace;
    font-size: 1em;
    font-weight: bold;
    vertical-align: bottom;
    content: "*";
}

/****************
 * COLOR PICKER *
 ****************/

.colorPickerIcon {
    height: 16px;
    margin: 0 4px;
    width: 16px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25),
                inset 0 -3px 0 0 rgba(0, 0, 0, .5);
}


/**************
 * CPU VENDOR *
 **************/

.flat .cpuVendor {
    width: 32px;
    margin: -3px;
    margin-right: 10px;
    margin-top: -5px;
    padding: 1px 0;
    height : 20px;
    display: inline-block;
    vertical-align: middle;
}

.flat .GenuineIntel { background: url("../../img/logos/cpuvendor.intel.black.svg") center / contain no-repeat; }
.dijitMenuItemSelected .GenuineIntel,
.dijitMenuItemHover .GenuineIntel,
.GenuineIntel.alt { background: url("../../img/logos/cpuvendor.intel.white.svg") center / contain no-repeat; }

.flat .AuthenticAMD { background: url("../../img/logos/cpuvendor.amd.black.svg") center / contain no-repeat; }
.dijitMenuItemSelected .AuthenticAMD,
.dijitMenuItemHover .AuthenticAMD,
.AuthenticAMD.alt { background: url("../../img/logos/cpuvendor.amd.white.svg") center / contain no-repeat; }


/***********
 * Loading *
 ***********/

.flat .dcdThrobberIcon {
    width: 15px;
    height: 15px;
    background: url("../../img/ani/throbber.default.gif") no-repeat;
    background-size: 100% auto;
}

.flat .dcdThrobberIconBackground {
    background: url("../../img/ani/throbber.default.gif") no-repeat !important;
    background-size: 100%;
    background-position: center center !important;
}


/*****************
 * Browser Icons *
 *****************/

.flat .dcdBrowserIcon {
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: url("../../img/logos/browser_logos-16.png");
    background-position: -1px;
    background-repeat: no-repeat;
}

.dcdBrowserIcon.ff { background-position: -19px; }
.dcdBrowserIcon.safari { background-position: -53px; }
.dcdBrowserIcon.opera { background-position: -36px; }
.dcdBrowserIcon.ie { background-position: -70px; }


/***************
 * Status Icon *
 ***************/

.flat .dcdStatusIcon {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 7px;
    background-color: #EEE;
    background: radial-gradient(ellipse at center 3px, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.10) 80%, rgba(0, 0, 0, 0.50) 90%);
    background-repeat: no-repeat;
    transition: background-color 1s;
}


/****************
 * Payment Icon *
 ****************/

.flat .dcdPaymentIcon {
    width: 96px;
    height: 48px;
    padding: 5px;
    margin: -5px 5px -5px -5px;
    border-right: 1px solid #CCCCCC;
    background-color: #FAFAFA;
    background-repeat: no-repeat;
    background-position: center center;
}

.flat .dcdPaymentIcon.directDebit {
    background-image: url('../../img/cc/payment_elv.png');
}

.flat .dcdPaymentIcon.cc_de {
    background-image: url('../../img/cc/payment_cc_de.png');
}

.flat .dcdPaymentIcon.cc_us {
    background-image: url('../../img/cc/payment_cc_us.png');
}


/******************
 * Password Icons *
 ******************/

.flat .dcdPasswordReveal {
    width: 18px;
    height: 20px;
    background-image: url("../../img/misc/eye.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.flat .dcdPasswordReveal--strike {
    background-image: url("../../img/misc/eye-strike.svg");
}

.wip {
    outline: 2px dashed transparent;
    transition: outline 1s;
}

.wip:hover {
    outline: 2px dashed darkgray;
}

.wip:hover::before {
    content: "WIP";
    font-size: 9px;
    font-weight: bold;
    font-smooth: never;
    padding: 3px;
    width: 20px;
    height: 14px;
    background-color: darkgray;
    color: white;
    position: absolute;
    margin-right: 7px;
    right: 0;
    text-align: center;
    margin-top: -20px;
}