/* Colors */

/* w3c */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}

/* bootstrap color */
.bd-blue-100{color:#000;background-color:#cfe2ff}.bd-blue-200{color:#000;background-color:#9ec5fe}.bd-blue-300{color:#000;background-color:#6ea8fe}.bd-blue-400{color:#000;background-color:#3d8bfd}.bd-blue-500{color:#fff;background-color:#0d6efd}.bd-blue-600{color:#fff;background-color:#0a58ca}.bd-blue-700{color:#fff;background-color:#084298}.bd-blue-800{color:#fff;background-color:#052c65}.bd-blue-900{color:#fff;background-color:#031633}
.bd-indigo-100{color:#000;background-color:#e0cffc}.bd-indigo-200{color:#000;background-color:#c29ffa}.bd-indigo-300{color:#000;background-color:#a370f7}.bd-indigo-400{color:#fff;background-color:#8540f5}.bd-indigo-500{color:#fff;background-color:#6610f2}.bd-indigo-600{color:#fff;background-color:#520dc2}.bd-indigo-700{color:#fff;background-color:#3d0a91}.bd-indigo-800{color:#fff;background-color:#290661}.bd-indigo-900{color:#fff;background-color:#140330}
.bd-purple-100{color:#000;background-color:#e2d9f3}.bd-purple-200{color:#000;background-color:#c5b3e6}.bd-purple-300{color:#000;background-color:#a98eda}.bd-purple-400{color:#000;background-color:#8c68cd}.bd-purple-500{color:#fff;background-color:#6f42c1}.bd-purple-600{color:#fff;background-color:#59359a}.bd-purple-700{color:#fff;background-color:#432874}.bd-purple-800{color:#fff;background-color:#2c1a4d}.bd-purple-900{color:#fff;background-color:#160d27}
.bd-pink-100{color:#000;background-color:#f7d6e6}.bd-pink-200{color:#000;background-color:#efadce}.bd-pink-300{color:#000;background-color:#e685b5}.bd-pink-400{color:#000;background-color:#de5c9d}.bd-pink-500{color:#fff;background-color:#d63384}.bd-pink-600{color:#fff;background-color:#ab296a}.bd-pink-700{color:#fff;background-color:#801f4f}.bd-pink-800{color:#fff;background-color:#561435}.bd-pink-900{color:#fff;background-color:#2b0a1a}
.bd-red-100{color:#000;background-color:#f8d7da}.bd-red-200{color:#000;background-color:#f1aeb5}.bd-red-300{color:#000;background-color:#ea868f}.bd-red-400{color:#000;background-color:#e35d6a}.bd-red-500{color:#fff;background-color:#dc3545}.bd-red-600{color:#fff;background-color:#b02a37}.bd-red-700{color:#fff;background-color:#842029}.bd-red-800{color:#fff;background-color:#58151c}.bd-red-900{color:#fff;background-color:#2c0b0e}
.bd-orange-100{color:#000;background-color:#ffe5d0}.bd-orange-200{color:#000;background-color:#fecba1}.bd-orange-300{color:#000;background-color:#feb272}.bd-orange-400{color:#000;background-color:#fd9843}.bd-orange-500{color:#000;background-color:#fd7e14}.bd-orange-600{color:#000;background-color:#ca6510}.bd-orange-700{color:#fff;background-color:#984c0c}.bd-orange-800{color:#fff;background-color:#653208}.bd-orange-900{color:#fff;background-color:#331904}
.bd-yellow-100{color:#000;background-color:#fff3cd}.bd-yellow-200{color:#000;background-color:#ffe69c}.bd-yellow-300{color:#000;background-color:#ffda6a}.bd-yellow-400{color:#000;background-color:#ffcd39}.bd-yellow-500{color:#000;background-color:#ffc107}.bd-yellow-600{color:#000;background-color:#cc9a06}.bd-yellow-700{color:#000;background-color:#997404}.bd-yellow-800{color:#fff;background-color:#664d03}.bd-yellow-900{color:#fff;background-color:#332701}
.bd-green-100{color:#000;background-color:#d1e7dd}.bd-green-200{color:#000;background-color:#a3cfbb}.bd-green-300{color:#000;background-color:#75b798}.bd-green-400{color:#000;background-color:#479f76}.bd-green-500{color:#fff;background-color:#198754}.bd-green-600{color:#fff;background-color:#146c43}.bd-green-700{color:#fff;background-color:#0f5132}.bd-green-800{color:#fff;background-color:#0a3622}.bd-green-900{color:#fff;background-color:#051b11}
.bd-teal-100{color:#000;background-color:#d2f4ea}.bd-teal-200{color:#000;background-color:#a6e9d5}.bd-teal-300{color:#000;background-color:#79dfc1}.bd-teal-400{color:#000;background-color:#4dd4ac}.bd-teal-500{color:#000;background-color:#20c997}.bd-teal-600{color:#000;background-color:#1aa179}.bd-teal-700{color:#fff;background-color:#13795b}.bd-teal-800{color:#fff;background-color:#0d503c}.bd-teal-900{color:#fff;background-color:#06281e}
.bd-cyan-100{color:#000;background-color:#cff4fc}.bd-cyan-200{color:#000;background-color:#9eeaf9}.bd-cyan-300{color:#000;background-color:#6edff6}.bd-cyan-400{color:#000;background-color:#3dd5f3}.bd-cyan-500{color:#000;background-color:#0dcaf0}.bd-cyan-600{color:#000;background-color:#0aa2c0}.bd-cyan-700{color:#fff;background-color:#087990}.bd-cyan-800{color:#fff;background-color:#055160}.bd-cyan-900{color:#fff;background-color:#032830}
.bd-gray-100{color:#000;background-color:#f8f9fa}.bd-gray-200{color:#000;background-color:#e9ecef}.bd-gray-300{color:#000;background-color:#dee2e6}.bd-gray-400{color:#000;background-color:#ced4da}.bd-gray-500{color:#000;background-color:#adb5bd}.bd-gray-600{color:#fff;background-color:#6c757d}.bd-gray-700{color:#fff;background-color:#495057}.bd-gray-800{color:#fff;background-color:#343a40}.bd-gray-900{color:#fff;background-color:#212529}
.bd-white{color:#000;background-color:#fff}
.bd-black{color:#fff;background-color:#000}


:root {
  --color-red-50: oklch(0.971 0.013 17.38);
  --color-red-100: oklch(0.936 0.032 17.717);
  --color-red-200: oklch(0.885 0.062 18.334);
  --color-red-300: oklch(0.808 0.114 19.571);
  --color-red-400: oklch(0.704 0.191 22.216);
  --color-red-500: oklch(0.637 0.237 25.331);
  --color-red-600: oklch(0.577 0.245 27.325);
  --color-red-700: oklch(0.505 0.213 27.518);
  --color-red-800: oklch(0.444 0.177 26.899);
  --color-red-900: oklch(0.396 0.141 25.723);
  --color-red-950: oklch(0.258 0.092 26.042);
  --color-orange-50: oklch(0.98 0.016 73.684);
  --color-orange-100: oklch(0.954 0.038 75.164);
  --color-orange-200: oklch(0.901 0.076 70.697);
  --color-orange-300: oklch(0.837 0.128 66.29);
  --color-orange-400: oklch(0.75 0.183 55.934);
  --color-orange-500: oklch(0.705 0.213 47.604);
  --color-orange-600: oklch(0.646 0.222 41.116);
  --color-orange-700: oklch(0.553 0.195 38.402);
  --color-orange-800: oklch(0.47 0.157 37.304);
  --color-orange-900: oklch(0.408 0.123 38.172);
  --color-orange-950: oklch(0.266 0.079 36.259);
  --color-amber-50: oklch(0.987 0.022 95.277);
  --color-amber-100: oklch(0.962 0.059 95.617);
  --color-amber-200: oklch(0.924 0.12 95.746);
  --color-amber-300: oklch(0.879 0.169 91.605);
  --color-amber-400: oklch(0.828 0.189 84.429);
  --color-amber-500: oklch(0.769 0.188 70.08);
  --color-amber-600: oklch(0.666 0.179 58.318);
  --color-amber-700: oklch(0.555 0.163 48.998);
  --color-amber-800: oklch(0.473 0.137 46.201);
  --color-amber-900: oklch(0.414 0.112 45.904);
  --color-amber-950: oklch(0.279 0.077 45.635);
  --color-yellow-50: oklch(0.987 0.026 102.212);
  --color-yellow-100: oklch(0.973 0.071 103.193);
  --color-yellow-200: oklch(0.945 0.129 101.54);
  --color-yellow-300: oklch(0.905 0.182 98.111);
  --color-yellow-400: oklch(0.852 0.199 91.936);
  --color-yellow-500: oklch(0.795 0.184 86.047);
  --color-yellow-600: oklch(0.681 0.162 75.834);
  --color-yellow-700: oklch(0.554 0.135 66.442);
  --color-yellow-800: oklch(0.476 0.114 61.907);
  --color-yellow-900: oklch(0.421 0.095 57.708);
  --color-yellow-950: oklch(0.286 0.066 53.813);
  --color-lime-50: oklch(0.986 0.031 120.757);
  --color-lime-100: oklch(0.967 0.067 122.328);
  --color-lime-200: oklch(0.938 0.127 124.321);
  --color-lime-300: oklch(0.897 0.196 126.665);
  --color-lime-400: oklch(0.841 0.238 128.85);
  --color-lime-500: oklch(0.768 0.233 130.85);
  --color-lime-600: oklch(0.648 0.2 131.684);
  --color-lime-700: oklch(0.532 0.157 131.589);
  --color-lime-800: oklch(0.453 0.124 130.933);
  --color-lime-900: oklch(0.405 0.101 131.063);
  --color-lime-950: oklch(0.274 0.072 132.109);
  --color-green-50: oklch(0.982 0.018 155.826);
  --color-green-100: oklch(0.962 0.044 156.743);
  --color-green-200: oklch(0.925 0.084 155.995);
  --color-green-300: oklch(0.871 0.15 154.449);
  --color-green-400: oklch(0.792 0.209 151.711);
  --color-green-500: oklch(0.723 0.219 149.579);
  --color-green-600: oklch(0.627 0.194 149.214);
  --color-green-700: oklch(0.527 0.154 150.069);
  --color-green-800: oklch(0.448 0.119 151.328);
  --color-green-900: oklch(0.393 0.095 152.535);
  --color-green-950: oklch(0.266 0.065 152.934);
  --color-emerald-50: oklch(0.979 0.021 166.113);
  --color-emerald-100: oklch(0.95 0.052 163.051);
  --color-emerald-200: oklch(0.905 0.093 164.15);
  --color-emerald-300: oklch(0.845 0.143 164.978);
  --color-emerald-400: oklch(0.765 0.177 163.223);
  --color-emerald-500: oklch(0.696 0.17 162.48);
  --color-emerald-600: oklch(0.596 0.145 163.225);
  --color-emerald-700: oklch(0.508 0.118 165.612);
  --color-emerald-800: oklch(0.432 0.095 166.913);
  --color-emerald-900: oklch(0.378 0.077 168.94);
  --color-emerald-950: oklch(0.262 0.051 172.552);
  --color-teal-50: oklch(0.984 0.014 180.72);
  --color-teal-100: oklch(0.953 0.051 180.801);
  --color-teal-200: oklch(0.91 0.096 180.426);
  --color-teal-300: oklch(0.855 0.138 181.071);
  --color-teal-400: oklch(0.777 0.152 181.912);
  --color-teal-500: oklch(0.704 0.14 182.503);
  --color-teal-600: oklch(0.6 0.118 184.704);
  --color-teal-700: oklch(0.511 0.096 186.391);
  --color-teal-800: oklch(0.437 0.078 188.216);
  --color-teal-900: oklch(0.386 0.063 188.416);
  --color-teal-950: oklch(0.277 0.046 192.524);
  --color-cyan-50: oklch(0.984 0.019 200.873);
  --color-cyan-100: oklch(0.956 0.045 203.388);
  --color-cyan-200: oklch(0.917 0.08 205.041);
  --color-cyan-300: oklch(0.865 0.127 207.078);
  --color-cyan-400: oklch(0.789 0.154 211.53);
  --color-cyan-500: oklch(0.715 0.143 215.221);
  --color-cyan-600: oklch(0.609 0.126 221.723);
  --color-cyan-700: oklch(0.52 0.105 223.128);
  --color-cyan-800: oklch(0.45 0.085 224.283);
  --color-cyan-900: oklch(0.398 0.07 227.392);
  --color-cyan-950: oklch(0.302 0.056 229.695);
  --color-sky-50: oklch(0.977 0.013 236.62);
  --color-sky-100: oklch(0.951 0.026 236.824);
  --color-sky-200: oklch(0.901 0.058 230.902);
  --color-sky-300: oklch(0.828 0.111 230.318);
  --color-sky-400: oklch(0.746 0.16 232.661);
  --color-sky-500: oklch(0.685 0.169 237.323);
  --color-sky-600: oklch(0.588 0.158 241.966);
  --color-sky-700: oklch(0.5 0.134 242.749);
  --color-sky-800: oklch(0.443 0.11 240.79);
  --color-sky-900: oklch(0.391 0.09 240.876);
  --color-sky-950: oklch(0.293 0.066 243.157);
  --color-blue-50: oklch(0.97 0.014 254.604);
  --color-blue-100: oklch(0.932 0.032 255.585);
  --color-blue-200: oklch(0.882 0.059 254.128);
  --color-blue-300: oklch(0.809 0.105 251.813);
  --color-blue-400: oklch(0.707 0.165 254.624);
  --color-blue-500: oklch(0.623 0.214 259.815);
  --color-blue-600: oklch(0.546 0.245 262.881);
  --color-blue-700: oklch(0.488 0.243 264.376);
  --color-blue-800: oklch(0.424 0.199 265.638);
  --color-blue-900: oklch(0.379 0.146 265.522);
  --color-blue-950: oklch(0.282 0.091 267.935);
  --color-indigo-50: oklch(0.962 0.018 272.314);
  --color-indigo-100: oklch(0.93 0.034 272.788);
  --color-indigo-200: oklch(0.87 0.065 274.039);
  --color-indigo-300: oklch(0.785 0.115 274.713);
  --color-indigo-400: oklch(0.673 0.182 276.935);
  --color-indigo-500: oklch(0.585 0.233 277.117);
  --color-indigo-600: oklch(0.511 0.262 276.966);
  --color-indigo-700: oklch(0.457 0.24 277.023);
  --color-indigo-800: oklch(0.398 0.195 277.366);
  --color-indigo-900: oklch(0.359 0.144 278.697);
  --color-indigo-950: oklch(0.257 0.09 281.288);
  --color-violet-50: oklch(0.969 0.016 293.756);
  --color-violet-100: oklch(0.943 0.029 294.588);
  --color-violet-200: oklch(0.894 0.057 293.283);
  --color-violet-300: oklch(0.811 0.111 293.571);
  --color-violet-400: oklch(0.702 0.183 293.541);
  --color-violet-500: oklch(0.606 0.25 292.717);
  --color-violet-600: oklch(0.541 0.281 293.009);
  --color-violet-700: oklch(0.491 0.27 292.581);
  --color-violet-800: oklch(0.432 0.232 292.759);
  --color-violet-900: oklch(0.38 0.189 293.745);
  --color-violet-950: oklch(0.283 0.141 291.089);
  --color-purple-50: oklch(0.977 0.014 308.299);
  --color-purple-100: oklch(0.946 0.033 307.174);
  --color-purple-200: oklch(0.902 0.063 306.703);
  --color-purple-300: oklch(0.827 0.119 306.383);
  --color-purple-400: oklch(0.714 0.203 305.504);
  --color-purple-500: oklch(0.627 0.265 303.9);
  --color-purple-600: oklch(0.558 0.288 302.321);
  --color-purple-700: oklch(0.496 0.265 301.924);
  --color-purple-800: oklch(0.438 0.218 303.724);
  --color-purple-900: oklch(0.381 0.176 304.987);
  --color-purple-950: oklch(0.291 0.149 302.717);
  --color-fuchsia-50: oklch(0.977 0.017 320.058);
  --color-fuchsia-100: oklch(0.952 0.037 318.852);
  --color-fuchsia-200: oklch(0.903 0.076 319.62);
  --color-fuchsia-300: oklch(0.833 0.145 321.434);
  --color-fuchsia-400: oklch(0.74 0.238 322.16);
  --color-fuchsia-500: oklch(0.667 0.295 322.15);
  --color-fuchsia-600: oklch(0.591 0.293 322.896);
  --color-fuchsia-700: oklch(0.518 0.253 323.949);
  --color-fuchsia-800: oklch(0.452 0.211 324.591);
  --color-fuchsia-900: oklch(0.401 0.17 325.612);
  --color-fuchsia-950: oklch(0.293 0.136 325.661);
  --color-pink-50: oklch(0.971 0.014 343.198);
  --color-pink-100: oklch(0.948 0.028 342.258);
  --color-pink-200: oklch(0.899 0.061 343.231);
  --color-pink-300: oklch(0.823 0.12 346.018);
  --color-pink-400: oklch(0.718 0.202 349.761);
  --color-pink-500: oklch(0.656 0.241 354.308);
  --color-pink-600: oklch(0.592 0.249 0.584);
  --color-pink-700: oklch(0.525 0.223 3.958);
  --color-pink-800: oklch(0.459 0.187 3.815);
  --color-pink-900: oklch(0.408 0.153 2.432);
  --color-pink-950: oklch(0.284 0.109 3.907);
  --color-rose-50: oklch(0.969 0.015 12.422);
  --color-rose-100: oklch(0.941 0.03 12.58);
  --color-rose-200: oklch(0.892 0.058 10.001);
  --color-rose-300: oklch(0.81 0.117 11.638);
  --color-rose-400: oklch(0.712 0.194 13.428);
  --color-rose-500: oklch(0.645 0.246 16.439);
  --color-rose-600: oklch(0.586 0.253 17.585);
  --color-rose-700: oklch(0.514 0.222 16.935);
  --color-rose-800: oklch(0.455 0.188 13.697);
  --color-rose-900: oklch(0.41 0.159 10.272);
  --color-rose-950: oklch(0.271 0.105 12.094);
  --color-slate-50: oklch(0.984 0.003 247.858);
  --color-slate-100: oklch(0.968 0.007 247.896);
  --color-slate-200: oklch(0.929 0.013 255.508);
  --color-slate-300: oklch(0.869 0.022 252.894);
  --color-slate-400: oklch(0.704 0.04 256.788);
  --color-slate-500: oklch(0.554 0.046 257.417);
  --color-slate-600: oklch(0.446 0.043 257.281);
  --color-slate-700: oklch(0.372 0.044 257.287);
  --color-slate-800: oklch(0.279 0.041 260.031);
  --color-slate-900: oklch(0.208 0.042 265.755);
  --color-slate-950: oklch(0.129 0.042 264.695);
  --color-gray-50: oklch(0.985 0.002 247.839);
  --color-gray-100: oklch(0.967 0.003 264.542);
  --color-gray-200: oklch(0.928 0.006 264.531);
  --color-gray-300: oklch(0.872 0.01 258.338);
  --color-gray-400: oklch(0.707 0.022 261.325);
  --color-gray-500: oklch(0.551 0.027 264.364);
  --color-gray-600: oklch(0.446 0.03 256.802);
  --color-gray-700: oklch(0.373 0.034 259.733);
  --color-gray-800: oklch(0.278 0.033 256.848);
  --color-gray-900: oklch(0.21 0.034 264.665);
  --color-gray-950: oklch(0.13 0.028 261.692);
  --color-zinc-50: oklch(0.985 0 0);
  --color-zinc-100: oklch(0.967 0.001 286.375);
  --color-zinc-200: oklch(0.92 0.004 286.32);
  --color-zinc-300: oklch(0.871 0.006 286.286);
  --color-zinc-400: oklch(0.705 0.015 286.067);
  --color-zinc-500: oklch(0.552 0.016 285.938);
  --color-zinc-600: oklch(0.442 0.017 285.786);
  --color-zinc-700: oklch(0.37 0.013 285.805);
  --color-zinc-800: oklch(0.274 0.006 286.033);
  --color-zinc-900: oklch(0.21 0.006 285.885);
  --color-zinc-950: oklch(0.141 0.005 285.823);
  --color-neutral-50: oklch(0.985 0 0);
  --color-neutral-100: oklch(0.97 0 0);
  --color-neutral-200: oklch(0.922 0 0);
  --color-neutral-300: oklch(0.87 0 0);
  --color-neutral-400: oklch(0.708 0 0);
  --color-neutral-500: oklch(0.556 0 0);
  --color-neutral-600: oklch(0.439 0 0);
  --color-neutral-700: oklch(0.371 0 0);
  --color-neutral-800: oklch(0.269 0 0);
  --color-neutral-900: oklch(0.205 0 0);
  --color-neutral-950: oklch(0.145 0 0);
  --color-stone-50: oklch(0.985 0.001 106.423);
  --color-stone-100: oklch(0.97 0.001 106.424);
  --color-stone-200: oklch(0.923 0.003 48.717);
  --color-stone-300: oklch(0.869 0.005 56.366);
  --color-stone-400: oklch(0.709 0.01 56.259);
  --color-stone-500: oklch(0.553 0.013 58.071);
  --color-stone-600: oklch(0.444 0.011 73.639);
  --color-stone-700: oklch(0.374 0.01 67.558);
  --color-stone-800: oklch(0.268 0.007 34.298);
  --color-stone-900: oklch(0.216 0.006 56.043);
  --color-stone-950: oklch(0.147 0.004 49.25);
  --color-black: #000;
  --color-white: #fff;
}

/*------ Integration ------*/
.w3-text-red-google-finance {color: #c5221f !important;}
.w3-pale-red-google-finance {background-color: #fce8e6 !important;}
.w3-text-green-google-finance {color: #137333 !important;}
.w3-pale-green-google-finance {background-color: #e6f4ea!important;}
.w3-ultralight-gray, .w3-hover-ultralight-gray:hover {color: black !important; background-color: #f8f8f8 !important;}


/* Portfolio Riskbar */
.risk1 .risk-bar, .risk1 .risk-bar-wrap div {background-color: #4CAF50 !important;}
.risk2 .risk-bar, .risk2 .risk-bar-wrap div {background-color: #ffeb3b !important;}
.risk3 .risk-bar, .risk3 .risk-bar-wrap div {background-color: #ff9800 !important;}
.risk4 .risk-bar, .risk4 .risk-bar-wrap div {background-color: #9c27b099 !important;}

.avatar { width: 26px !important; height: 26px !important; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.avatar--32 { width: 32px !important; height: 32px !important;}
.avatar--120 { width: 120px !important; height: 120px !important;}
.risk1 .avatar {box-shadow: 0 2px 10px 0 rgba(76, 175, 80, 0.4), 0 2px 20px 0 rgba(76, 175, 80, 0.12);}
.risk2 .avatar {box-shadow: 0 2px 10px 0 rgba(255, 235, 59, 0.4), 0 2px 20px 0 rgba(255, 235, 59, 0.12);}
.risk3 .avatar {box-shadow: 0 2px 10px 0 rgba(255, 152, 0, 0.4), 0 2px 20px 0 rgba(255, 152, 0, 0.12);}
.risk4 .avatar {box-shadow: 0 2px 10px 0 rgba(156, 39, 176, 0.4), 0 2px 20px 0 rgba(156, 39, 176, 0.12);}
.author-img-wrap { position: relative; display: inline-flex; }
.author-lock-badge { position: absolute;
    top: -2px;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--website-accent-light);
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .95);
    pointer-events: none; 
}

/* Portfolio Badge */
.portfolio-badge {display: flex; align-items: center; padding: 4px; gap: 4px;}
.portfolio-badge .risk-bar {width: 4px; height: 32px;}
.portfolio-badge .avatar { margin-right: 4px; }
.portfolio-badge .portfolio-details {display: flex; flex-direction: column; gap: 4px;}
.portfolio-badge .portfolio-details .portfolio-name {font-size: 14px; line-height: 14px; color: var(--button-primary-color);}
.portfolio-badge .portfolio-details .portfolio-author {font-size: 11px; line-height: 12px; color: black;}
.portfolio-badge .portfolio-badge-close {margin-left: 8px; color: red; cursor: pointer;font-weight: bold; font-size: 20px;}
.portfolio-badge.clickable {cursor: pointer;}
.portfolio-badge.hoverable:hover {cursor: pointer; background: #efefef; border-color: #d1d5db;}
.portfolio-badge.selected {border-color:var(--website-main-color); box-shadow:0 4px 14px rgba(0,0,0,0.12); background:rgba(0,0,0,0.02);}

.w3-dropdown-content .filter-input {width: 100%; line-height: 26px; padding: 4px; border-radius: 0; border: 0 !important; border-bottom: 1px solid #ccc !important; }

/* Ranking visibility and colors */
table.ac-ranking .ac-ranking-value {display: none; width: 40px; margin: 0 auto; font-weight: bold;}
table.ac-ranking .ac-ranking-final {display: none; font-weight: bold;}
table.ac-ranking.ac-ranking-on .ac-ranking-orig {display: none;}
table.ac-ranking.ac-ranking-on .ac-ranking-value {display: block;}
table.ac-ranking.ac-ranking-on .ac-ranking-final {display: table-cell;}
.ac-ranking .rank-1{background-color:var(--website-clr10-azul9); color: black;}
.ac-ranking .rank-2{background-color:var(--website-clr10-azul8); color: black;}
.ac-ranking .rank-3{background-color:var(--website-clr10-azul7); color: black;}
.ac-ranking .rank-4{background-color:var(--website-clr10-azul6); color: black;}
.ac-ranking .rank-5{background-color:var(--website-clr10-azul5); color: black;}
.ac-ranking .rank-6{background-color:var(--website-clr10-azul4); color: black;}
.ac-ranking .rank-7{background-color:var(--website-clr10-azul3); color: black;}
.ac-ranking .rank-8{background-color:var(--website-clr10-azul2); color: black;}
.ac-ranking .rank-9{background-color:var(--website-clr10-azul1); color: black;}
.ac-ranking .rank-10{background-color:var(--website-clr10-azul0); color: black;}
.ac-ranking .rank-11{background-color:var(--website-clr10-red0); color: black;}
.ac-ranking .rank-12{background-color:var(--website-clr10-red1); color: black;}
.ac-ranking .rank-13{background-color:var(--website-clr10-red2); color: black;}
.ac-ranking .rank-14{background-color:var(--website-clr10-red3); color: black;}
.ac-ranking .rank-15{background-color:var(--website-clr10-red4); color: black;}
.ac-ranking .rank-16{background-color:var(--website-clr10-red5); color: black;}
.ac-ranking .rank-17{background-color:var(--website-clr10-red6); color: black;}
.ac-ranking .rank-18{background-color:var(--website-clr10-red7); color: black;}
.ac-ranking .rank-19{background-color:var(--website-clr10-red8); color: black;}
.ac-ranking .rank-20{background-color:var(--website-clr10-red9); color: black;}


.pos0, .gr-pos0 > div {color:#000 !important; background-color: var(--website-clr-pos0);}
.pos1, .gr-pos1 > div {color:#000 !important; background-color: var(--website-clr-pos1);}
.pos2, .gr-pos2 > div {color:#000 !important; background-color: var(--website-clr-pos2);}
.neg0, .gr-neg0 > div {color:#000 !important; background-color: var(--website-clr-neg0);}
.neg1, .gr-neg1 > div {color:#000 !important; background-color: var(--website-clr-neg1);}
.neg2, .gr-neg2 > div {color:#000 !important; background-color: var(--website-clr-neg2);}


/*------ CSS sorttable.js ----*/
table.sortable thead{cursor:pointer;}
table.sortable thead th.sorttable_sorted, table.sortable thead th.sorttable_sorted_reverse{background-color: var(--website-main-color-light)!important;}

/* ------ email obfuscation */
.email-obf b {display: none;}

/* table */
table.table-padding td,table.table-padding th{padding:8px 16px !important;}
table.table-padding-tiny td,table.table-padding-tiny th{padding:1px 2px !important;}
table.table-padding-xsmall td,table.table-padding-xsmall th{padding:2px 4px !important;}
table.table-padding-small td,table.table-padding-small th{padding:4px 8px !important;}
table.table-padding-small-square td,table.table-padding-small-square th{padding:4px 4px !important;}
table.table-padding-large td,table.table-padding-large th{padding:12px 24px !important;}
table.table-valign-middle td,table.table-valign-middle th{vertical-align:middle !important;}

div.table-title{
  text-align: center!important;
  font-weight: bold;
  letter-spacing: .07272727em;
  text-transform: uppercase;
  font-size: 16px !important;
}
div.table-subtitle{text-align: center!important; font-size: 14px !important;}

table.money {white-space: nowrap; border:0; width:99%; margin-top:0px; margin-bottom:0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.02em;}
table.money td, table.money th{vertical-align:middle;}
table.money thead {line-height: 14px; border-bottom: 2px solid black; color: black; background-color: inherit; /*#f8f9fa;*/}
table.money th {font-weight: bold;}
table.money tbody tr {border-bottom: 1px dotted #ccc;}
table.money.hoverable tbody tr:hover {background-color: var(--website-main-color-light);}

table.money td, table.money th {padding:8px 8px;}
table.money.pd12 td, table.money.pd12 th, table.money tr.pd12 td, table.money tr.pd12 th {padding:1px 2px;}
table.money.pd22 td, table.money.pd22 th, table.money tr.pd22 td, table.money tr.pd22 th {padding:2px 2px;}
table.money.pd24 td, table.money.pd24 th, table.money tr.pd24 td, table.money tr.pd24 th {padding:2px 4px;}
table.money.pd26 td, table.money.pd26 th, table.money tr.pd26 td, table.money tr.pd26 th {padding:2px 6px;}
table.money.pd28 td, table.money.pd28 th, table.money tr.pd28 td, table.money tr.pd28 th {padding:2px 8px;}
table.money.pd42 td, table.money.pd42 th, table.money tr.pd42 td, table.money tr.pd42 th {padding:4px 2px;}
table.money.pd44 td, table.money.pd44 th, table.money tr.pd44 td, table.money tr.pd44 th {padding:4px 4px;}
table.money.pd46 td, table.money.pd46 th, table.money tr.pd46 td, table.money tr.pd46 th {padding:4px 6px;}
table.money.pd48 td, table.money.pd48 th, table.money tr.pd48 td, table.money tr.pd48 th {padding:4px 8px;}
table.money.pd62 td, table.money.pd62 th, table.money tr.pd62 td, table.money tr.pd62 th {padding:6px 2px;}
table.money.pd64 td, table.money.pd64 th, table.money tr.pd64 td, table.money tr.pd64 th {padding:6px 4px;}
table.money.pd66 td, table.money.pd66 th, table.money tr.pd66 td, table.money tr.pd66 th {padding:6px 6px;}
table.money.pd68 td, table.money.pd68 th, table.money tr.pd68 td, table.money tr.pd68 th {padding:6px 8px;}
table.money.pd84 td, table.money.pd84 th, table.money tr.pd84 td, table.money tr.pd84 th {padding:8px 4px;}

table.money th.border-bottom {border-bottom: 1px solid black;}
table.money th.narrow-border-bottom {padding:0px 4px;}
table.money th.narrow-border-bottom div {padding:8px 4px; border-bottom: 1px solid black;}
table.money.pd12 th.narrow-border-bottom, table.money tr.pd12 th.narrow-border-bottom {padding:0px 1px;}
table.money.pd12 th.narrow-border-bottom div, table.money tr.pd12 th.narrow-border-bottom div{padding:1px 1px;}
table.money.pd22 th.narrow-border-bottom, table.money tr.pd22 th.narrow-border-bottom {padding:0px 1px;}
table.money.pd22 th.narrow-border-bottom div, table.money tr.pd22 th.narrow-border-bottom div{padding:2px 1px;}
table.money.pd24 th.narrow-border-bottom, table.money tr.pd24 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd24 th.narrow-border-bottom div, table.money tr.pd24 th.narrow-border-bottom div{padding:2px 2px;}
table.money.pd26 th.narrow-border-bottom, table.money tr.pd26 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd26 th.narrow-border-bottom div, table.money tr.pd26 th.narrow-border-bottom div{padding:2px 4px;}
table.money.pd28 th.narrow-border-bottom, table.money tr.pd28 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd28 th.narrow-border-bottom div, table.money tr.pd28 th.narrow-border-bottom div{padding:2px 6px;}
table.money.pd42 th.narrow-border-bottom, table.money tr.pd42 th.narrow-border-bottom {padding:0px 1px;}
table.money.pd42 th.narrow-border-bottom div, table.money tr.pd42 th.narrow-border-bottom div{padding:4px 1px;}
table.money.pd44 th.narrow-border-bottom, table.money tr.pd44 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd44 th.narrow-border-bottom div, table.money tr.pd44 th.narrow-border-bottom div{padding:4px 2px;}
table.money.pd46 th.narrow-border-bottom, table.money tr.pd46 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd46 th.narrow-border-bottom div, table.money tr.pd46 th.narrow-border-bottom div{padding:4px 4px;}
table.money.pd48 th.narrow-border-bottom, table.money tr.pd48 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd48 th.narrow-border-bottom div, table.money tr.pd48 th.narrow-border-bottom div{padding:4px 6px;}
table.money.pd62 th.narrow-border-bottom, table.money tr.pd62 th.narrow-border-bottom {padding:0px 1px;}
table.money.pd62 th.narrow-border-bottom div, table.money tr.pd62 th.narrow-border-bottom div{padding:6px 1px;}
table.money.pd64 th.narrow-border-bottom, table.money tr.pd64 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd64 th.narrow-border-bottom div, table.money tr.pd64 th.narrow-border-bottom div{padding:6px 2px;}
table.money.pd66 th.narrow-border-bottom, table.money tr.pd66 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd66 th.narrow-border-bottom div, table.money tr.pd66 th.narrow-border-bottom div{padding:6px 4px;}
table.money.pd68 th.narrow-border-bottom, table.money tr.pd68 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd68 th.narrow-border-bottom div, table.money tr.pd68 th.narrow-border-bottom div{padding:6px 6px;}
table.money.pd84 th.narrow-border-bottom, table.money tr.pd84 th.narrow-border-bottom {padding:0px 2px;}
table.money.pd84 th.narrow-border-bottom div, table.money tr.pd84 th.narrow-border-bottom div{padding:8px 2px;}

table.money td.badge {padding:4px 4px;}
table.money td.badge div {padding:4px 4px; display: inline-block; text-align: center; border-radius: 4px; color:inherit;}
table.money.pd12 td.badge, table.money tr.pd12 td.badge {padding:1px 1px;}
table.money.pd12 td.badge div, table.money tr.pd12 td.badge div{padding:0px 1px;}
table.money.pd22 td.badge, table.money tr.pd22 td.badge {padding:1px 1px;}
table.money.pd22 td.badge div, table.money tr.pd22 td.badge div{padding:1px 1px;}
table.money.pd24 td.badge, table.money tr.pd24 td.badge {padding:1px 2px;}
table.money.pd24 td.badge div, table.money tr.pd24 td.badge div{padding:1px 2px;}
table.money.pd26 td.badge, table.money tr.pd26 td.badge {padding:1px 3px;}
table.money.pd26 td.badge div, table.money tr.pd26 td.badge div{padding:1px 3px;}
table.money.pd28 td.badge, table.money tr.pd28 td.badge {padding:1px 4px;}
table.money.pd28 td.badge div, table.money tr.pd28 td.badge div{padding:1px 4px;}
table.money.pd42 td.badge, table.money tr.pd42 td.badge {padding:2px 1px;}
table.money.pd42 td.badge div, table.money tr.pd42 td.badge div{padding:2px 1px;}
table.money.pd44 td.badge, table.money tr.pd44 td.badge {padding:2px 2px;}
table.money.pd44 td.badge div, table.money tr.pd44 td.badge div{padding:2px 2px;}
table.money.pd46 td.badge, table.money tr.pd46 td.badge {padding:2px 3px;}
table.money.pd46 td.badge div, table.money tr.pd46 td.badge div{padding:2px 3px;}
table.money.pd48 td.badge, table.money tr.pd48 td.badge {padding:2px 4px;}
table.money.pd48 td.badge div, table.money tr.pd48 td.badge div{padding:2px 4px;}
table.money.pd62 td.badge, table.money tr.pd62 td.badge {padding:3px 1px;}
table.money.pd62 td.badge div, table.money tr.pd62 td.badge div{padding:3px 1px;}
table.money.pd64 td.badge, table.money tr.pd64 td.badge {padding:3px 2px;}
table.money.pd64 td.badge div, table.money tr.pd64 td.badge div{padding:3px 2px;}
table.money.pd66 td.badge, table.money tr.pd66 td.badge {padding:3px 3px;}
table.money.pd66 td.badge div, table.money tr.pd66 td.badge div{padding:3px 3px;}
table.money.pd68 td.badge, table.money tr.pd68 td.badge {padding:3px 4px;}
table.money.pd68 td.badge div, table.money tr.pd68 td.badge div{padding:3px 4px;}
table.money.pd84 td.badge, table.money tr.pd84 td.badge {padding:4px 2px;}
table.money.pd84 td.badge div, table.money tr.pd84 td.badge div{padding:4px 2px;}

table.money.quarter-layout .m3, table.money.quarter-layout .m6, table.money.quarter-layout .m9 {border-right: 1px dotted #ccc;}

table.money .under-inflation div {background-color: var(--website-clr10-gray1); }

table.money td.risk-bar-wrap div{width: 5px; height: 24px;}
table.money td.risk-bar-wrap {padding: 0px !important;}
table.money td:has(.avatar) { padding: 2px !important; }

table.money .portfolio-details {font-size: 14px; line-height: 12px; color: var(--button-primary-color);}
table.money .portfolio-details .portfolio-author {font-size: 11px; line-height: 12px; color: black;}
table.money tr.no-author .portfolio-author {font-style: italic; color: gray !important;}
table.money tr.current-portfolio {background-color: #f9f9f9 !important; border-top: 1px dashed gray; border-bottom: 1px dashed gray;}
table.money tr.private {display: none;}
.show-private table.money tr.private {display: table-row;} /* TODO - mettere al negativo - hide private */

table.money tr.tipo-F .asset-allocation div {
  position: relative; /* Assicura che il div padre abbia un contesto di posizionamento */
}

table.money tr.tipo-F .asset-allocation div::before {
  content: "";
  position: absolute;
  top: 0px;
  right: -2px;
  width: 4px;
  height: 4px;
  background-color: red;
  border-radius: 50%;
}

table.money tr.tipo-F .portfolio-details a { margin-right: 8px; }
table.money tr.search-excluded { display: none; }

.home-custom .w3-bar-item {margin-right:4px !important; padding: 4px 4px !important;}
.home-custom .ac-no-sender {background-color: white; color: var(--website-main-color) !important; border-bottom: 1px solid var(--website-main-color);}


/* ------ toggle bar */
.ac-my-bar-minimal-underlined .ac-sender {
  color: black;
  /*line-height: 24px;*/
  padding: 4px 8px !important;
  text-transform: uppercase;
  border-bottom: 4px solid var(--website-clr10-gray3);
  letter-spacing: 0.3px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ac-my-bar-minimal-underlined.small .ac-sender {
  padding: 2px 8px !important;
  letter-spacing: 0px;
}
.ac-my-bar-minimal-underlined.large .ac-sender {
  padding: 4px 24px !important;
  letter-spacing: 0.5px;
}
.ac-my-bar-minimal-underlined.mono .ac-sender {
    color: black;
    border-bottom: 2px solid var(--website-clr10-gray3);
}
.ac-my-bar-minimal-underlined .ac-sender.ac-toggle-active, .ac-my-bar-minimal-underlined .ac-sender:hover {
  border-bottom: 4px solid var(--website-main-color);
  background-color: var(--website-main-color-light) !important;
  color: var(--website-main-color) !important;
  text-shadow: 0.4px 0 0 currentColor;
}
.ac-my-bar-minimal-underlined.mono .ac-sender.ac-toggle-active, .ac-my-bar-minimal-underlined.mono .ac-sender:hover {
    border-bottom: 2px solid black;
    background-color: inherit !important;
    color: var(--website-main-color) !important;
}
.ac-my-bar-minimal-underlined .w3-bar-item b {font-weight: normal;}

.ac-my-bar-minimal-rounded .ac-sender {
  background-color: var(--website-main-color-light);
  color: var(--website-main-color);
  line-height: 24px;
  padding: 4px 8px;
  border-radius: 8px;
  /*font-weight: bold;*/
  margin-right: 8px;
  margin-bottom: 8px;
}

.ac-my-bar-minimal-rounded .ac-sender.ac-toggle-active, .ac-my-bar-minimal-rounded .ac-sender:hover {
  background-color: var(--website-main-color) !important;
  color: white !important;
}

.ac-my-bar-minimal-box .ac-sender {
  background-color: var(--website-main-color-light);
  color: var(--website-main-color);
  line-height: 15px;
  padding: 4px 8px;
  /*font-weight: bold;*/
  margin-right: 8px;
  margin-bottom: 8px;
}
.ac-my-bar-minimal-box .ac-sender.ac-toggle-active, .ac-my-bar-minimal-box .ac-sender:hover  {
  background-color: var(--website-main-color) !important;
  color: white !important;
}
.ac-my-bar-minimal-box .ac-no-sender{
	background-color: white !important;
	color: var(--website-main-color) !important;
	border-bottom: 1px solid var(--website-main-color);
}

div.ac-receiver, th.ac-receiver, td.ac-receiver, tr.ac-receiver{
  display: none;
}
th.ac-receiver.ac-toggle-active, td.ac-receiver.ac-toggle-active{
  display: table-cell;
}
tr.ac-receiver.ac-toggle-active{
  display: table-row;
}
div.ac-receiver.ac-toggle-active{
  display: block;
}

.ac-my-toggle-button {
    width: 40px;
    height: 20px;
    background-color: lightgray;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.ac-my-toggle-button:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
}

.ac-my-toggle-button.toggle-on {
    background-color: var(--website-accent-color);
}

.ac-my-toggle-button.toggle-on:before {
    transform: translateX(20px);
}

.ac-my-radio {
  vertical-align: sub;
  margin-right: 4px;
  accent-color: var(--website-accent-color);
  cursor: pointer;
}


/* style loading in progress */
.ac-loading-background {
  background: linear-gradient(90deg, #e0e0e0 25%, var(--website-main-color-hover) 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: wave 1.5s infinite linear;
  color: transparent;
}

@keyframes wave {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


/* amazon buttons */
a#amazon-like, a.amazon-like {
  display: inline-block;
  background-color: #ffa41c; /* Colore originale di Amazon */
  border-color: #FF8F00;
  color: #000 !important; /* Colore del testo */
  padding: 8px 8px;
  border-radius: 8px;
  text-shadow: 0.3px 0 0 currentColor;
  transition: background-color 0.3s ease;
  margin-bottom: 4px;
  width: 120px;
}
a#amazon-like:hover, a.amazon-like:hover {
  background-color: #fa8900; /* Colore leggermente più scuro al passaggio del mouse */
  /*color: #fff !important;*/ /* Colore del testo */
}

/* amazon img banner con link */
.amazon-hover {
    display: inline-block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
}

.amazon-hover:hover {
  box-shadow: 0 4px 8px rgba(255, 153, 0, 0.5); /* Amazon orange glow */
}

/* lazy portfolio book banner */  
.lzp-banner-light-wrapper {
  width: 100%;
  max-width: 1000px;
  min-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* padding: 10px; /* Margine esterno per il test */
  background: #f9f9f9; /* Sfondo del test esterno */
}

/* Layout Principale (Sfondo Chiaro) */
.lzp-banner-main {
  width: 100%;
  height: auto;
  background: #ffffff; /* Sfondo chiaro */
  display: flex; /* Flexbox orizzontale (row) di base per desktop/tablet */
  overflow: hidden;
  border: 1px solid #e2e8f0; /* Bordo sottile grigio */
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Ombra morbida */
}

/* Logica Colonne (Desktop/Tablet) */
.lzp-cover-col {
  width: 35%; /* La copertina occupa uno spazio solido */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #fdfdfd; /* Un bianco leggermente diverso per staccare */
}

.lzp-content-col {
  width: 65%;
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px; /* Spaziatura omogenea tra elementi */
}

/* Dettagli Elementi */
.lzp-book-image {
  max-height: 230px; /* Altezza massima su desktop */
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(4px 6px 10px rgba(0,0,0,0.12));
  transition: transform 0.3s ease;
}

.lzp-banner-main:hover .lzp-book-image {
  transform: scale(1.02) rotate(-1deg);
}

.lzp-logo-box {
  align-self: flex-start;
  border-bottom: 2px solid #0f5e80; /* Cennno al colore principale */
  padding-bottom: 4px;
  margin-bottom: 5px;
}

.lzp-logo-img {
  height: 28px !important; /* Logo discreto su desktop */
  width: auto;
}

/* Tipografia (Ariosa e non affogata) */
.lzp-main-headline {
  color: #1a1a1a;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.lzp-brand-accent {
  color: #0f5e80; /* Cenno al colore principale nel testo chiave */
}

.lzp-main-subtext {
  color: #555555;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 90%;
}

/* Bottoni CTA */
.lzp-cta-wrap {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.lzp-btn-action {
  flex: 1;
  text-align: center;
  text-decoration: none;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

/* Stile Oro Amazon (Inglese) */
.lzp-btn-en {
  background-color: #ff9900;
  color: #111111;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lzp-btn-en:hover {
  background-color: #e68a00;
  color: #111111;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Stile Blu Brand (Italiano) */
.lzp-btn-it {
  background-color: #0f5e80;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lzp-btn-it:hover {
  background-color: #0c4d69;
  color: #ffffff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Schermi Medi (Tablet-like) < 768px */
@media (max-width: 768px) {
  .lzp-main-headline {
    font-size: 20px;
  }
  .lzp-main-subtext {
    font-size: 13.5px;
    max-width: 100%;
  }
  /*
  .lzp-book-image {
     max-height: 190px;
  } */
}

/* Schermi Piccoli (Mobile Standard) < 580px */
@media (max-width: 580px) {
  .lzp-banner-main {
    height: 250px;
  }
  .lzp-cover-col {
    width: 50%;
    padding: 10px;
  }
  .lzp-content-col {
    width: 72%;
    padding: 15px;
    gap: 6px;
  }
  .lzp-main-headline {
    font-size: 16px;
  }
  /* Ometti il sottotitolo se troppo piccolo per mantenere pulizia ed equilibrio */
  .lzp-main-subtext {
    display: none;
  }
  .lzp-logo-img {
    height: 22px;
  }

  /*
  .lzp-cta-wrap {
    gap: 8px;
  }
  .lzp-btn-action {
    padding: 8px;
    font-size: 12px;
  }
  */
  .lzp-cta-wrap {
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  .lzp-btn-action {
    width: 100%;
    padding: 10px;
  }
}

@media (max-width: 340px) {
  .lzp-banner-main {
    height: auto; /* L'altezza si adatta ai contenuti sovrapposti */
    flex-direction: column; /* PASSA A LAYOUT VERTICALE (STACK) */
  }
  
  /* La copertina si sposta IN ALTO occupando tutta la larghezza, ridimensionata */
  .lzp-cover-col {
    width: 100%; 
    padding: 10px 10px 0 10px; /* Riduci padding verticale per risparmiare spazio */
    background: #ffffff; /* Uniforma lo sfondo */
  }
  
  /*
  .lzp-book-image {
    max-height: 100px;  
  }
  */
  
  /* I contenuti si spostano SOTTO la copertina */
  .lzp-content-col {
    width: 100%;
    padding: 10px 15px 15px 15px; /* Riduci vertical padding */
    gap: 8px; /* Slightly reduce gap */
    align-items: center; /* Centra i testi su mobile stretto per equilibrio */
    text-align: center;
  }
  
  .lzp-logo-box {
    align-self: center; /* Centra il logo */
  }
  
  .lzp-main-headline {
    font-size: 15px;
  }
  
  /* I bottoni si dispongono l'uno sotto l'altro (stack) per essere facilmente cliccabili col pollice */
  .lzp-cta-wrap {
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  .lzp-btn-action {
    width: 100%;
    padding: 10px;
  }
}


/* comparison css */
.portfolios-mini-container { display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
.portfolios-mini-container.n2 .portfolio-mini, .portfolios-mini-container.n4 .portfolio-mini {
    width: calc(50% - 10px); /* 2 card per riga */
}
.portfolios-mini-container.n3 .portfolio-mini {
    width: calc(33.33% - 10px); /* 3 card per riga */
}
.portfolio-mini {display: flex; flex-direction: column; display: flex; flex-direction: column; height: 100%;  margin-bottom: 16px; }
.portfolio-mini-header {padding: 8px; height: 70px; background-color: var(--website-clr10-gray0); }
.portfolio-mini-body {
    flex-grow: 1; /* Questo permette alla body della card di espandersi se necessario */
}
@media (max-width: 768px) {
    .portfolio-mini {
        width: 100% !important; /* Ogni card prende tutta la larghezza su schermi piccoli */
    }
    .portfolios-mini-container {
        justify-content: center; /* Centrato al centro su schermi piccoli */
        flex-direction: column; /* Una card sotto l'altra */
    }
    .portfolio-mini table {
        font-size: 14px;
    }
}

/* capital growth table */
table.table-capital-growth td.portfolio-img img {width: 26px; height: 26px; border-radius: 50%;}
table.table-capital-growth td.portfolio-name font {font-size: 11px !important; letter-spacing: 0.03em;}
table.table-capital-growth tr.row-footer {border-bottom: none;}
table.table-capital-growth tr.row-footer td {color: black; vertical-align: top;}


#comparison-returns-table .r {text-align: right;}
#comparison-returns-table .rYTD {border-right: 1px dotted #ccc !important;}
#comparison-returns-table .r1Y, #comparison-returns-table .r10Y, #comparison-returns-table .rMAX {border-left: 1px dotted #ccc !important;}

#comparison-metrics-table tbody tr.separator {height: 8px; border-bottom: 0px;}
#comparison-metrics-table tbody tr.border-bottom-none {border-bottom: 0px;}
#comparison-metrics-table th {text-align: right;}
#comparison-metrics-table.n2 th.item {width: 300px;}
#comparison-metrics-table.n3 th.item {width: 200px;}
#comparison-metrics-table.n4 th.item {width: 150px;}
#comparison-metrics-table td {text-align: right;}
#comparison-metrics-table td:first-child {font-size: 12px; text-align: left;}
#comparison-metrics-table td.cell-on div {background-color: #fff3cd;}
#comparison-metrics-table tbody tr.section td{font-size: 12px !important; border-bottom: 1px solid gray; font-weight: bold; line-height: 18px; background-color: #f8f8f8}
#comparison-metrics-table tbody tr.section td:first-child{letter-spacing: .07272727em; font-style: italic; padding: 0px 8px !important;}
#comparison-metrics-table tr.margin-note {border-bottom: 0px!important;}
#comparison-metrics-table tr.margin-note td {font-size: 10px; line-height: 10px; font-style: italic; color:#757575; padding-left: 2px !important}


/* Table: drawdown list cluster */
table.drawdown-list-cluster tr td.progress-bar {width:90px; font-weight: bold;}
table.drawdown-list-cluster tr td.progress-bar > div {background-color: var(--website-clr-neutral1); overflow: visible;}
table.drawdown-list-cluster tr td.progress-bar > div > div {width:70px; text-align: left; padding-left: 8px;}

table.drawdown-list-cluster tr a {color: gray !important; font-style: italic; text-decoration: underline; cursor: pointer;}

table.drawdown-list-cluster tr td.indicator {text-align: left;border-top: 1px solid white;}
table.drawdown-list-cluster tr.subsequent td.indicator {font-size: 10px;line-height: 10px;padding-top: 0px;vertical-align: top;}
table.drawdown-list-cluster tr td.indicator.frequency {font-weight: bold;}
table.drawdown-list-cluster tr.ath td.indicator {color: green}
table.drawdown-list-cluster tr.downturn td.indicator {color: var(--website-main-color);}
table.drawdown-list-cluster tr.correction td.indicator {color: brown}
table.drawdown-list-cluster tr.bear td.indicator {color: red}

/*table#drawdown-list-cluster tr.ath.first td {} */
table.drawdown-list-cluster tr.downturn.first td {border-top: 2px double var(--website-main-color) !important}
table.drawdown-list-cluster tr.correction.first td {border-top: 2px double brown !important}
table.drawdown-list-cluster tr.bear.first td {border-top: 2px double red !important}


#rolling-years {width: 110px; height:28px; padding-right: 4px; text-align: left; border-radius: 0; border: 0; border-bottom: 1px solid #ccc; background-color: inherit;}
#rolling-years:focus-visible {outline:none;}


/* correlation table */
table.correlation-table thead th.badge div {padding: 4px 4px; display: inline-block; text-align: center; border-radius: 4px; color: inherit; min-width: 50px;}
table.correlation-table.pd22 thead th.badge div, table.correlation-table tr.pd22 thead th.badge div {padding: 1px 1px;}
table.correlation-table.pd44 thead th.badge div, table.correlation-table tr.pd44 thead th.badge div {padding: 2px 2px;}
table.correlation-table thead th {font-weight: normal; line-height: 16px;}
table.correlation-table .cell-header {text-align: left; line-height: 16px;}
table.correlation-table td.badge > div {min-width: 50px;}

table#correlationTable-vs1 .gr-corr-none div {background-color:white !important}
table#correlationTable-vs1 .gr-corr-0 div {color:#000 !important; background-color:var(--website-clr-pos0) !important}
table#correlationTable-vs1 .gr-corr-neg1 div {color:#000 !important; text-shadow:0.4px 0 0 currentColor; background-color:var(--website-clr-pos1) !important}
table#correlationTable-vs1 .gr-corr-pos1 div {color:#000 !important; background-color:var(--website-clr-neg0) !important}
table#correlationTable-vs1 .headcol {position: sticky; top: auto; z-index: 999; background-color: white; background-clip: padding-box;}
table#correlationTable-vs1 .badge-ticker {width: 65px; font-size:12px; line-height: 15px; padding-left: 4px; padding-right: 4px;}


/* year returns table */
table#yearReturns th {vertical-align: bottom;}
table#yearReturns th.item {text-align: right;}
table#yearReturns.n2 th.item {width: 180px;}
table#yearReturns.n3 th.item {width: 120px;}
table#yearReturns.n4 th.item {width: 90px;}
table#yearReturns td.cell-on div {background-color: #fff3cd;}
table#yearReturns .dd {border-right: 1px dotted #ccc;}
table#yearReturns .dd:last-child {border-right: none !important;}

/* monthly returns table */
table#monthly-returns-table tbody tr:hover {color: black !important; background-color: #f8f8f8 !important;}
table#monthly-returns-table .y {text-align:left; font-weight:bold; font-size:14px;}
table#monthly-returns-table .r {font-weight:bold; font-size:14px;}
table#monthly-returns-table .d {font-size:14px;}

input#monthly-return-pagination::-webkit-outer-spin-button,
input#monthly-return-pagination::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input#monthly-return-pagination[type=number] { -moz-appearance: textfield; }


/* Table: rolling returns */
table.portfolio-rolling-returns th, table.portfolio-rolling-returns td {text-align: right;}
table.portfolio-rolling-returns td.period {font-weight: bold; text-align: left !important;}
table.portfolio-rolling-returns td.from {font-size: 11px;line-height: 12px;}
table.portfolio-rolling-returns th.ann, table.portfolio-rolling-returns th.from, table.portfolio-rolling-returns th.growth {font-size: 11px;line-height: 12px;}
table.portfolio-rolling-returns .worst, table.portfolio-rolling-returns .th50, table.portfolio-rolling-returns .best {background-color: #f8f9fa;}
table.portfolio-rolling-returns td.growth {border-right: 1px dotted gray; font-size: 13px;}
table.portfolio-rolling-returns.with-cashflow .growth {display:none;}
table.portfolio-rolling-returns.with-cashflow .th15.ann, table.portfolio-rolling-returns.with-cashflow .th50.ann, table.portfolio-rolling-returns.with-cashflow .th85.ann {text-align:center !important;}


/* Summary box - Portfolio main metrics - top of detail page and similar */
#result-summary {background-color: #FEF3C722;}
.pi-note {font-size: 12px; letter-spacing: .03em; margin-bottom:8px;}
#pi { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
#pi .pi-component {width: 120px; border-radius: 6px; padding: 4px 4px; min-width: 100px; flex: 0 0 auto; text-align: right;}
#pi .pi-name { font-size: 10px; color: #555; line-height: 1.3; margin-bottom: 4px; }
#pi .pi-val { font-size: 18px; font-variant-numeric: tabular-nums; line-height: 1; padding-bottom: 4px; border-bottom: 1px dotted gray; }
#pi .pi-unit { font-size: 11px; margin-left: 2px; opacity: 0.65; }
#pi .pi-compare-block { border-top: 1px solid var(--website-clr10-gray2); margin-top: 6px; padding-top: 5px; }
#pi .pi-val.compare { font-size: 13px; }
#pi .pi-val.compare .pi-unit { font-size: 10px; }
#pi .pi-name.compare { font-size: 10px; text-transform: none; letter-spacing: 0; margin-bottom: 0; }
.summary-intro-item {padding: 4px 8px; margin: 0px -8px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 8px; clear: both; display: inline-block;}
.summary-intro-item:last-child {margin-bottom: 0px;}


/* TOC */
#summary-container ul {margin-top:4px; margin-bottom: 8px; list-style-type: none; padding-left: 0px;}
#summary-container ul li {font-size: 18px; padding: 2px; font-family: Arial;}
#summary-container ul li a {color: var(--button-primary-color); cursor:pointer;}
  

/* ======== Backtest Page ======== */
.sections.ac-loading-background {opacity: 0.4;}
.sections.ac-loading-background select {visibility: hidden;}
.sections.ac-loading-background .select2 {visibility: hidden;}
.sections.ac-loading-background input {visibility: hidden;}
.sections.ac-loading-background div {visibility: hidden;}

.search-settings-title {font-weight: bold; margin-bottom: 16px;}
.number-circle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  border: 2px solid; border-radius: 50%; font-size: 18px;
  font-weight: bold; margin-right: 10px; text-align: center;
}
.search-settings-subtitle {font-size:12px; line-height:16px; color:gray; margin-bottom:8px;}
.currency-settings .select2-container--default .select2-selection--single {border: 0; border-bottom: 1px solid #ccc; background-color: inherit;}
div.ac-asset-description.ac-receiver {background-color: #f8f8f8!important; padding-top: 8px; margin-bottom: 32px;}
.portfolio-name-section {max-width: 450px;}
.portfolio-name-row {margin-bottom: 6px; display: flex; gap: 8px;}
.portfolio-name-row.in-progress {background-color: var(--website-main-color-light);}
input.portfolio-name {width: 320px; height: 40px; padding: 8px; border: 1px solid #ccc !important; color: black !important;}
.dropdown-select-list {background-color: inherit; font-size: 15px; margin: auto 0;}
.dropdown-select-btn {background-color: var(--website-main-color) !important; padding: 0px !important; color: white !important; line-height: 20px; width: 20px; height: 20px; border-radius: 50%;}
.w3-dropdown-content.show, .w3-dropdown-filter.show {visibility: visible;}
.bkt-dropdown-items {max-height: 200px; overflow-y: auto;}
.site-portfolio-box {border: 1px solid #ccc; width: 320px;}
.site-portfolio-box-delete {margin: auto 0; padding: 0px !important; color: red !important;}
.portfolio-recap {font-size: 12px; margin-bottom: 4px;}
.portfolio-recap font.label {font-weight: bold; padding: 4px; background-color: var(--website-clr10-azul0);}
.portfolio-recap font.name {margin-left: 8px;}
.asset-row {padding-top: 2px; padding-bottom: 2px;}
.asset-row .w3-col {padding-top: 2px; padding-bottom: 2px;}
.asset-row.odd {background-color: var(--website-clr10-gray0);}
.asset-column {padding-left: 4px;}
.asset-dropdown {width: 100%; max-width: 310px; height:30px;}
.perc-column {padding-left: 4px;}
.asset-perc, .asset-perc-tot {width: 75px; height:28px; text-align: right; border: 1px solid #ccc; padding-left: 4px;}
.asset-perc::placeholder, .asset-perc-tot::placeholder {color: #999; font-size:13px;}
.asset-perc-tot {border-color: darkgray;}
.hedged-column {padding-left: 16px;}
.asset-hedged-button {padding-left: 16px; padding-right: 0px; text-align: center; margin-top: 4px; float: left;}
.asset-hedged-button.toggle-on {padding-left: 0px; padding-right: 16px; color: white;}
.asset-hedged-button:before {transition: 0.5s;}
.asset-hedged-button.toggle-on:before {transform: translateX(20px) !important;}
.asset-clear {padding: 0px 2px !important; margin-left: 16px; font-size: 16px;}
.select2-results__option {font-size: 13px; padding: 4px;}
.select2-selection__rendered {font-size: 13px; padding-left: 2px !important;}
.select2-results__group {padding: 4px 6px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #e0e0e0 !important; color:black!important;}
.select2-container--default .select2-selection--single {border: 1px solid #ccc;}
.mini-badge {border-radius: 4px !important; padding:2px !important; min-width:32px;}
.option-badge {min-width: 50px; font-size:12px; padding: 2px 4px; border-radius: 4px; margin-right: 0px; text-shadow: 0.2px 0.2px black;}
.hedged-label-badge {min-width: 50px; font-size:11px; padding: 2px 1px; border-radius: 4px; margin-right: 0px; text-shadow: 0.2px 0.2px black;}
.option-badge.base-etf {display: inline;}
.option-badge.hedged-etf {display: none;}
.hedged-label-badge {display: none;}
div.w3-row.hedged .option-badge.base-etf {display: none !important;}
div.w3-row.hedged .option-badge.hedged-etf {display: inline !important;}
div.w3-row.hedged .hedged-label-badge {display: inline !important;}
div.optgroup {padding: 0px 8px !important;}
div.asset-option-list {letter-spacing: -0.03em;}
@media (min-width: 1280px) {
  .w3-col.lhalf1  { width:  4.16667%; } .w3-col.lhalf2  { width:  8.33333%; }
  .w3-col.lhalf3  { width: 12.50000%; } .w3-col.lhalf4  { width: 16.66667%; }
  .w3-col.lhalf5  { width: 20.83333%; } .w3-col.lhalf6  { width: 25.00000%; }
  .w3-col.lhalf7  { width: 29.16667%; } .w3-col.lhalf8  { width: 33.33333%; }
  .w3-col.lhalf9  { width: 37.50000%; } .w3-col.lhalf10 { width: 41.66667%; }
  .w3-col.lhalf11 { width: 45.83333%; } .w3-col.lhalf12 { width: 50.00000%; }
  .w3-col.lhalf13 { width: 54.16667%; } .w3-col.lhalf14 { width: 58.33333%; }
  .w3-col.lhalf15 { width: 62.50000%; } .w3-col.lhalf16 { width: 66.66667%; }
  .w3-col.lhalf17 { width: 70.83333%; } .w3-col.lhalf18 { width: 75.00000%; }
  .w3-col.lhalf19 { width: 79.16667%; } .w3-col.lhalf20 { width: 83.33333%; }
  .w3-col.lhalf21 { width: 87.50000%; } .w3-col.lhalf22 { width: 91.66667%; }
  .w3-col.lhalf23 { width: 95.83333%; } .w3-col.lhalf24 { width:100.00000%; }
}
@media (min-width:1280px){.w3-bkt-show-small{display:none!important}}
@media (max-width:1280px){.w3-bkt-show-large{display:none!important}}
@media (min-width: 1280px) {
  .asset-perc::-webkit-input-placeholder, .asset-perc-tot::-webkit-input-placeholder {color: transparent;}
  .asset-perc:-moz-placeholder, .asset-perc-tot:-moz-placeholder {color: transparent;}
  .asset-perc::-moz-placeholder, .asset-perc-tot::-moz-placeholder {color: transparent;}
  .asset-perc::-ms-input-placeholder, .asset-perc-tot:-ms-input-placeholder {color: transparent;}
}
.ac-modal {display:none; position:fixed; z-index:1; left:0; top:0; padding-top:20px; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);}
.ac-modal-content {background-color:#fefefe; margin:15% auto; padding:16px; border:1px solid #888; max-width:500px; width:100%;}
.ac-modal-close {color:black; float:right; font-size:28px; line-height:28px; font-weight:bold;}
.ac-modal-close:hover, .ac-modal-close:focus {text-decoration:none; cursor:pointer;}
div.asset-option-list.etf-swap span, span.option-badge.etf-swap {position:relative;}
div.asset-option-list.etf-swap span.option-badge::before, span.option-badge.etf-swap::before {content:""; position:absolute; top:0; right:0; width:4px; height:4px; background-color:red; border-radius:50%;}
li.asset-li-list.etf-swap div.mini-badge, li.asset-li-list.etf-swap-forced div.mini-badge {position:relative;}
li.asset-li-list.etf-swap div.mini-badge::before, li.asset-li-list.etf-swap-forced div.mini-badge::before {content:""; position:absolute; top:0; right:0; width:4px; height:4px; background-color:red; border-radius:50%;}




/* ─── Homepage table: column group visibility per tab ─── */
/* !important needed: W3.CSS .w3-table td/th { display: table-cell } has specificity 0,1,1
   which beats .col-* { display: none } at 0,1,0. Both hide and show rules use !important
   so cascade is resolved by specificity: show selectors (0,2,0) beat hide (0,1,0). */

.col-summary,
.col-live,
.col-return,
.col-risk,
.col-drawdown,
.col-years,
.col-custom1,
.col-agg5Y,
.col-agg10Y,
.col-agg30Y { display: none !important; }

/* tab-active-summary */
.tab-active-summary .col-summary    { display: table-cell !important; }

/* tab-active-live */
.tab-active-live .col-live    { display: table-cell !important; }

/* tab-active-return */
.tab-active-return .col-return    { display: table-cell !important; }

/* tab-active-risk */
.tab-active-risk .col-risk    { display: table-cell !important; }

/* tab-active-drawdown */
.tab-active-drawdown .col-drawdown { display: table-cell !important; }

/* tab-active-years */
.tab-active-years .col-years   { display: table-cell !important; }

/* tab-active-custom1 */
.tab-active-custom1 .col-custom1 { display: table-cell !important; }

/* tab-active-agg* */
.tab-active-agg5Y  .col-agg5Y   { display: table-cell !important; }
.tab-active-agg10Y .col-agg10Y  { display: table-cell !important; }
.tab-active-agg30Y .col-agg30Y  { display: table-cell !important; }
/* col-fixed (risk bar, author img, name) has no col-* class — always visible */


/* Mobile currency selector */
.currency-select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--website-clr10-gray3);
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  cursor: pointer;
  color: black;
  font-family: inherit;
}

.currency-select:hover {
  border-color: var(--website-main-color);
}

.currency-select:focus {
  outline: none;
  border-color: var(--website-main-color);
  box-shadow: 0 0 0 3px var(--website-main-color-light);
}

.currency-select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}