/* ============================================================
   EUGameHost — custom SVG icon system (overrides stock FontIcons.css)
   Thin-line 24x24 icons, 1.8px stroke, rendered as CSS masks and
   tinted with the brand cyan so they always match the theme.
   Icons are assigned per element ID (same IDs the stock file uses).
   To change an icon: swap the var(--eugi-*) on that selector.
   ============================================================ */

@import url("../../3rdParty/fontawesome/css/all.min.css"); /* kept for custom/legacy fa-* usage */

:root {
    /* ── Icon shapes (URL-encoded inline SVG) ── */
    --eugi-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3C/svg%3E");
    --eugi-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
    --eugi-plus-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 8.5v7M8.5 12h7'/%3E%3C/svg%3E");
    --eugi-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.2'/%3E%3Cpath d='M3.5 19.5c0-3 2.5-5 5.5-5s5.5 2 5.5 5'/%3E%3Cpath d='M15.5 5.7a3.2 3.2 0 0 1 0 5.6M17.5 14.9c1.8.7 3 2.3 3 4.6'/%3E%3C/svg%3E");
    --eugi-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5.5 20c0-3.5 3-5.7 6.5-5.7s6.5 2.2 6.5 5.7'/%3E%3C/svg%3E");
    --eugi-user-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M3.5 20c0-3.5 3-5.7 6.5-5.7s6.5 2.2 6.5 5.7'/%3E%3Cpath d='M17.5 7h4.5M19.75 4.75v4.5'/%3E%3C/svg%3E");
    --eugi-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6v5.5c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V6z'/%3E%3C/svg%3E");
    --eugi-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='m4.5 7.5 7.5 6 7.5-6'/%3E%3C/svg%3E");
    --eugi-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='12' rx='2'/%3E%3Cpath d='M9.5 20h5M12 16.5V20'/%3E%3C/svg%3E");
    --eugi-gamepad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='9.5' rx='4.75'/%3E%3Cpath d='M8 11v3.5M6.25 12.75h3.5'/%3E%3Ccircle cx='15.5' cy='11.3' r='1' fill='%23fff'/%3E%3Ccircle cx='18' cy='13.8' r='1' fill='%23fff'/%3E%3C/svg%3E");
    --eugi-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 13.5v-2a7.5 7.5 0 0 1 15 0v2'/%3E%3Crect x='3' y='12.5' width='4' height='6' rx='1.6'/%3E%3Crect x='17' y='12.5' width='4' height='6' rx='1.6'/%3E%3C/svg%3E");
    --eugi-buoy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='m6 6 3.5 3.5M18 6l-3.5 3.5M18 18l-3.5-3.5M6 18l3.5-3.5'/%3E%3C/svg%3E");
    --eugi-ticket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5h17v2.6a1.9 1.9 0 0 0 0 3.8v2.6h-17v-2.6a1.9 1.9 0 0 0 0-3.8z'/%3E%3Cpath d='M14 8.5v9' stroke-dasharray='2 2.4'/%3E%3C/svg%3E");
    --eugi-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.8-1.6-4.4-2-8-1.7V18c3.6-.3 6.2.1 8 1.7 1.8-1.6 4.4-2 8-1.7V4.8c-3.6-.3-6.2.1-8 1.7z'/%3E%3Cpath d='M12 6.5v13.2'/%3E%3C/svg%3E");
    --eugi-file-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6z'/%3E%3Cpath d='M14 3.5V8h4'/%3E%3Cpath d='m9.5 14 2 2 3.5-3.5'/%3E%3C/svg%3E");
    --eugi-cog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2.8v2.6M12 18.6v2.6M2.8 12h2.6M18.6 12h2.6M5.5 5.5l1.85 1.85M16.65 16.65l1.85 1.85M18.5 5.5l-1.85 1.85M7.35 16.65 5.5 18.5'/%3E%3C/svg%3E");
    --eugi-sliders-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='2' fill='%23070B12'/%3E%3Ccircle cx='15' cy='12' r='2' fill='%23070B12'/%3E%3Ccircle cx='7' cy='17' r='2' fill='%23070B12'/%3E%3C/svg%3E");
    --eugi-sliders-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M12 4v16M17 4v16'/%3E%3Ccircle cx='7' cy='15' r='2' fill='%23070B12'/%3E%3Ccircle cx='12' cy='9' r='2' fill='%23070B12'/%3E%3Ccircle cx='17' cy='13' r='2' fill='%23070B12'/%3E%3C/svg%3E");
    --eugi-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.7 2.3 4 5.2 4 8.5s-1.3 6.2-4 8.5c-2.7-2.3-4-5.2-4-8.5s1.3-6.2 4-8.5z'/%3E%3C/svg%3E");
    --eugi-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='7.9' r='0.9' fill='%23fff'/%3E%3C/svg%3E");
    --eugi-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5.5 13.5h5L11 21l7.5-10.5h-5z'/%3E%3C/svg%3E");
    --eugi-ext-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h5.5V10'/%3E%3Cpath d='M19.5 4.5 11 13'/%3E%3Cpath d='M19.5 13.5v4.5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6.5a2 2 0 0 1 2-2h4.5'/%3E%3C/svg%3E");
    --eugi-file-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6z'/%3E%3Cpath d='M14 3.5V8h4'/%3E%3Cpath d='m10.2 12.3-2 2.2 2 2.2M13.8 12.3l2 2.2-2 2.2'/%3E%3C/svg%3E");
    --eugi-terminal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2.5'/%3E%3Cpath d='m7 9.5 3 2.7-3 2.7M12.5 15H17'/%3E%3C/svg%3E");
    --eugi-cloud-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17.5h10a3.8 3.8 0 0 0 .8-7.5 5.5 5.5 0 0 0-10.8-.8A4 4 0 0 0 7 17.5z'/%3E%3Cpath d='M12 12v8M9.5 17.5 12 20l2.5-2.5'/%3E%3C/svg%3E");
    --eugi-package: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 20 7.5v9l-8 4-8-4v-9z'/%3E%3Cpath d='m4 7.5 8 4 8-4M12 11.5v9'/%3E%3C/svg%3E");
    --eugi-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4.2 4.2 0 0 0-5.4 5L4 16.6a2 2 0 1 0 2.8 2.8l5.1-5.1a4.2 4.2 0 0 0 5-5.4l-2.7 2.7-2.4-2.4z'/%3E%3C/svg%3E");
    --eugi-map: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5 3.5 7v12L9 17l6 2 5.5-2V5L15 7z'/%3E%3Cpath d='M9 5v12M15 7v12'/%3E%3C/svg%3E");
    --eugi-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5A1.5 1.5 0 0 1 5 5h4l2 2.5h8A1.5 1.5 0 0 1 20.5 9v9a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z'/%3E%3C/svg%3E");
    --eugi-folder-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5A1.5 1.5 0 0 1 5 5h4l2 2.5h8A1.5 1.5 0 0 1 20.5 9v2.5M3.5 6.5v11.5A1.5 1.5 0 0 0 5 19.5h6.5'/%3E%3Crect x='14' y='15' width='7' height='5.5' rx='1.2'/%3E%3Cpath d='M15.5 15v-1.2a2 2 0 0 1 4 0V15'/%3E%3C/svg%3E");
    --eugi-file-lines: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6z'/%3E%3Cpath d='M14 3.5V8h4M9 12.5h6M9 16h6'/%3E%3C/svg%3E");
    --eugi-ban: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
    --eugi-sync: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12A7.5 7.5 0 0 1 6.7 17.3M4.5 12A7.5 7.5 0 0 1 17.3 6.7'/%3E%3Cpath d='M19.5 7.5v4.5H15M4.5 16.5V12H9'/%3E%3C/svg%3E");
    --eugi-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 8.5 4.5L12 12.5 3.5 8z'/%3E%3Cpath d='m4.5 12 7.5 4 7.5-4M4.5 16l7.5 4 7.5-4'/%3E%3C/svg%3E");
    --eugi-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.3 12.3 2.4 2.4 5-5'/%3E%3C/svg%3E");
    --eugi-up-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 16V8.5M8.8 11.7 12 8.5l3.2 3.2'/%3E%3C/svg%3E");
    --eugi-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5.2l3.4 2'/%3E%3C/svg%3E");
    --eugi-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='m7.5 14.5 3.5-4 3 2.5 4.5-5.5'/%3E%3C/svg%3E");
    --eugi-antenna: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3Cpath d='M8.5 7.5a5 5 0 0 0 0 7M15.5 7.5a5 5 0 0 1 0 7M5.7 4.7a9 9 0 0 0 0 12.6M18.3 4.7a9 9 0 0 1 0 12.6'/%3E%3C/svg%3E");
    --eugi-pulse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12h4L10 6l4 12 2.5-6h4'/%3E%3C/svg%3E");
    --eugi-shuffle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h3.5l9 10H20M20 7h-3.5l-2.2 2.4M4 17h3.5l2.2-2.4'/%3E%3Cpath d='m17.5 4.5 2.5 2.5-2.5 2.5M17.5 14.5l2.5 2.5-2.5 2.5'/%3E%3C/svg%3E");
    --eugi-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 6-5.5 6L8 18M16 6l5.5 6L16 18'/%3E%3C/svg%3E");
    --eugi-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15.5' r='4'/%3E%3Cpath d='m11 12.5 8.5-8.5M17 6l2.5 2.5M14.5 8.5l2 2'/%3E%3C/svg%3E");
    --eugi-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5V8M15 3.5V8'/%3E%3Cpath d='M6.5 8h11v3a5.5 5.5 0 0 1-11 0z'/%3E%3Cpath d='M12 16.5V21'/%3E%3C/svg%3E");
    --eugi-swap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5h13M14.5 5.5l3 3-3 3'/%3E%3Cpath d='M20 15.5H7M9.5 12.5l-3 3 3 3'/%3E%3C/svg%3E");
    --eugi-power: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5V11'/%3E%3Cpath d='M6.8 6.5a8 8 0 1 0 10.4 0'/%3E%3C/svg%3E");

    --eug-icon-color: #45C7FF;
}

