/* ==============================
    CUSTOM ICONS - class-based
    (classes applied by custom-icons.js)
============================== */

/* Shared: override mask and sizing for all custom icons */
.custom-icon .icon,
.custom-icon .thumb {
  -webkit-mask: none !important;
  mask: none !important;
  min-width: 1.25em;
  min-height: 1.25em;
}

.custom-icon .icon > *,
.custom-icon .thumb > * {
  display: none !important;
}

.custom-icon .icon:before,
.custom-icon .thumb:before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* TEAMVIEWER */
.icon-teamviewer .icon,
.icon-teamviewer .thumb {
  background: url("icons/teamviewer.svg") center/contain no-repeat !important;
}
.icon-teamviewer .icon:before,
.icon-teamviewer .thumb:before {
  background: url("icons/teamviewer.svg") center/contain no-repeat !important;
}

/* RUSTDESK */
.icon-rustdesk .icon,
.icon-rustdesk .thumb {
  background: url("icons/rustdesk.svg") center/contain no-repeat !important;
}
.icon-rustdesk .icon:before,
.icon-rustdesk .thumb:before {
  background: url("icons/rustdesk.svg") center/contain no-repeat !important;
}

/* HSS */
.icon-hss .icon,
.icon-hss .thumb {
  background: url("icons/hss.png") center/contain no-repeat !important;
}
.icon-hss .icon:before,
.icon-hss .thumb:before {
  background: url("icons/hss.png") center/contain no-repeat !important;
}

/* ANYDESK */
.icon-anydesk .icon,
.icon-anydesk .thumb {
  background: url("icons/anydesk.svg") center/contain no-repeat !important;
}
.icon-anydesk .icon:before,
.icon-anydesk .thumb:before {
  background: url("icons/anydesk.svg") center/contain no-repeat !important;
}