/* ==========================================================================
   EASY OUTDESK ICON SPRITES
   Usage:  <div class="eo-ic eo-ic-blue eo-i-link"></div>
   Colours: blue | orange | green | red | pink | yellow | purple
   Image folder: change ICON_PATH below (find/replace "../images/newimg/icons/")
   ========================================================================== */
.eo-ic {
  --box: 54px;
  --scale: 1;
  --k: 0.85;
  --x: 73.5;
  --y: 53;
  display: inline-block;
  flex-shrink: 0;
  width: var(--box);
  height: var(--box);
  border-radius: 14px;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-size: calc(593px * var(--k) * var(--scale)) auto;
  background-position:
    calc(var(--box) / 2 - var(--x) * var(--k) * var(--scale) * 1px)
    calc(var(--box) / 2 - var(--y) * var(--k) * var(--scale) * 1px);
}
/* ---------- colours ---------- */
.eo-ic-blue   { background-color: #D7E5F9; background-image: url("../images/newimg/icons/blue_icons.png"); }
.eo-ic-orange { background-color: #FDF4F1; background-image: url("../images/newimg/icons/orange_icons.png"); }
.eo-ic-green  { background-color: #F4FBF7; background-image: url("../images/newimg/icons/green_icons.png"); }
.eo-ic-red    { background-color: #FCF0F6; background-image: url("../images/newimg/icons/red_icons.png"); }
.eo-ic-pink   { background-color: #FFF8FF; background-image: url("../images/newimg/icons/pink_icons.png"); }
.eo-ic-yellow { background-color: #FFFCE8; background-image: url("../images/newimg/icons/yellow_icons.png"); }
.eo-ic-purple { background-color: #F3EEFF; background-image: url("../images/newimg/icons/purple_icons.png"); }

/* ---------- icons (centre of each icon on sheet + balanced optical scale) ---------- */
.eo-i-clipboard     { --x: 73.5;  --y: 53;    --k: 0.84; }
.eo-i-money         { --x: 73.5;  --y: 117.5; --k: 0.79; }
.eo-i-sparkle       { --x: 73.5;  --y: 179;   --k: 0.87; }
.eo-i-megaphone     { --x: 73.5;  --y: 237;   --k: 0.87; }
.eo-i-apps          { --x: 73.5;  --y: 293.5; --k: 0.98; }
.eo-i-browser       { --x: 73.5;  --y: 349.5; --k: 0.98; }
.eo-i-database      { --x: 73.5;  --y: 410.5; --k: 0.87; }
.eo-i-gears         { --x: 74.5;  --y: 475.5; --k: 0.78; }
.eo-i-crane         { --x: 153;   --y: 54;    --k: 0.69; }
.eo-i-person-heart  { --x: 153;   --y: 114;   --k: 0.89; }
.eo-i-gear          { --x: 153;   --y: 168;   --k: 0.89; }
.eo-i-cart          { --x: 153;   --y: 222;   --k: 0.89; }
.eo-i-fingerprint   { --x: 152.5; --y: 276;   --k: 0.89; }
.eo-i-secure-cart   { --x: 153;   --y: 336;   --k: 0.68; }
.eo-i-container     { --x: 153;   --y: 399.5; --k: 0.74; }
.eo-i-ship          { --x: 153;   --y: 460.5; --k: 0.78; }
.eo-i-paperclip     { --x: 233;   --y: 55.5;  --k: 0.91; }
.eo-i-rocket        { --x: 232.5; --y: 117.5; --k: 0.87; }
.eo-i-bank          { --x: 232.5; --y: 171;   --k: 0.87; }
.eo-i-meeting       { --x: 232.5; --y: 228.5; --k: 0.74; }
.eo-i-robot         { --x: 232.5; --y: 289.5; --k: 0.87; }
.eo-i-org-chart     { --x: 232.5; --y: 352.5; --k: 0.82; }
.eo-i-team          { --x: 232.5; --y: 412;   --k: 0.87; }
.eo-i-globe-server  { --x: 232.5; --y: 471.5; --k: 0.92; }
.eo-i-code          { --x: 306.5; --y: 59.5;  --k: 0.88; }
.eo-i-headset       { --x: 307;   --y: 122;   --k: 0.89; }
.eo-i-truck         { --x: 306.5; --y: 184.5; --k: 0.79; }
.eo-i-card          { --x: 307;   --y: 238;   --k: 0.95; }
.eo-i-signature     { --x: 307;   --y: 292;   --k: 1.05; }
.eo-i-invoice       { --x: 306.5; --y: 348;   --k: 0.95; }
.eo-i-cloud         { --x: 306.5; --y: 412.5; --k: 0.78; }
.eo-i-building      { --x: 306;   --y: 480;   --k: 1.05; }
.eo-i-doc-search    { --x: 380;   --y: 59.5;  --k: 0.82; }
.eo-i-gear-code     { --x: 377.5; --y: 122;   --k: 0.80; }
.eo-i-shield        { --x: 377.5; --y: 182;   --k: 0.89; }
.eo-i-document      { --x: 377.5; --y: 238;   --k: 0.89; }
.eo-i-spreadsheet   { --x: 377.5; --y: 294;   --k: 0.89; }
.eo-i-link          { --x: 376.5; --y: 350.5; --k: 0.91; }
.eo-i-shield-check  { --x: 377.5; --y: 413;   --k: 0.89; }
.eo-i-signal        { --x: 378;   --y: 472.5; --k: 0.87; }
.eo-i-presenter     { --x: 446.5; --y: 59.5;  --k: 0.74; }
.eo-i-puzzle        { --x: 448;   --y: 122;   --k: 0.80; }
.eo-i-chart         { --x: 446.5; --y: 181;   --k: 0.87; }
.eo-i-hand-heart    { --x: 446.5; --y: 239.5; --k: 0.78; }
.eo-i-rocket-2      { --x: 446.5; --y: 304.5; --k: 0.92; }
.eo-i-chip          { --x: 446.5; --y: 360.5; --k: 0.82; }
.eo-i-gpu           { --x: 446.5; --y: 421;   --k: 0.74; }
.eo-i-db-refresh    { --x: 446.5; --y: 480.5; --k: 0.74; }
.eo-i-gear-wrench   { --x: 509.5; --y: 57.5;  --k: 0.82; }

/* ---------- size helpers ---------- */
.eo-ic-sm { --box: 44px; --scale: 0.815; }
.eo-ic-lg { --box: 72px; --scale: 1.333; }