/* ══════════════════════════════════════════
   Shared mask renderer
══════════════════════════════════════════ */

/* Logout (Kendo icon) */
.k-i-logout:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    background-color: var(--eug-icon-color);
    -webkit-mask: var(--eugi-power) no-repeat center / contain;
    mask: var(--eugi-power) no-repeat center / contain;
}

/***************/
/*Sidebar icons*/
/***************/
.nav-fostrap > ul > li > a:before,
.nav-fostrap .dropdown > li > a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: -5px;
    background-color: var(--eug-icon-color);
    --icon: var(--eugi-grid);
    -webkit-mask: var(--icon) no-repeat center / contain;
    mask: var(--icon) no-repeat center / contain;
}

.nav-fostrap .dropdown > li > a:before {
    float: left;
    width: 18px;
    height: 18px;
}

/*Home*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_1:before { --icon: var(--eugi-home); }
/*Add Widget*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_1 + ul > li > a::before { --icon: var(--eugi-plus-circle); }
/*User Management*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_1:before { --icon: var(--eugi-users); }
/*Users*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_3:before { --icon: var(--eugi-users); }
/*Create User*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_4:before { --icon: var(--eugi-user-plus); }
/*Create Role*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_8:before { --icon: var(--eugi-plus-circle); }
/*Roles*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_6:before { --icon: var(--eugi-shield); }
/*Mass Emails*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_71:before { --icon: var(--eugi-mail); }
/*Game & Voice Management*/
#category_d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_2:before { --icon: var(--eugi-monitor); }
/*Game Services*/
#page_d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_12:before { --icon: var(--eugi-gamepad); }
/*Voice Services*/
#page_d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_13:before { --icon: var(--eugi-headset); }
/*Create Services*/
#page_d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_11:before { --icon: var(--eugi-plus-circle); }
/*Support*/
#category_d8329404-0374-4438-a55a-8a8dc9033916_3:before { --icon: var(--eugi-buoy); }
/*Assigned Tickets*/
#page_d8329404-0374-4438-a55a-8a8dc9033916_7:before { --icon: var(--eugi-ticket); }
/*Active Tickets*/
#page_d8329404-0374-4438-a55a-8a8dc9033916_5:before { --icon: var(--eugi-book); }
/*Closed Tickets*/
#page_d8329404-0374-4438-a55a-8a8dc9033916_8:before { --icon: var(--eugi-file-check); }
/*System*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_2:before { --icon: var(--eugi-cog); }
/*Settings*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_6:before { --icon: var(--eugi-sliders-h); }
/*Update*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_29:before { --icon: var(--eugi-globe); }
/*About*/
#page_07405876-e8c2-4b24-a774-4ef57f596384_27:before { --icon: var(--eugi-info); }

/***************/
/*Service Icons*/
/***************/
.service-icon:not(.custom-icon-image) img {
    display: none;
}

.service-icon div {
    margin-left: 0 !important;
}

.service-icon:not(.custom-icon-image) div:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 24px;
    float: left;
    margin-left: 3px;
    background-color: var(--eug-icon-color);
    --icon: var(--eugi-grid);
    -webkit-mask: var(--icon) no-repeat center / contain;
    mask: var(--icon) no-repeat center / contain;
}

/*Generic Script Icon*/
.service-script-icon:not(.custom-icon-image) div:before { --icon: var(--eugi-bolt); }
/*Generic Link Icon*/
.service-link-icon:not(.custom-icon-image) div:before { --icon: var(--eugi-ext-link); }
/*Service Home*/
#ServiceHomeLink div:before { --icon: var(--eugi-gamepad); }
/*Service Settings*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_1 div:before { --icon: var(--eugi-cog); }
/*Config Files*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_7 div:before { --icon: var(--eugi-file-code); }
/*Commandline Manager*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_8 div:before { --icon: var(--eugi-sliders-v); }
/*Updates*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_12 div:before { --icon: var(--eugi-cloud-down); }
/*BukGet*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_16 div:before { --icon: var(--eugi-package); }
/*Mods*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_11 div:before { --icon: var(--eugi-wrench); }
/*Maps*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_14 div:before { --icon: var(--eugi-map); }
/*File Manager*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_2 div:before { --icon: var(--eugi-folder); }
/*Log Viewer*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_4 div:before { --icon: var(--eugi-file-lines); }
/*Punkbuster*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_5 div:before { --icon: var(--eugi-ban); }
/*FastDownload Sync*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_15 div:before { --icon: var(--eugi-sync); }
/*Steam Update*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_6 div:before { --icon: var(--eugi-cloud-down); }
/*Steam Workshop*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_19 div:before { --icon: var(--eugi-layers); }
/*Steam Workshop installed*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_20 div:before { --icon: var(--eugi-check-circle); }
/*Steam Workshop updates*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_21 div:before { --icon: var(--eugi-up-circle); }
/*Console*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_13 div:before { --icon: var(--eugi-terminal); }
/*Scheduled Tasks*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_18 div:before { --icon: var(--eugi-clock); }
/*Activity*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_9 div:before { --icon: var(--eugi-chart); }
/*Game Tracker*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_10 div:before { --icon: var(--eugi-antenna); }
/*Switcher*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_17 div:before { --icon: var(--eugi-swap); }

/************/
/*Page Icons*/
/************/
.page-icon:not(.custom-icon-image) img {
    display: none;
}

.page-icon div {
    margin-left: 0 !important;
}

.page-icon:not(.custom-icon-image) div:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 24px;
    float: left;
    background-color: var(--eug-icon-color);
    --icon: var(--eugi-grid);
    -webkit-mask: var(--icon) no-repeat center / contain;
    mask: var(--icon) no-repeat center / contain;
}

/*Game Home*/
#GameHomeLink div:before { --icon: var(--eugi-gamepad); }
/*File System Permissions*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_4 div:before { --icon: var(--eugi-folder-lock); }
/*Query Monitoring*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_5 div:before { --icon: var(--eugi-pulse); }
/*Game Variables*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_2 div:before { --icon: var(--eugi-shuffle); }
/*Configuration Files*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_1 div:before { --icon: var(--eugi-file-code); }
/*Custom Scripts*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_3 div:before { --icon: var(--eugi-code); }
/*Mods*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_8 div:before { --icon: var(--eugi-wrench); }
/*Maps*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_11 div:before { --icon: var(--eugi-map); }
/*Updates*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_9 div:before { --icon: var(--eugi-cloud-down); }
/*Keys*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_10 div:before { --icon: var(--eugi-key); }
/*Bukget*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_12 div:before { --icon: var(--eugi-package); }
/*Spiget*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_14 div:before { --icon: var(--eugi-plug); }
/*Custom Links*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_13 div:before { --icon: var(--eugi-ext-link); }
/*Game Tracker*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_3_IconId_7 div:before { --icon: var(--eugi-antenna); }