:root { --neutral--50: #fcfcfd; --neutral--100: #f4f4f5; --neutral--200: #dfdfe2; --neutral--300: #bebec6; --neutral--400: #7f8090; --neutral--500: #60616c; --neutral--600: #4a4b54; --neutral--700: #3a3a41; 
								--neutral--800: #2e2e33; --neutral--900: #26262b; --neutral--950: #131316; --primary--50: #f3f1ff; --primary--100: #eae6ff; --primary--200: #d7d0ff; --primary--300: #bbabff; --primary--400: #9a7cff; 
								--primary--500: #7c47ff; --primary--800: #530dd3; --secondary--500: #bf5dda; --white: white; --light-grey: #f4f4f4; --black: black; 
								--success--100: #e8fcef; --success--200: #bbf7d0; --success--500: #31d36c; --success--700: #1c8241; 
								--destructive--50: #fde8e8; --destructive--100: #fee2e2; --destructive--500: #ef4444; --orange: #ff940a; --l--orange: #fed770; }


:root {	--orange:rgb(243,112,95); --blue:rgb(90,172,235); --teal:rgb(7,183,196); --gold:rgb(234,180,83); --purple:rgb(164, 75, 122); --pink:rgb(225, 167,161); --green:rgb(175 214 182);}

.bg-orange {background:var(--orange);}
.bg-blue {background:var(--blue);}
.bg-teal {background:var(--teal);}
.bg-gold {background:var(--gold);}
.bg-purple {background:var(--purple);}
.bg-pink {background:var(--pink);}
.bg-green {background:var(--green);}

.text-orange {color:var(--orange);}
.text-blue {color:var(--blue);}
.text-teal {color:var(--teal);}
.text-gold {color:var(--gold);}
.text-purple {color:var(--purple);}
.text-pink {color:var(--pink);}
.text-green {color:var(--green);}
.text-black {color:#000;}








:root {
		--portal--25--teal: hsl(196, 99%, 68%);
		--portal--25--violet: hsl(262, 100%, 50%);
		--portal--25--purple: hsl(268, 99%, 51%);
		--portal--25--orange: hsl(23, 100%, 69%);
		--portal--25--black:hsl(256, 41%, 5%);

}


: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);
}



.text-neutral-50 { color: var(--neutral--50); }
.text-neutral-100 { color: var(--neutral--100); }
.text-neutral-200 { color: var(--neutral--200); }
.text-neutral-300 { color: var(--neutral--300); }
.text-neutral-400 { color: var(--neutral--400); }
.text-neutral-500 { color: var(--neutral--500); }
.text-neutral-500 { color: var(--neutral--600); }
.text-neutral-600 { color: var(--neutral--800); }
.text-neutral-700 { color: var(--neutral--700);}
.text-neutral-800 { color: var(--neutral--800); }
.text-neutral-900 { color: var(--neutral--900); }


.text-primary-50 { color: var(--primary--50); }
.text-primary-100 { color: var(--primary--100); }
.text-primary-200 { color: var(--primary--200); }
.text-primary-300 { color: var(--primary--300); }
.text-primary-400 { color: var(--primary--400); }
.text-primary-500 { color: var(--primary--500); }
.text-primary-800 { color: var(--primary--800); }

.text-secondary-500 { color: var(--secondary--500); }
.text-success-200 { color: var(--success--200); }
.text-success-500 { color: var(--success--500); }
.text-destructive-200 { color: var(--destructive--200); }
.text-destructive-500 { color: var(--destructive--500); }
.text-orange { color: var(--orange); }
.text-l-orange { color: var(--l--orange); }



.bg-neutral-50 { background-color: var(--neutral--50); }
.bg-neutral-100 { background-color: var(--neutral--100); }
.bg-neutral-200 { background-color: var(--neutral--200); }
.bg-neutral-300 { background-color: var(--neutral--300); }
.bg-neutral-400 { background-color: var(--neutral--400); }
.bg-neutral-500 { background-color: var(--neutral--500); }
.bg-neutral-800 { background-color: var(--neutral--800); }
.bg-neutral-900 { background-color: var(--neutral--900); }
.bg-neutral-950 { background-color: var(--neutral--950); }

.bg-primary-50 { background-color: var(--primary--50); }
.bg-primary-100 { background-color: var(--primary--100); }
.bg-primary-200 { background-color: var(--primary--200); }
.bg-primary-300 { background-color: var(--primary--300); }
.bg-primary-400 { background-color: var(--primary--400); }
.bg-primary-500 { background-color: var(--primary--500); }
.bg-primary-800 { background-color: var(--primary--800); }

.bg-secondary-500 { background-color: var(--secondary--500); }
.bg-success-200 { background-color: var(--success--200); }
.bg-success-500 { background-color: var(--success--500); }
.bg-destructive-100 { background-color: var(--destructive--100); }
.bg-destructive-500 { background-color: var(--destructive--500); }

/*.bg-orange { background-color: var(--orange); }
.bg-l-orange { background-color: var(--l--orange); }*/




/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		S T Y L E S 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {font-family: 'DM Sans', 'Plus Jakarta Sans', sans-serif; font-family: "Inter", sans-serif; font-weight:400; background:#ffffff; color:#181818; height: 100vh; }

html {font-size: 100%;} /*16px*/
p, li {font-size:1rem; margin-bottom: 1rem; font-weight:300; font-size:0.9rem;}
li {margin-bottom:0.5rem;}
h1, h2, h3, h4, h5 {margin: 3rem 0 1.38rem; margin:0 0 1.38rem; font-weight: 500;  line-height: 1.3;}
h1 {margin-top: 0; font-size: 2.488rem;}
h2 {font-size: 2.074rem;}
h3 {font-size: 1.728rem;}
h4 {font-size: 1.44rem;}
h5 {font-size: 1.2rem;}

small, .text_small {font-size:0.833rem;}

.link-text {color:#000; font-weight:600; text-decoration:underline;}

/*.btn {transition:0.3s ease-in-out; padding:0.65rem 0.85rem; font-style:normal; font-size:0.825rem; font-weight:500; flex-direction:row; align-items:center; justify-content:center;}*/
.btn-primary {background:var(--teal); border-color:var(--teal); background:var(--portal--25--violet); border-color:var(--portal--25--violet);}
.btn-primary:hover {background:#06a1ac; border-color:#06a1ac; background-color:var(--portal--25--purple); border-color:var(--portal--25--purple);}
.btn-primary:active {background:#06a1ac; border-color:#06a1ac; background-color:var(--portal--25--purple) !important; border-color:var(--portal--25--purple) !important;}
.btn-primary:first-child:active, .btn-primary:focus-visible {background:#007179; border-color:#007179;}

.btn-outline-primary {background-color:transparent; border-color:var(--portal--25--violet); color:var(--portal--25--violet);}
.btn-outline-primary:hover {background:var(--portal--25--violet); border-color:var(--portal--25--violet); color:#fff;}


/*.btn-sm { padding:0.35rem 0.7rem; font-size:0.7rem;}
*/.btn-sm i {line-height:1;}

.btn-icon {border-radius:6px; background:none; border:none; font-size:1.6rem; font-weight:500; color:#222; transition:ease-in all 0.25s; text-decoration:none; min-width:40px; min-height:40px; display:flex; justify-content:center; align-items:center; padding:0;}
.btn-icon-text span {display:none;}
.btn-icon i {line-height:1; font-size:1.725rem; font-size:1.1rem;}


.btn-back {/*color:var(--primary--800);*/ font-weight:500;}



.btn-ui {border-color:var(--color-gray-300); color:var(--color-gray-400);}
.btn-ui:hover {background:var(--color-gray-50); border-color:var(--color-gray-300); color:var(--color-gray-500)}


.btn-link {color:var(--primary--500); text-decoration:none; }
.btn-link:hover {color:var(--primary--900);}


/*.admin .btn {transition: 0.3s ease-in-out; font-style: normal; font-weight:500;  flex-direction: row; align-items: center; justify-content: center;}*/
.admin .btn-primary {background:#000000; border-color:#000000; color:#fff;}
.admin .btn-primary:hover {background:#222222; border-color:#111111;}
.admin :not(.btn-check)+.btn:active {background:#444444; border-color:#333;}
.admin .btn-outline-primary {background:transparent; border-color:#000000; color:#000;}
.admin .btn-outline-primary:hover {background:#222222; border-color:#111111; color:#fff;}
.admin .btn-secondary {background:#999; border-color:#888; color:#fff;}
.admin .btn-secondary:hover {background:#777;}
.btn-tertiary {text-decoration:underline; transition: 0.3s ease-in-out;}
.btn-tertiary:hover {border-color:#ddd; text-decoration:none; background:#f6f6f6;}
:not(.btn-check)+.btn-tertiary:active {background:#ddd; border-color:#333;}

/*.admin .btn-sm {font-size:0.7rem;}*/
.UserCounts {/*background:#000;*/ color:#000; border:1px solid #000; font-size:0.8rem; font-weight:700; display:flex; justify-content:center; align-items:center; padding:0.25rem 0.75rem; margin-right:0.5rem; border-radius:100px;}
.UserCountsLabel {line-height:1.2; font-size:0.75rem;}



@media screen and (min-width: 500px) {

		.btn-icon-text { width:auto;}
		.btn-icon-text span {font-size:0.75rem; font-weight:400; display:flex;}

}


@media screen and (min-width: 992px) {

		/*.btn-icon {width:40px; height:40px; border:1px solid #ccc; background:#fff;}*/
		.btn-icon:hover {background:#fff;}
		.btn-icon i {font-size:1.1rem; line-height:1;}
		.btn-icon-text { width:auto;}
		.btn-icon.btn-icon-text {padding:0 0.5rem;}

}



/* Works on Firefox */
* {scrollbar-width: thin; scrollbar-color: #ddd #fff;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 12px;}
*::-webkit-scrollbar-track {background: #fff;}
*::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 20px; border: 3px solid #fff;}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		S T R U C T U R E 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mypemco-logo {font-weight:800; color:#000; font-size:1.4rem; font-family: 'Space Grotesk', sans-serif;}
.mypemco-logo a {color:#000; text-decoration:none;}

.wrapper {display:flex; height:100%; flex-direction:column;}
aside.dashboard-menu.offcanvas-xl {background-color:#fff !important; background-color:#f9f9f9 !important; border-right:1px solid #E5EAEF; /*box-shadow: 0 0.125rem 0.25rem rgba(165,163,174,.3);*/ border:none; flex:1 0 25%; min-height:100vh;}
aside.dashboard-menu.offcanvas-xl .offcanvas-header {height:70px; padding:0 1.375rem;}
aside.dashboard-menu.offcanvas-xl .offcanvas-body {padding:0;}
aside.dashboard-menu.offcanvas-xl .offcanvas-body .offcanvas-inner {height:calc(100vh - 70px);}

.sidebar-top {padding:0rem 1.375rem 2rem; overflow-y:auto;}
.sidebar-bottom {padding:0.5rem 1.375rem 1rem;}
.sidebar-bottom a {font-size:0.7rem; text-decoration:none; color:#666; margin:0.25rem 0;}

.sidebar-nav {flex-grow: 1; list-style: none; margin-bottom:0; padding:0;}
.sidebar-nav li.nav-item {margin-bottom:0;}
.sidebar-nav li.nav-item a.nav-link {display:flex; padding:0.75rem; align-items:center; font-weight:400; color:#222; line-height:1.2; font-size:0.925rem; cursor:pointer;}
.sidebar-nav li.nav-item a.nav-link.active {background:var(--neutral--200); color:#000; font-weight:500; border-radius:6px;}
.sidebar-nav li.nav-item a.nav-link i {font-size:1rem; margin-right:1rem; line-height:1;}
.sidebar-nav li.nav-item a.nav-link.active i {color:#000; }
/*.sidebar-nav li.nav-item a.nav-link.active:hover i {color:var(--teal);}
*/.sidebar-nav li.nav-item a.nav-link:hover i {visibility:visible; color:#888;}
.sidebar-nav li.nav-item .submenu {list-style: none; margin:0; padding:0; padding-left:1rem; padding-right:1rem;}
.sidebar-nav li.nav-item .submenu li {margin-bottom:0.5rem;}
.sidebar-nav li.nav-item .submenu li a {background:none;}
.sidebar-nav .sidebar-dropdown li.nav-item a.nav-link {padding: .35rem 1.5rem 0.35rem 2rem;}
.sidebar-nav [data-bs-toggle=collapse] { position: relative;}
.sidebar-nav [data-bs-toggle=collapse]:after {border:solid; border-width:0 0.075rem 0.075rem 0; content:""; display:inline-block; padding:2px; position:absolute; right:1.5rem; top:0.6rem; transform:rotate(45deg); transition:all .2s ease-out;}
.nav-divider {font-size:0.7rem; text-transform:uppercase; margin:1.5rem 0 0.5rem; color:var(--neutral--400); letter-spacing:0.05rem;}
.dropdown-menu {padding:0.25rem 0;}
.dropdown-menu li {margin-bottom:0;}

.dashboard header {position:fixed; z-index:99; background:#F6F7F9; background:#f9f9f9; width:100%; top:0; left:0; right:0; display:flex; align-items:center; height:4rem;}
.dashboard header .primary-logo .logo-box .logo {width:40px; border-radius:100px; background:#fff; border:solid 1px #E5EAEF;}
.dashboard header .primary-logo {display:flex; justify-content:center; align-items:center; /* border-right:solid 1px #E5EAEF; */}
.dashboard header .secondary-logo {display:flex; justify-content:center; align-items:center;}
.dashboard header .secondary-logo .site-title {color:#b4b4b4; font-weight:500;}
.dashboard header .secondary-logo img {max-height:44px; max-width:150px}

.dashboard header ul.nav {list-style: none; padding: 0; margin-bottom: 0;}
.dashboard header ul.nav li {display: inline-flex; margin-bottom: 0;}

.dashboard .site-title,
.dashboard-menu .site-title { font-weight:700; color:#1b1b1E; font-size:0.875rem; line-height:0.9; margin:0;}
.dashboard .site-title span {text-transform:none; font-size:0.9rem;}


main.dashboard {/* border-radius:25px 0 0 0; overflow:hidden; flex: 1 0 75%; */  padding-top:5rem; }
/*main.dashboard section {padding:0.5rem;}*/

.wrap {overflow-wrap: break-word;	word-break: break-word;}



		main.dashboard section {padding:0rem;}
		main.dashboard section.back-button {padding:1rem 0 0;}


@media screen and (min-width: 550px) {

		main.dashboard section {padding:0rem;}

}


@media screen and (min-width: 768px) {

		main.dashboard section {padding:1rem;}
		main.dashboard section.back-button {padding:0 0 1rem;}

}




@media screen and (min-width: 1200px) {

		main.dashboard {padding:unset; margin-left:280px; margin-top:0; min-height:100vh; background-color:#f9f9f9; background-color:#fff;}
		main.dashboard section.back-button {padding:1rem 2rem 0;}
		main.dashboard section {padding:1rem 2rem;}

		aside.dashboard-menu.offcanvas-xl {max-width:280px; width:280px; position:fixed; z-index:999; }
		aside.dashboard-menu.offcanvas-xl .offcanvas-header {padding:0 1.375rem 0; padding:0 1.5rem; display:flex;}
		aside.dashboard-menu.offcanvas-xl .offcanvas-header .btn-close {display:none;}

		.sidebar-top .logo {margin:1rem auto 2rem;}

		.sidebar-nav li.nav-item a.nav-link {padding:0.5rem 0.5rem;  font-size:0.8rem; }
		.sidebar-nav li.nav-item a.nav-link i {font-size:1rem; margin-right:16px; }
		.sidebar-nav li.nav-item a.nav-link.active {border-radius:4px;}
		.sidebar-nav li.nav-item a.nav-link.active i {color:#000;}
		
		.dashboard .site-title {display:none; }
		.dashboard header {position:sticky; /* border-bottom: 1px solid #e8e8e8; */ height:70px; background-color:rgba(255,255,255,0.8); backdrop-filter:blur(1px); }
			



	}





.card.card-bsc .img-wrapper img {filter: contrast(0.75);}


.card-border {border-color: #e0e0e5;}

.card-building-sc {border-color: #e0e0e5;}
.card-building-sc .card-header {padding:1.25rem; display:flex; align-items:center; justify-content:space-between; border:none; background:transparent;}
.card-building-sc .card-body {padding:1.25rem;} 

.parent .label {font-size:0.75rem; color:var(--neutral--400);}




/* The background panels on the dashboard pages */
.card.dash-card {/*box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px;*/ border-radius:6px; border-color:#f1f1f4; border-color:#e6e6e6; margin-bottom:1rem;  overflow:hidden; border:none;}
.card.dash-card .card-header {padding:0 0.75rem; padding:0; background:#fff; border-bottom:none; padding-bottom:1rem;}
/*.card.dash-card .card-header .card-title {display: flex; align-items: center; margin:0; margin-left: 0; flex-direction:column; align-items:start; justify-content:center;}*/
.card.dash-card .card-header .card-title {font-size:1.2rem; letter-spacing:normal; margin:0 0 0.25rem;}
.card.dash-card .card-header .sub-title {font-size: 0.8rem;  letter-spacing: normal;margin: 0;}
.card.dash-card .card-body {padding:0.75rem; background:inherit; padding:0;}
.dash-card.card-flush>.card-header {border-bottom: 0!important; justify-content: space-between; align-items: stretch; flex-wrap: wrap; min-height: 70px;}





/*@media screen and (min-width: 768px) {

		.card.dash-card .card-body {padding:1rem;}

		}


@media screen and (min-width: 992px) {

		.card.dash-card .card-header {padding:0 1.5rem;}
		.card.dash-card .card-body {padding:1rem; background:inherit;}

		}*/






.card.container-card .card-header {padding:1rem; background:#fff; border:none;}
.card.container-card .card-header .card-title {margin:0rem 0 0.75rem;}
.card.container-card .card-header .card-title .title {font-size:0.875rem; }
.card.container-card .card-header .card-title .sub {display:none;}
.card.container-card .card-body {padding:1rem;}
.card.container-card .card-body img {filter:invert(0);}
.card.container-card .card-body h2 {font-size:1.1rem; margin:0;}
.card.container-card .card-body p {color:#222;}
.card.container-card .card-header .tag {display:none;}












.card.card-level2 {border:#f1f1f4 1px solid; border-color:#e6e6e6; overflow:hidden;}
.card.card-level2 .card-header {padding:1rem 1rem 0; background:none; border-bottom:0;}
.card.card-level2 .card-header h5 {margin:0; font-size:1.125rem;}


.card-location {width:100%;}
.card-attributes {width:100%;}
.card-most-recent {width:100%; font-size:0.9rem;}


.inspection-thumbnail {position:relative; max-width:80px; width:80px;}

.photo-enlarge {position:absolute; bottom:0.25rem; right:0.25rem; background:rgba(255,255,255,0.25); padding:0.25rem; border-radius:100%; display:flex; justify-content:center; align-items:center; width:24px; height:24px; color:#fff;}
.photo-enlarge i {font-size:0.75rem; line-height:1; color:red;	}



.location-item {padding:0; display:flex; align-items:center; gap:1rem; margin-bottom:0.5rem; font-size:0.9375rem; }
.location-item i {width:32px; height:32px; min-width:32px; min-height:32px; line-height:1; display:flex; align-items:center; justify-content:center; background:var(--primary--100); background:#000; color:#fff; border-radius:100%; font-size:0.9rem;}



.qr-code-container {display:flex; gap:1rem; align-items:center; /*border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6;*/ padding:0.75rem; border-radius:0.25rem; background:var(--neutral--100); margin:1rem 0 0.5rem;}

.qr-code-container svg {max-width:32px;}
.qr-code-container .code {font-size:0.8rem; font-weight:500;}

.qr-code-container .qr-code {width:100%; display:flex; align-items:center; gap:1rem;}






@media screen and (min-width: 992px) {

		.page-panel {/*border:1px solid #e6e6e6 ;  padding:1rem;*/}

		.card.card-level2 .card-header {padding:1.5rem 1.5rem 0;}
		.card.card-level2 .card-body {padding:1.5rem;}

		.card-location {width:35%;}
		.card-attributes {width:35%;}
		.card-most-recent {width:30%;}


		.inspection-thumbnail {max-width:110px; width:110px;}

		.qr-code-container svg {max-width:64px;}
		
		.qr-code-container {flex-direction:column;}
		.qr-code-buttons {display:flex;}


}



















.card.dash-stats {border:1px #f1f2f5 solid; margin-bottom:unset; background:#f8f9fa;}
.card.dash-stats .card-header {padding:0.75rem 0.75rem 0; justify-content:space-between; align-items:end; display:flex; justify-content:space-between; }
.card.dash-stats .card-header h2 {margin-bottom:0.25rem;}
.card.dash-stats .card-header img {max-width:32px;}

.card.dash-stats .card-body {padding:2.5rem 1.5rem;}

.card.dash-stats .card-footer {background:transparent; justify-content:end; display:flex; border-top: none; align-items:center;}
.card.dash-stats .card-footer i {color:#000; margin-left:10px; font-size: 1rem; line-height: 0;  transition: ease-in-out all 0.25s; color: #000;}
.card.dash-stats .card-footer p {font-size: 0.75rem; color: #000; margin: 0;}

.card.dash-stats.gen {background-color:rgba(243,112,95,0.050); background:#fff;}
.card.dash-stats.fire {background-color:rgba(164,75,122,0.050); background:#fff;}
.card.dash-stats.legi {background-color:rgba(225,167,161,0.050); background:#fff;}
.card.dash-stats.ppm {background-color:rgba(7,183,196,0.050); background:#fff;}
.card.dash-stats.reac {background-color:rgba(234,180,83,0.050); background:#fff;}

.card.dash-stats.gen .card-header {background-color:var(--orange);}
.card.dash-stats.fire .card-header {background-color:var(--purple);}
.card.dash-stats.legi .card-header {background-color:var(--pink);}
.card.dash-stats.ppm .card-header {background-color:var(--teal);}
.card.dash-stats.reac .card-header {background-color:var(--gold);}

.stat-container-outer {display:flex; width:100%;}
.stat-container {display:flex; width:50%; justify-content:center; align-items:center;}
.stat-value {font-size:3rem; font-weight:900; font-weight:500; line-height:1; margin:0 0 0.75rem 0; /*text-align:center;*/}
.stat-label {font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; line-height:1; /*text-align:center;*/ }


/*.stat-label:before {font-family:'Bootstrap-icons'; content:'\F287'; font-size:0.6rem; margin-right:5px;}
*/
.stat-label.high:before {color:#eb1c1c; }

.stat-label.pill.high {background-color:#eb1c1c39; color:#eb1c1c; padding:0.25rem 0.75rem; border-radius:100px; width:fit-content; line-height:1; border:1px solid #eb1c1c39;}
.stat-label.pill.med {background-color:transparent; color:#ff9800; padding:0.25rem 0.75rem; border-radius:100px; width:fit-content; line-height:1; border:1px solid #ff9800;}


.stat-label {font-size:0.9rem; font-weight:400; text-transform:unset; letter-spacing:unset; line-height:1; /*text-align:center;*/ color:#333; }


/**********************  VERSION 2 - Add Ons **********************************/

.card.dash-stats .card-header {align-items:center;}
.card.dash-stats.gen .card-header {background-color:var(--orange); background-color:rgba(0,0,0,0.05); background-color:rgba(243,112,95,0.17);}
.card.dash-stats.fire .card-header {background-color:var(--purple);background-color:rgba(0,0,0,0.05); background-color:rgba(164,75,122,0.17);}
.card.dash-stats.legi .card-header {background-color:var(--pink);background-color:rgba(0,0,0,0.05); background-color:rgba(225,167,161,0.17);}
.card.dash-stats.ppm .card-header {background-color:var(--teal);background-color:rgba(0,0,0,0.05); background-color:rgba(7,183,196,0.17);}
.card.dash-stats.reac .card-header {background-color:var(--gold); background-color:rgba(0,0,0,0.05); background-color:rgba(234,180,83,0.17);}


.card.dash-stats .card-header .icon img {max-width:24px; filter:invert(1)}
.card.dash-stats .card-header .icon {padding:0.5rem; border-radius:100px; display:flex; align-items:center; justify-content:center;}
.card.dash-stats.gen .card-header .icon {background-color:var(--orange); display:none; }
.card.dash-stats.fire .card-header .icon {background-color:var(--purple);}
.card.dash-stats.legi .card-header .icon {background-color:var(--pink); }
.card.dash-stats.ppm .card-header .icon {background-color:var(--teal);}
.card.dash-stats.reac .card-header .icon {background-color:var(--gold); }


/*.card.dash-stats.gen .card-header h2 {color:var(--orange);} 
.card.dash-stats.fire .card-header h2 {color:var(--purple);} 
.card.dash-stats.legi .card-header h2 {color:var(--pink);} */

.card.dash-stats .card-body {padding:1.5rem 1.5rem;}


.card.dash-stats.gen .stat-value {color:var(--orange);}
.card.dash-stats.fire .stat-value {color:var(--purple);}
.card.dash-stats.legi .stat-value {color:var(--pink);}






















.card.card-info-dash {border: 1px #f1f2f5 solid; margin-bottom: unset; /*background: #f8f9fa;*/}
.card.card-info-dash .card-header {background-color:transparent; padding: 0.75rem 0.75rem 0; justify-content:space-between; align-items:flex-start; display:flex; border-bottom:none;}
.card.card-info-dash .card-header h2 {margin:0; font-size:1rem;}
.card.card-info-dash .card-header h2 .sub {display: flex; font-weight: 300; color: #000 !important; font-size: 0.75rem;}
.card.card-info-dash .card-header .icon {width: 40px; height: 40px; border-radius: 8px; display: flex; margin-right: 0.75rem; padding: 0; align-items:center; justify-content:center;}
.card.card-info-dash .card-header .icon img, .card.card-info-dash .card-header .icon svg {width:24px; height:auto; max-height:24px;}
.card.card-info-dash .card-header a {color:#aaa;}
.card.card-info-dash .card-header a i {line-height:1;}

.card.card-info-dash .tag {display:none;}
.stat-container {justify-content:flex-start;}

.stat-value.large {margin:0 0.75rem 0 0;}
.stat-value.medium {margin:0 0.75rem 0 0; color:#666;}

.stat-label {font-weight:400;}





.card.card-info-dash .stat-container-outer {align-items:flex-start;}
.card.card-info-dash .stat-value.large {font-size:3rem; font-size:2rem;}
.card.card-info-dash .stat-value.medium {font-size:2rem;}





@media screen and (min-width: 768px) {

		.card.card-info-dash .card-header {padding: 1.25rem 1.25rem;}
		.card.card-info-dash .card-body {padding: 1.25rem 1.25rem;}


		}




@media screen and (min-width: 992px) {

		.card.card-info-dash .card-header {padding: 1.5rem 1.5rem;}
		.card.card-info-dash .card-body {padding: 1.5rem 1.5rem;}


		}


/**********************  VERSION 3 - Add Ons **********************************/


.card.dash-stats.v3 {border:1px #f1f2f5 solid; margin-bottom:unset; background:#f8f9fa;}

.card.dash-stats.v3 .icon {padding:1rem; border-radius:100px; display:flex; align-items:center; justify-content:center; margin:0; width:60px; height:60px;}
.card.dash-stats.v3 .icon img {max-width:50px;}

.card.dash-stats.v3 .stat-value {color:#000; margin:0 5px 0 0;}
.card.dash-stats.v3 .stat-value.medium {font-size:2rem;}
.card.dash-stats.v3 .stat-value.large {font-size:3rem; margin-bottom:0;}


.card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {color:#000;}
.card.dash-stats.v3 .stat-container.medium .stat-value, .card.dash-stats.v3 .stat-container.medium .stat-label {color:#999;}

.card.dash-stats.v3 .card-header {background-color:var(--orange); background-color:rgba(0,0,0,0);}
.card.dash-stats.v3 .card-header a {color:#999;}
/*.card.dash-stats .card-header .icon svg {width:30px; height:auto;}*/

.card.dash-stats.v3 .card-header .icon {width:40px; height:40px; border-radius:8px; display:flex; margin-right:0.75rem; padding:0;}
.card.dash-stats.v3 .card-header .icon img {max-width:24px;}

.card.dash-stats.v3 .card-header h2 {font-size:1rem; font-weight:600;}
.card.dash-stats.v3 .card-header h2 .sub {display:flex; font-weight:300; color:#000 !important; font-size:0.75rem;}

.card.dash-stats.v3 .card-body {padding:1rem 0.75rem 1rem; display:flex; flex-direction:row;}
.card.dash-stats.v3 .icon svg {width:24px; height:auto;}


.card.dash-stats.v3 .stat-label {color:#aaa; font-weight:500;}

.card.dash-stats.ppm.v3 .icon svg,
.card.dash-stats.legi.v3 .icon svg {height:50px !important; width:auto;}

.card.dash-stats.v3 .card-footer {display:none;}

/*.stat-value.large {font-size:4rem;}
.stat-value.med {font-size:2rem;}*/
.stat-label {font-size:0.85rem; /*font-weight:700;*/ color:#666; }

.Risk1::before {content:'LOW'; color:#28d628; color:#999;}
.Risk2::before {content:'MED'; color:#ff9800; color:#999;}
.Risk3::before {content:'HIGH'; color:#eb1c1c; font-weight:700;}



.card.dash-stats.gen.v3 .icon {background-color:var(--orange); }
.card.dash-stats.fire.v3 .icon {background-color:var(--purple);  }
.card.dash-stats.legi.v3 .icon {background-color:var(--pink);  }
.card.dash-stats.ppm.v3 .icon {background-color:var(--teal); }
.card.dash-stats.reac.v3 .icon {background-color:var(--gold); }


.cls-1 {fill:#fff; stroke-width:0;}
.cls-2 {fill:#fff; stroke-width:0;}
.cls-3 {fill:#fff; stroke-width:0;}
.cls-4 {fill:#fff; stroke-width:0;}
.cls-6 {fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:16px}

/**********************  VERSION 4 - Add Ons **********************************/




.ppm .stat-container-outer {flex-direction:column;}
.ppm .stat-container-list {background:unset; border-bottom:1px dotted #ddd; border-radius:unset; padding:0.5rem 0.25rem; }
.ppm .stat-container-list .stat-label {display:flex; align-items:center;}
.ppm .stat-container-list .stat-label i {font-size:1.2rem; margin-right:10px; /*color:var(--teal);*/}
.ppm .stat-container-list .stat-value {font-size:1.2rem; width:unset; height:unset;}





.stat-container-list {background-color:rgba(0,0,0,0.03); background:#fff; /*padding:0.5rem 0.5rem 0.5rem 1rem;*/ border-radius:100px; display:flex; justify-content:space-between; width:100%; align-items:center; /*margin-bottom:0.25rem;*/}
.stat-container-list .stat-label {font-size:0.75rem; color:#000; display:flex; align-items:center;}
.stat-container-list .stat-value {font-size:0.9rem; display:flex; justify-content:center; align-items:center; background:#fff; color:#222; border-radius:100px; width:30px; height:30px; margin:0;}
.stat-container-list .stat-label i {font-size:1.2rem; margin-right:0.5rem; color:#666;}


.card.dash-stats.v3.manager .card-body {padding:0.75rem;}

.card.dash-stats.v3.manager .icon {display:none;}
.card.dash-stats.v3.manager .icon svg {height:16px !important; width:auto;}

.card.dash-stats.v3.manager h4.type {margin-left:0;}
.card.dash-stats.v3.manager h4 {font-size:0.9rem; margin:0 0 0.25rem 0; font-weight:600;}
.card.dash-stats.v3.manager h4 .sub {display: flex; font-weight: 300; color: #000 !important; font-size: 0.9rem;}

.card.dash-stats.v3.manager h3 {font-size:1.1rem; margin:0 0 0.75rem;}
.card.dash-stats.v3.manager .stat-value {font-size:0.8rem; margin:0;}
.card.dash-stats.v3.manager .stat-label {font-weight:500; font-size:0.8rem;}
.card.dash-stats.v3.manager .stat-label i {margin-right:5px;}
.card.dash-stats.v3.manager .stat-value.ppm {background:rgba(25,135,84,0.8); padding:0.35rem 0.35rem; border-radius:100px; color:#198754; color:#fff; font-size:0.75rem; font-weight:500; margin-left:5px;}
.card.dash-stats.v3.manager .stat-container-outer-box {display:flex; padding:0.75rem; border:1px solid #eee; border-radius:6px; margin-bottom:0.5rem;}
.card.dash-stats.v3.manager .stat-container {flex-direction:row; width:unset; gap:0.25rem; align-items:center;}
.card.dash-stats.v3.manager .stat-container-list {border:none; padding:unset; justify-content:space-evenly;}





.card.dash-stats.v3.manager .card-footer a {font-weight: 700; margin: 0.5rem 0; font-size: 0.8rem; color: #000; text-decoration: none;}


@media screen and (min-width: 768px) {


				.stat-container {width:unset;}
				.stat-container-outer {flex-direction:column; align-items:flex-end;}

				.card.dash-stats.v3 .icon {margin-right:1rem;}

		}


@media screen and (min-width: 992px) {

		.card.dash-stats.v3 .stat-container-outer {flex-direction:row;}
		.card.dash-stats.v3 .stat-container {width:50%; align-items:flex-end;}

		.card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {line-height:0.9;}

		}


@media screen and (min-width: 1200px) {

		.card.dash-stats.v3.manager .card-body {padding:1rem;}
		.card.dash-stats.v3.manager .stat-container-outer-box {padding:0.5rem 0; border:unset; border-bottom:1px solid #eee;}

		}


@media screen and (min-width: 1400px) {

		.card.dash-stats.v3.manager h3 {font-size:1rem;}
		.card.dash-stats.v3.manager h4.type {margin:0 0 0.5rem; font-weight:700;}
		.card.dash-stats.v3.manager h4 {font-size:0.8rem; margin:0 0 0.25rem 0; font-weight:500;}
		.card.dash-stats.v3.manager .icon {padding:0.2rem; border-radius:100px; display:flex; align-items:center; justify-content:center; width:fit-content; margin:0; width:32px; height:32px;}
		.card.dash-stats.v3.manager .stat-container-outer-box {padding:0.25rem 0;}

		}









.attribute { display: flex; justify-content: space-between; align-items:center; padding: 0.375rem 0; font-size: 0.8rem; margin-bottom: 0; border-bottom:solid 1px #f1f1f4; }
.attribute:last-of-type {border:none;}

.attribute .attribute-label {color:#000;}

.attribute .attribute-value {padding:0.25rem 0.75rem; border-radius:100px;}

.attribute.attribute-valid .attribute-value {color: var(--success--700); background-color: var(--success--100);  }
.attribute.attribute-invalid .attribute-value  {color: var(--destructive--500); background-color: var(--destructive--50);	}














/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		LOGIN PAGE 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login-slogan {font-size:0.9rem; letter-spacing:0.1rem; text-transform:uppercase; font-weight:300;}

.login-page .login-left {background-image:url('../images/login-bg3.jpg'); background-size:cover; background-position:center center; background-repeat: no-repeat; min-height:120px; flex-direction:column;}
.login-page .login-right {align-items: center; justify-content:center;background: #4f4c4d; background:var(--neutral--500);  box-shadow:inset 0px 30px 20px 0px #0000002e; padding-bottom:100px; min-height:calc(100vh - 120px)}
.login-page .login-right .add-brand {display:flex; flex-direction:column; align-items:center;}
.login-page .login-right .add-brand .add-brand-logo {max-width:100px;}
.login-page .login-right .add-brand .add-brand-strap {font-size:0.875rem; color:#fff; margin:2rem 0;}
.login-page .login-right .login-panel {min-width:330px; background:#fff; border-radius:0.375rem; display:flex; flex-direction:column;}
.login-page .login-right .login-panel .client-logo {padding:1rem 0 1.75rem; display:flex; justify-content:center;}
.login-page .login-right .login-panel .client-logo img {max-width:120px;}

.help-request {position:absolute; top:20px; right:30px; color:#fff; font-size:2rem;}


@media screen and (min-width: 768px) {

		.login-page .login-left {height:200px;}
		.login-page .login-right {min-height:calc(100vh - 200px); padding-bottom:0;}
		.login-page .login-right .login-panel {min-width:380px; max-width:380px;}

		}


@media screen and (min-width: 1200px) {

		.login-page .login-left {height: 100vh; width:55%}
		.login-page .login-right {height: 100vh; width:45%; display:flex; flex-direction:column; justify-content:center; box-shadow:inset 20px 0px 20px 0px #0000002e;}
		.login-page .login-right .add-brand .add-brand-strap {margin: 1.5rem 0 3rem;}


		}





/* ---------------------- DASHBOARD CARDS ----------------------*/

.card.user-dashboard {border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}

.card.user-dashboard .card-header {border:none; background:none; padding:0.75rem 0.75rem 0; display:flex; min-height: 32px;}
.card.user-dashboard .card-header .tag {background:#000; padding:0.3rem 0.5rem; border-radius:4px; font-size:0.7rem; font-weight:700; letter-spacing:1px; font-family: 'Space Grotesk', sans-serif; line-height:1; }
.card.user-dashboard .card-body {padding:0 0.75rem 0.725rem; display:flex; flex-direction:column; justify-content:space-between; align-items:start;}
.card.user-dashboard .card-body h2 { font-size:1rem; text-decoration:none; max-width:100%; margin:1.5rem 0 0.5rem; color:#fff;}
.card.user-dashboard .card-body p {font-size:0.75rem; color:#fff; margin:0;}
.card.user-dashboard .card-body img {max-width:40px; height:auto; filter:invert(1); opacity:0.75; margin-right:0.5rem; }
.card.user-dashboard .card-body a {font-weight:700; font-size:0.8rem; color:#000; text-decoration:none;}
.card.user-dashboard .card-body i {font-size:1.275rem; line-height:0; transition:ease-in-out all 0.25s; color:#fff; margin-right:5px;}
.card.user-dashboard:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;  transform:translateY(-1px); }
.card.user-dashboard:hover .card-body i {margin-right:0;}
.card.user-dashboard .card-footer {display:flex; justify-content:space-between; align-items:center; border-top:none;}
.card.user-dashboard .card-footer p {font-size:0.75rem; color:#fff; margin:0;}
.card.user-dashboard .card-footer i {font-size:1rem; line-height:0; transition:ease-in-out all 0.25s; color:#fff;}



.card.card-ppm {background-repeat:no-repeat; background-size:cover; background-position:center center; border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}
.card.card-ppm:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;  transform:translateY(-1px); }
.card.card-ppm:hover .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.card-ppm:hover .card-footer i {margin-right:10px;}
.card.card-ppm a {text-decoration:none; color:#000;}
.card.card-ppm .card-label {display:flex; justify-content:center; align-items:center; font-weight:400; font-size:0.8rem; color:#fff; opacity:0.85; display:none;  }
.card.card-ppm .card-label i {font-size:1.2rem; line-height:1; margin-right:5px;}
.card.card-ppm .img-wrapper {/*margin:0 1rem; border-radius:6px; max-height:125px;*/ border-radius:0; min-height:155px; max-height:155px;}
.card.card-ppm .img-wrapper img {border-radius:0; filter:contrast(0.75)}
.card.card-ppm .btn.btn-key-info { padding:0.25rem 0.5rem; background:#fff; display:flex; font-size:0.7rem; font-weight:600; align-items:center;}
.card.card-ppm .btn.btn-key-info i {font-size:1.4rem; margin-right:0.25rem; line-height:1;}
.card.card-ppm .card-header { border:none; /*background:rgba(255,255,255,0.5);*/ display:flex; justify-content:end;  position:absolute; top:0; left:0; right:0; z-index:99; padding:0.5rem;}
.card.card-ppm .card-body p {font-size:0.8rem; margin-bottom:0;}

.card.card-ppm .lblIssues {display:flex; flex-direction:row; align-items:center; background: rgba(255, 255, 255, 0.75);padding: 0.25rem; border-radius: 16px;}

.card.card-ppm .lblIssues-number {background:var(--orange); border-radius:24px; width:24px; height:24px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:0.7rem; font-weight:700; /*margin-right:5px;*/}
.card.card-ppm .lblIssues-text {font-size:0.7rem; color:#000; margin:0 0.25rem; font-weight:400;}
.card.card-ppm .lblName {color:#000; font-size:1rem; line-height:1.2; display:flex; margin:0rem 0 1rem;}
.card.card-ppm .card-body .OverDue {color: red;}
.card.card-ppm .card-footer {border:none; background-color:transparent;}
.card.card-ppm .card-footer a {font-weight:400; /*margin:0.5rem 0;*/ font-size:0.8rem; color:#000; text-decoration:none;}
.card.card-ppm .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}


.card.download-card {border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}
.card.download-card:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;  transform:translateY(-1px); }
.card.download-card:hover .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.download-card:hover .card-footer i {margin-right:10px;}
.card.download-card .card-header {border:none; background:none; padding:1rem; display:flex;}
.card.download-card .card-header .tag {border-radius:60px; font-size:0.7rem; font-weight:800;}
.card.download-card .card-header .tag i {font-size:1.6rem;}
.card.download-card .card-body h2 { margin:0 0 0.25rem 0; font-size:1.2rem; text-decoration:none;}
.card.download-card .card-body img {max-width:60px; margin-top:2rem;}
.card.download-card .card-footer {border:none;}
.card.download-card .card-footer a {margin:0.5rem 0; font-size:0.8rem; color:#000; text-decoration:none;}
.card.download-card .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}



.card.admin-card-shortcut {border:1px solid #f0f2f4; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s; background:#f8f9fa; background:#f3f0fd; background:var(--neutral--200);}
.card.admin-card-shortcut:hover {/*box-shadow:0 .25rem 0.25rem rgba(0,0,0,.08)!important;  transform:translateY(-1px);*/ background:var(--neutral--100); }
.card.admin-card-shortcut .card-body {display:flex; flex-direction:row; align-items:center; padding:0.5rem;}
.card.admin-card-shortcut .card-body h2 {/*font-weight:700; */margin:0 0 0.25rem 0; font-size:0.8rem; text-decoration:none; margin-bottom:0;}
.card.admin-card-shortcut .card-body h2 a {color:#000; text-decoration:none;}
.card.admin-card-shortcut .card-body .tag {border-radius:60px; font-size:0.7rem; font-weight:800;margin-right:15px;}
.card.admin-card-shortcut .card-body .tag i {font-size:1.2rem; color:#6942e2; color:#000;}
.card.admin-card-shortcut .card-body img {max-width:60px; margin-top:2rem;}
.card.admin-card-shortcut .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.admin-card-shortcut .card-footer {border:none; display:none;}
.card.admin-card-shortcut .card-footer a {font-weight:700; margin:0.5rem 0; font-size:0.8rem; color:#000; text-decoration:none;}
.card.admin-card-shortcut .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}



@media screen and (min-width: 768px) {

		.card.admin-card-shortcut .card-body {padding:0.75rem;}
		.card.admin-card-shortcut .card-body .tag i {font-size:1.5rem; line-height:1;}

		}




.card.card-ppm .card-header .badge {font-size:0.7rem; font-weight:600; color:#ffdde0 !important; }
.card.card-ppm .card-header .badge.text-bg-warning {color: var(--bs-badge-color) !important;}
.card.card-ppm .card-header .badge.text-bg-success {color:#0a510a !important; /*color:#fff !important;*/ display:flex; align-items:center; padding:0; background-color:transparent !important;}
.card.card-ppm .card-header .badge.text-bg-success:after {content:'\F287'; font-family:'Bootstrap-icons'; color:#43e443; font-size:1rem; line-height:1; margin-left:5px;}

.progress-bar.text-bg-warning  {background-color:#ff9800 !important;}
.progress-bar.text-bg-success {background-color:#43e443 !important;}
.progress-bar.text-bg-danger {background-color:#eb1c1c !important;}


.percentage-circle {background:#fff; height:26px; width:26px; display:flex; justify-content:center; align-items:center; border-radius:100px; border:1px solid #ddd;}




.card.proj-progress-card .card-header .badge {font-size:0.7rem; font-weight:500; color:#fff !important; }
.card.proj-progress-card .card-header .badge.text-bg-warning {color: var(--bs-badge-color) !important;}
.card.proj-progress-card .card-header .badge.text-bg-success {color:#0a510a !important; /*color:#fff !important;*/ display:flex; align-items:center; padding:0; background-color:transparent !important;}
.card.proj-progress-card .card-header .badge.text-bg-success:after {content:'\F287'; font-family:'Bootstrap-icons'; color:#43e443; font-size:1rem; line-height:1; margin-left:5px;}

.card.proj-progress-card {background-color:#fff; border: 1px #f1f2f5 solid;}
.card.proj-progress-card .card-footer {background-color:#ededed;}
.card.proj-progress-card .card-footer a {margin:0;}

.card.proj-progress-card .progress-wrapper {width:calc(100% - 32px);}

.card.proj-progress-card h5 {font-size:0.75rem;}
.card.proj-progress-card h5 span {font-weight:400; margin-left:5px;}



.card.proj-progress-card .progress {height: 4px; overflow: visible; margin-bottom: 10px; }
.card.proj-progress-card .percentage-circle {font-size:0.7rem !important; border:none; height:24px;}

.card.proj-progress-card .progress .progress-bar { position: relative; overflow:visible; border-radius:10px;}
.card.progress .progress-bar {height: 100%; color: inherit;}


.card.proj-progress-card.pg-2 h5 span {font-size:0.8rem; margin-left:0;}
.card.proj-progress-card.pg-2 h5 span span {font-weight:400; margin-left:5px;}



.bg-c-red { background: #FF5370; }
.proj-progress-card .progress .progress-bar.bg-c-red:after { border: 3px solid #FF5370; }
.proj-progress-card .progress .progress-bar:after { /*content: "";   Hiding this means that the slider lookinging bit has gone now */ background: #fff; position: absolute; right: -6px; top: -3px; border-radius: 50%; width: 10px; height: 10px; border: 2px solid #000; }
.bg-c-blue { background: #4099ff; }
.proj-progress-card .progress .progress-bar.bg-c-blue:after { border: 3px solid #4099ff; }
.proj-progress-card .progress .progress-bar.bg-c-green:after { border: 3px solid #2ed8b6; }
.bg-c-green { background: #2ed8b6; }
.bg-c-yellow { background: #FFB64D; }
.proj-progress-card .progress .progress-bar.bg-c-yellow:after { border: 3px solid #FFB64D; }
.m-b-30 { margin-bottom: 30px; }
.text-c-red { color: #FF5370; }









/* ---------------------- PAGE TABLES ----------------------*/



.page-panel {/*box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px;border-radius: 8px;  overflow: hidden; */ }

.page-panel-header {display:flex; justify-content:space-between; flex: 1 0; /*flex-direction:column;*/ padding:0 1rem 0 0;}
/*.page-title {display:flex; width:100%;}*/
.page-buttons { display:flex; justify-content:space-between; align-items:start; gap:0.5rem; }



.page-header {display:flex; align-items:center; margin-bottom:2rem; gap:1rem;}
.page-header .page-tile {font-size:0.875rem; }

.page-title img {display:none; }
.page-title h1 {font-size:1.375rem; margin-bottom:0; color:var(--neutral--800);}
.page-title h2 {font-size:1.3rem; margin:0;}
.page-title h6 {font-weight:400; color:#999; font-size:0.875rem;}






.page-lists {margin-top:0;}

   /*.page-buttons {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-column-gap: 8px; grid-row-gap: 8px;   }*/

   .page-buttons {flex-direction:column;}
   .page-buttons > * {width:100%;}
   .dropdown-toggle {white-space:break-spaces;}

   .buttons-menu {width:calc(100% - 2rem) !important; height:max-content; right:1rem !important; top:1rem !important; border-radius:8px;}

   @media screen and (min-width: 768px) {

    /* .page-buttons > * {width:max-content;}*/
.page-buttons {flex-direction:row;}
       .page-buttons > * {width:unset;}
       .buttons-menu {width:100% !important; height:unset !important;}
      
   }

   @media screen and (min-width: 992px) {

/*     .page-buttons {grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); display: grid;  grid-column-gap: 8px; grid-row-gap: 8px; }
*/     .dropdown-toggle {white-space:nowrap;}
     
       

     }


    @media screen and (min-width: 1200px) {

    .page-buttons {grid-template-columns: unset; display:flex; }
    
   }









.breadcrumb {display:flex; align-items:center; background-color:transparent; padding:0; margin:0;}
.breadcrumb .breadcrumb-item:first-child {padding-left: 0;}
.breadcrumb .breadcrumb-item {display: flex; align-items:center; padding-left:0.5rem; font-size:0.875rem; margin-bottom:0; color:var(--neutral--400);}
.breadcrumb .breadcrumb-item a {color:#99a1b7; text-decoration:none;}
.breadcrumb .breadcrumb-item a:hover {color:#222;}
.breadcrumb .breadcrumb-item:before {content:none;}
.bullet {display:inline-block; border-radius:6px; width:8px; height:1px; flex-shrink:0; background:#99a1b7;}



.filter-container {margin-bottom:1rem; background:var(--neutral--100); /*border:solid 1px #e7e7e7;*/ border-radius:8px; padding:0.5rem; display:flex; flex-direction:column; gap:0.25rem;}
.filter-container .radios-container {display:flex; flex-direction:row;}
.filter-container input.form-control, .filter-container span.form-control, .filter-container .form-select,
.filter-container2 input.form-control, .filter-container2 span.form-control, .filter-container2 .form-select{max-width:350px; font-size:0.875rem;}
.filter-container .radio-blue {padding:1rem 1rem 0 0;}

.filter-container .radio-blue.aspNetDisabled {opacity:0.5;}


.filter-container .radio-blue.aspNetDisabled [type="radio"]:checked + label, .filter-container .radio-blue.aspNetDisabled [type="radio"]:not(:checked) + label {cursor:not-allowed}


.page-panel-header .collapse.show {gap:0.25rem; display:flex; flex-direction:column;}


/*.btn-back-button {position:absolute; bottom:1rem;}*/


.btn-back-button {background:var(--neutral--200); color:#000; border-radius:12px;}
.btn-back-button:hover {background:var(--neutral--100); color:var(--neutral--500); }

.btn.btn-filter-absolute {position:fixed; bottom:0.5rem; left:0.5rem; right:0.5rem; width:calc(100% - 1rem); z-index:9; padding:0.75rem;}


.filter-container2.offcanvas-md {background-color:var(--neutral--100) !important; border-radius:8px; padding:0; display:flex; flex-direction:column; min-height:min-content; margin:0.5rem; overflow:hidden; }
.filter-container2.offcanvas-md .offcanvas-body {gap:0.5rem; display:flex; flex-direction:column;}


@media screen and (min-width: 768px) {


  .page-panel-header {flex-direction:row; padding:0; align-items:center;}
  .btn-back-button {position:unset; bottom:unset;}

  .filter-container2.offcanvas-md {padding:0.5rem; border-radius:8px; min-height:unset; margin:0 0 1rem;}
  .filter-container2.offcanvas-md .offcanvas-body {flex-direction:row;}
  .filter-container .radio-blue {padding:0 1rem 0 0;}

  }



.page-lists {width:100%; margin-top:2rem; padding:0 0.25rem 2rem;}
.page-lists .log-item {text-align:unset; overflow:unset; font-size:0.85rem; position:unset; padding:0.75rem; margin-bottom:1rem;  /*margin-bottom:1rem; border:solid 1px #e0e0e5;  */ border:solid 1px #e0e0e5; border-radius:4px; }
.page-lists .row.tableheaders {display:none;}
.page-lists .log-item h4 {font-size:0.875rem; font-weight:400; line-height:1.5; margin:0; color:var(--neutral--600);}
.page-lists .log-item h4 a {color:var(--neutral--600); text-decoration:none;}
.page-lists .log-item h4 a:hover {color:#6c757d;}
.page-lists .log-item span.label {color:#6c757d; font-weight:600;}
.page-lists .log-item span {font-weight:300;}
.page-lists .log-item .field-released {text-align:left;  font-weight:700; display:flex; /* flex-direction:column; font-size:0.75rem; */ }
.page-lists .log-item .field-high {text-align:left; min-width:50px;}
.page-lists .log-item .field-medium {text-align:left; min-width:70px;}
.page-lists .log-item .field-files {display:flex; justify-content:end;}
.page-lists .log-item .col-view {display:flex; justify-content:end;}
.page-lists .log-item span.medium-value {background:orange; color:#fff; background:var(--color-orange-200); color:var(--color-orange-700); margin-left:3px; font-size:0.7rem; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center; font-weight:500;}
.page-lists .log-item span.high-value {background:red; color:#fff; background:var(--color-red-200); color:var(--color-red-700);  margin-left:3px; font-size:0.7rem; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center;font-weight:500;}


.dropdown-item {font-size:0.875rem;}
.table-wrapper, .risk-box {border:none;}



@media screen and (min-width: 576px) {

		.page-lists .log-item { justify-content: end; }
		.page-lists .log-item .btn { margin-top: unset; }
		.page-lists .log-item .col-view .btn { width: unset; }
		.page-lists .log-item span.label { font-size: 0.75rem; font-weight: 300; }


}


@media screen and (min-width: 768px) {

		.filter-container { flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.75rem; }

		.filter-container .collapse { display: flex; }
		.filter-container .btn-filter { display: none; }

		.page-lists .log-item { margin-bottom: 0.5rem; }
		.page-lists .log-item .field-released { min-width: 90px; }

}


@media screen and (min-width: 992px) {

  .page-title {display:flex; font-size:0.875rem; font-weight:300; color:#666; align-items:center;}

  /*.page-lists .log-item {margin-bottom:0.5rem;}*/

  .page-lists {padding:0 0 2rem;}
  .page-lists .log-item {border:unset; border-top:solid 1px #e0e0e5; padding:0.75rem 0; margin-bottom:0; border-radius:unset;}
  .page-lists .log-item h4 { display:flex; align-items:center;}

  .page-lists .log-item .field-medium {min-width: 35px;}
  .page-lists .log-item .field-high {min-width: 35px;}
  .page-lists .row.tableheaders .released, .page-lists .row.tableheaders .medium, .page-lists .row.tableheaders .high {text-align:center;}
	
	

	}


@media screen and (min-width: 1200px) {

		.page-lists .log-item {justify-content:space-between;}
		.page-lists .row.tableheaders {overflow:hidden; margin-top:1rem; color:#222; margin-bottom:10px; padding:10px 6px; text-align:unset; font-weight:400; font-size:0.8rem;}

		/*
		.col-name-meta {background:pink;}
		.col-name-buttons {background:lime;}
		*/

		}







.item-log-header {display:none;}
.item-log-item {padding: 0.75rem; margin-bottom: 0.75rem; border: solid 1px #e0e0e5; border-radius: 8px; font-size: 0.875rem; color: var(--neutral--500); font-weight:300;}

.item-log-item h4, .item-log-item h4 a {font-size: 0.875rem; font-weight: 400; line-height: 1.5;  margin: 0;  color: var(--neutral--500); text-decoration:none;}
.item-log-item .label {color: #6c757d; font-weight: 600;}

.item-log-item span.value {font-size: 0.8rem; padding:10px; border-radius:100px; display: inline-flex; width: 24px; height:24px; justify-content:center; align-items:center; font-weight: 700;}
.item-log-item span.value.medium {background: var(--color-orange-200); color: var(--color-orange-600); }
.item-log-item span.value.high {background: var(--color-red-200); color: var(--color-red-700);}

.item-log-item .div2, .item-log-item .div3, .item-log-item .div4 { display:inline-flex; gap:0.25rem; align-items:center; /*background:#f1f1f1; border-radius:8px; padding:0.25rem 0.5rem;*/ }

.div1 { margin-bottom:0.5rem; padding:0 0 0.5rem; }
.div3 { margin: 0 0.25rem; border-left: 1px solid #ccc;  border-right: 1px solid #ccc;  border-radius: 0 !important;  padding: 0 0.5rem; }
.div5 { margin-top: 1rem; gap: 0.25rem; justify-content: space-between; width: 100%; display: flex; }



/* OTHER DOCS */
.item-log-item.other-docs .div3 {border:none;}



@media screen and (min-width: 992px) {


		.item-log-header { display: grid; grid-template-columns: 10fr 1.5fr repeat(2, 1fr) 3fr; grid-template-rows: 1fr; grid-column-gap: 8px; grid-row-gap: 8px; align-items: center; margin:1.5rem 0 0.5rem; }

  .item-log-header .label {padding: 0; color: #848484; font-weight: 300;font-size: 0.75rem; text-decoration: none;}

		.item-log-item { display: grid; grid-template-columns: 10fr 1.5fr repeat(2, 1fr) 3fr; grid-template-rows: 1fr; grid-column-gap: 8px; grid-row-gap: 8px; align-items: center; border:none; border-bottom: solid 1px #e0e0e5; margin:0; border-radius:0; padding:0.75rem 0; }
		.item-log-item .div2, .item-log-item .div3, .item-log-item .div4 { background: unset; padding:0;  }

  .div1 { margin-bottom:0; padding:0; }
  .div3 {margin:unset; border:none; padding:unset;}
  .div5 {margin:unset; }

		.div1 { grid-area: 1 / 1 / 2 / 2; }
		.div2 { grid-area: 1 / 2 / 2 / 3; justify-content: start; }
		.div3 { grid-area: 1 / 3 / 2 / 4; justify-content: start; }
		.div4 { grid-area: 1 / 4 / 2 / 5; justify-content: start; }
		.div5 { grid-area: 1 / 5 / 2 / 6; justify-content: start; }



  /* POLICIES */
  .item-log-header.policies,
  .item-log-item.policies {grid-template-columns: 5fr repeat(2, 1fr) 5fr;}

  .item-log-item.policies .div4 {justify-content:end;}


  /* OTHER DOCS */
  .item-log-header.other-docs,
  .item-log-item.other-docs {grid-template-columns: 7fr repeat(2, 1fr);}

  

  }



@media screen and (min-width: 1400px) {


  .item-log-header,
  .item-log-item { grid-template-columns: 10fr 1.5fr repeat(2, 1fr) 2.5fr;}

  .item-log-header .div5,
  .item-log-item .div5 { justify-content:end;}

  }





























.page-lists .ra-list-item {text-align:unset; overflow:unset; font-size:0.85rem; position:unset; padding:0.75rem; margin-bottom:1rem; border:solid 1px #e0e0e5; border-radius:4px; }
.page-lists .ra-list-item h4 {font-size:0.875rem; font-weight:400; line-height:1.5; margin:0; color:var(--neutral--600);}
.page-lists .ra-list-item h4 a {color:var(--neutral--600); text-decoration:none;}
.page-lists .ra-list-item span.medium-value {background:orange; color:#fff; background:var(--color-orange-200); color:var(--color-orange-700); margin-left:3px; font-size:0.7rem; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center; font-weight:500;}
.page-lists .ra-list-item span.high-value {background:red; color:#fff; background:var(--color-red-200); color:var(--color-red-700);  margin-left:3px; font-size:0.7rem; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center;font-weight:500;}
.page-lists .ra-list-item .div1 {width:100%; background:red;} 





.item-obs, .item-desc {margin-bottom:0;}

.lblIssues-number {top:0; right:0; background:red; }

.logbook-table th {color:#999; padding:0 0.25rem 1.5rem ;font-weight:500; font-size: 0.7rem; text-align:left;}
.logbook-table th a {color:#222222; padding:0; font-weight:700; font-size: 0.8rem; color:#848484; font-weight:300; font-size:0.75rem; text-decoration:none;}
.logbook-table tbody {font-size:0.9rem;}
.logbook-table tbody tr {border-bottom: 1px solid #eee;}
.logbook-table tbody tr td {padding:0.5rem; font-size:0.875rem; font-weight:300; color:var(--neutral--500);}
.logbook-table tbody tr td i {font-size:0.875rem;}
.logbook-table tbody tr td:last-of-type {text-align:right;}
.logbook-table tbody tr:hover {background:#f9f9f9; background:var(--primary--50); background:var(--neutral--50);}
.logbook-table .check-type {font-weight:400;}

.logbook-table tbody tr.pgr:last-child {border-bottom:none;}
.logbook-table tbody tr.pgr:last-child td {padding:1rem 0;}
.logbook-table tbody tr.pgr:last-child:hover {background:none;}

.logbook-table tbody tr:first-of-type th {padding:0.5rem 0.25rem 2rem 0.5rem; vertical-align:bottom;}
.logbook-table tbody tr:first-of-type:hover {background:none;}


.NotesPopup {cursor:pointer; background-color: #ddd; border-width:0; max-width:200px; height: auto; padding:0.25rem; text-align: left; font-size:0.7rem; color:#000; font-weight:400; transition:0.5s ease-in-out all; border-radius:3px;}

.date-inputs {position:relative;}
.date-inputs .calendar svg {fill:var(--teal)}

.date-inputs .calendar_short {/*	left:0; bottom:0; position:absolute; */ background:#07b7c475; background:var(--neutral--200); width:44px;  padding:15px; border-radius:0.375rem 0 0 0.375rem; border:1px 0 1px 1px solid #dee2e6; }


.date-inputs .form-control-calendar {border-radius:0 0.375rem 0.375rem 0; }


/* ---------------------- RISK ITEMS ACCORDRION ----------------------*/


.width60 {width: 60%;	display: inline; max-width:180px;}
.width40 {width: 38%;	display: inline;}
.widthfixed40 {width: 80px;	display: inline;}
.NotesParent {	top: 0;}
.risk-box {position:relative; }
.risk-box {font-size:0.8rem;}

.risk-label {display:flex; position:absolute; right:1.5rem;}

.Risk1, .Risk2, .Risk3 {height:unset;background-repeat:unset;	display:inline-flex;	position: unset;	margin-top:unset;	width:unset; display:flex; align-items:center;}
.Risk1 i, .Risk2 i, .Risk3 i {line-height:0; font-size:0.8rem;}
.Risk1 i {color:#28d628;}
.Risk2 i {color:#ff9800;}
.Risk3 i {color:#eb1c1c;}

/* .Risk1::before, .Risk2::before, .Risk3::before {padding:0.35rem 0.5rem; border-radius:30px; font-size:0.6rem; font-weight:700; line-height:1; color:#fff; letter-spacing:0.15rem; width:50px; text-align:center;} */
.Risk1::before, .Risk2::before, .Risk3::before {font-size:0.6rem; font-weight:400; line-height:0; letter-spacing:0.1rem; margin-right:5px; }

.Risk1::before {content:'LOW'; color:#28d628; color:#999;}
.Risk2::before {content:'MED'; color:#ff9800; color:#999;}
.Risk3::before {content:'HIGH'; color:#eb1c1c; font-weight:700;}

.accordion {border-bottom:none; background-color:#f9f9f9;}
.accordion-item {background:#fbfbfb; border-top:1px solid #e9e9e9}
.accordion-item:first-of-type .accordion-button {border-radius:unset;}
.accordion-item:not(:first-of-type) {border-top:1px solid #e9e9e9;}
.accordion-button {padding:0.75rem 0rem; border-radius:unset; background-color:#fff;}
.accordion-button:not(.collapsed) {background-color:#fbfbfb; background-color:#fff; color:var(--neutral--600); box-shadow:none;}
.accordion-button h4 {font-size:0.875rem; max-width:65%; font-weight:400; line-height:1.6;}
.accordion-button:focus {box-shadow:none;}
.accordion-button::after {content:'\F282'; font-family:'Bootstrap-icons'; background-image:unset; display:flex; align-items:center; color:#ccc;}
.accordion-button:not(.collapsed)::after {background-image:unset;}
.accordion-body {padding:1rem; background:#fff;}
.accordion-body h5 {font-size:0.925rem; margin-top:0; margin-bottom:0.75rem; font-weight:500; color:#99a1b7; color:#000; }
.accordion-body p, .accordion-body li {font-size:0.85rem; margin-bottom:0.5rem;}
.accordion.riskitem textarea.form-control {min-height:140px;}

.completed-show {background:#eee; height:20px; width:20px; display:flex; justify-content:center; align-items:center; border-radius:100px; margin-right:10px;}
.completed-show i {line-height:0; display:none}

.complete .completed-show {background:#43e443; }
.complete .completed-show i {color:#fff; display:flex;}

.comment-box {font-family: 'Space Grotesk', sans-serif; border-radius:4px; overflow:hidden;}
.comment-box { font-size:0.8rem; height:unset; width:100%; background-color:#f6f6f6; border:unset;  /* border-radius: 5px; */ margin: 0.5rem 0 1rem;	padding:0.75rem;}

.proof-table {margin-bottom:1rem; border-radius:4px; overflow:hidden;}
.proof-table table {margin-top:0.5rem; margin-bottom:1rem; font-weight:300;}
/*.proof-table table tr {border-bottom:dotted 0.1rem #ddd;}
*/.proof-table table tr td {color:var(--neutral--400); line-height:1.4; font-weight:300; padding:0.25rem 0; font-size:0.825rem;}

.comment-table {border-radius:4px; overflow:hidden; font-size:0.825rem; font-weight:300;}
.comment-table table td:nth-child(2) {padding:0 2rem;}
.comment-table table td:first-child {font-weight:400;}
.comment-table table td:last-child {color:var(--neutral--400);}
.comment-table table td {vertical-align:top; padding-bottom:1rem;}

.table-btn {height:30px; display:flex; justify-content:center; align-items:center; font-size:0.9rem;}
.table-btn.edit {color:#333;}
.table-btn.delete {color:red;}
.table-btn i {line-height:1;}











.printed-text {font-family:'Space Grotesk', sans-serif; font-size:0.9rem; color:#515151;}



@media screen and (min-width: 768px) {

		.accordion-button {padding:0.75rem 0.5rem;}
		.accordion-body {padding: 2rem 1.25rem;}

		.completed-show {margin-right:20px;}
		.risk-label {right:3rem;}

		}


/* ---------------------- MODALS ----------------------*/
.modal-fullscreen {margin:1rem; width:calc(100vw - 4rem); height:calc(100% - 2rem);}
.modal.basic .modal-header {background-color:var(--neutral--100) !important; border-bottom:none;}
.modal.basic .modal-header h5 {font-size:1rem; font-weight:500;}
.modal.basic .modal-body {padding:1rem; background:#ededed; background:#fff;}
.modal.basic .modal-body textarea.form-control {min-height:120px; font-size:0.8rem;}
.modal.basic .modal-content .modal-footer {background:#fff; border:none; padding:0.5rem;}
.modal.basic .modal-body table td {background-color:transparent;}













/* ---------------------- FORMS ----------------------*/

input::placeholder, input:-ms-input-placeholder, input:-ms-input-placeholder {color:red;}
/*input.form-control, span.form-control, .form-select {color:#111; font-size:0.825rem; padding:0.65rem 0.85rem; font-size:0.875rem;}*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important;}


.option {font-size:0.8rem; margin:0; color:var(--midnight); line-height:1.3; font-weight:500; }

.form-label {font-size:0.8rem; display:flex;}
/*textarea.form-control {font-size:0.75rem; color:#999; }
*/.span-body {font-size:0.8rem; line-height:1.5; display:flex;}

.checkbox-style .form-control {display:flex; flex-direction:row; grid-template-columns:1em auto; gap:1rem; border-radius:0; border-radius:6px; align-items:center;}
.checkbox-style .form-control + .form-control {margin-top: 0.5rem;}
.checkbox-style .form-control--disabled {color: var(--form-control-disabled); cursor: not-allowed;}
.checkbox-style input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0; margin-right:8px; font: inherit; color: #fff; border: 1px solid var(--neutral--300); border-radius: 0.375rem; border-radius:0.25rem; transform: translateY(-0.075em); display: grid; place-content: center;
		min-width:20px; min-height:20px; height:20px; width:20px; max-width:20px; min-width:16px; min-height:16px; height:16px; width:16px; max-width:16px; max-height:30px;}

.checkbox-style input[type=checkbox]::before {
  content: ""; width: 0.65em; height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: var(--primary--500);}


.opacity-100 {opacity:1;}

.checkbox-style input[type=checkbox]:checked::before {transform: scale(1);}
.checkbox-style input[type=checkbox]:focus {outline: max(2px, 0.15em) solid var(--primary--300); /* outline-offset: max(2px, 0.15em); */ }
.checkbox-style input[type=checkbox]:disabled {--form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed;}

[type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative;  padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; font-size:0.8rem;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #cbcbcb; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width:10px; height:10px; background: var(--portal--25--violet); position:absolute; top:4px; left:4px; border-radius:100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


.form-check-input:checked {background-color:var(--primary--500); border-color:var(--primary--500);}



.table.comments {font-size:0.7rem; font-family: 'Space Grotesk', sans-serif; }
.table.comments td {background:transparent;}
.comment {font-size:0.8rem; font-family: 'Space Grotesk', sans-serif; display:flex; flex-direction:column; border-bottom:#d7d7d7 dotted 1px; padding:0.75rem 0; }
.comment .comment-meta {font-size:0.7rem; font-weight:600; color:#000;}

.error-text {font-size:0.8rem; color:#dc3545; font-weight:100; display:flex; letter-spacing:0.05rem;}
.complete-icon-bg {background:#43e443; padding:5px; border-radius:40px;}
.problem-icon-bg {background:#f3705f; padding:5px; border-radius:40px;}

.alert-success {background:#ebfbf5; background:var(--color-green-100); color:#181818; border:none; border-radius:2px;  font-size:0.75rem; display:flex !important; margin-top:1rem; align-items:flex-start; padding:1rem;}
.alert-success::before {font-family:'Bootstrap-icons'; content:'\F26A'; color:var(--color-green-500); font-size:1rem; margin-right:8px; line-height:1; margin-top:2px; line-height:1;}
.alert-error {background:var(--color-red-100); color:#181818; border:none; border-radius:2px; font-size:0.75rem; display:flex !important; margin-top:0.5rem; align-items:flex-start; padding:0.75rem;}
.alert-error::before {font-family:'Bootstrap-icons'; content:'\F430'; color:var(--color-red-500); font-size:1rem; margin-right:8px; line-height:1; margin-top:2px;}

.alert-error.medium {background:var(--color-orange-100);}
.alert-error.medium::before {color:var(--color-orange-500);}

.alert-sm {font-weight:500; padding:0.5rem 0.5rem; margin-top:0.5rem; display:inline-flex; line-height:1; font-size:0.75rem; }
.alert-sm::before {font-size:0.75rem; margin-right:0.25rem;}
.alert-error-inline {color:#ef4d61 !important; padding:0.25rem 0; margin:0; font-weight:500; color:#181818; font-size:0.8rem; display:inline-flex !important;}
.alert-error-inline::before {font-family:'Bootstrap-icons'; content:'\F431'; color:#ef4d61; font-size:0.75rem; margin-right:0.25rem;}

.alert-error-code {color:#ef4d61 !important; padding:0.25rem 0; margin:0; font-weight:500; color:#181818; font-size:0.8rem; display:inline-flex !important;}


table.document-upload tr th:first-child {width:40px;}

.btn-accept {background:#ebfbf5; color:#35d39d; border:1px solid #35d39d; text-decoration:none;}
.btn-accept:hover {background:#35d39d; color:#fff;}



/* ---------------------- DASHBOARD CARDS ----------------------*/

body.admin {background:#fff;}

main.admin {background:#fff;}

.admin aside.dashboard-menu.offcanvas-xl {background-color:#fff !important; border-right:1px solid #e8e8e8;}
.admin aside.dashboard-menu.offcanvas-xl .offcanvas-header {height:70px; padding:0 1.375rem;}
.admin .sidebar-nav ul li.nav-item.active .nav-link {color:#000; font-weight:600;}

.admin .sidebar-top .logo {margin:unset; padding:1rem 1.25rem;}
.admin .sidebar-top .pareto-logo {max-width:110px; margin:0rem 0 1rem;}

.admin .user-mode-title {font-size:.75rem; font-weight:900; text-transform:uppercase; letter-spacing:0.1rem; padding:0 0.5rem 0 0rem;}


.admin .sidebar-nav .pemcoOnly {border-top:#eee solid 1px; border-radius:6px; margin-top:1rem; padding-top:1rem;}
.admin .sidebar-nav .pemcoOnly a.nav-link  {font-weight:600; }




.admin table.table th {color:#000; padding:0 0.25rem 1.5rem ;font-weight:500; font-size: 0.7rem; text-align:left;}
.admin table.table th a {color:#000; padding:0; font-weight:500; font-size: 0.7rem;}
.admin table.table th a:hover {color:#444; text-decoration:none; }
.admin table.table tbody {font-size:0.9rem;}
.admin table.table tbody tr {border-bottom: 1px solid #e8e8e8;}
.admin table.table tbody tr:hover {background:#f9f9f9;}
.admin table.table tbody tr.pgr {border-bottom:none;}
.admin table.table tbody tr.pgr td {padding:0.5rem 0; border-bottom:none;}
.admin table.table tbody tr.pgr:hover {background:none;}
.admin table.table tbody tr td {font-size:0.8rem; vertical-align:middle; font-weight:300;}
.admin table.table tbody tr td .folder-name {font-weight:400; text-decoration:none; color:var(--primary--800);}
.admin table.table .check-type {font-weight:500;}
.admin table.table .date {font-size:0.75rem;}

.admin table.table.table-sm tbody tr td {font-size:0.7rem;}

/*.admin .filter-container {border:1px solid #f1f2f5; padding:1rem;}*/

.admin .date-inputs .calendar {top:8px; right:0.75rem;}

.ajax__calendar .ajax__calendar_container {border-color:#eee !important;}
.ajax__calendar_container {width:100% !important; min-width:215px !important; font-family:'Plus Jakarta Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; border-radius:6px !important; margin-top:10px !important;}

.table.document-upload td:first-child a {visibility:hidden; text-decoration:none;}
.table.document-upload td:first-child a::before {font-family:'Bootstrap-icons'; color:red; content:'\F78B'; visibility:visible;}

.folder-name img {display:none;}
.folder-name::before {font-family:'Bootstrap-icons'; content:'\F3D8'; color:var(--primary--500);}

tr.pgr a:hover {color:#999; border:1px solid #ddd;}


.cke_reset_all, .cke_reset_all * {font-family: 'Plus Jakarta Sans', sans-serif !important;}
.cke_top {padding:0.5rem !important; background:none !important; background-image:none!important; border-bottom:1px solid #e8e8e8  !important; font-family:'Plus Jakarta Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; }
.cke_bottom {background:none !important; background-image:none!important; border-top:none !important;}
.cke_chrome {border:#e8e8e8 solid 1px !important; box-shadow:none !important;}
.cke_toolgroup, .cke_combo_button { border:1px solid #e8e8e8 !important; background:none !important; background-image:none!important;}




@media screen and (min-width: 768px) {


		.admin .sidebar-nav li.nav-item a.nav-link {padding:0.4rem 0.8rem; font-size:0.9rem;}
		.admin .sidebar-nav .sidebar-dropdown {margin-bottom:0.25rem;}
		.admin .sidebar-nav .sidebar-dropdown li.nav-item a.nav-link {padding: 0.4rem 1.2rem; font-weight:400; font-size:0.85rem;}
		.admin .sidebar-nav [data-bs-toggle=collapse]:after {right:1rem;}
		.admin .offcanvas-inner {height:100vh;}
		.admin main {flex:1 0 74%;}
		/* .admin header {position:unset;} */

		.admin .sidebar-top {padding:1rem;}

	}



@media screen and (min-width: 1200px) {

		
		
		.admin aside.dashboard-menu.offcanvas-xl {width:280px; max-width:280px; position:fixed;}
		main.admin {padding:unset; margin-left:280px; margin-top:0; min-height:100vh;}


}





/*

:root {
  --base:              #07b7c4;
  --bg-blend:          multiply;
  --blur:              0px;
  --fg-blend:          lighten;
  --foreground:        #140b37;
  --opacity:           1;
  --spacing:           0px;
}

		*/


.img-wrapper {
		/*
				background-color:    var(--base);
		*/
  
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
}

.img-wrapper img {
  /* filter:              grayscale(100%) contrast(1) blur(var(--blur));
				mix-blend-mode:      var(--bg-blend);
				opacity:             var(--opacity);
  */
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  
  object-fit:          cover;
  
  position:            relative;
  width:               100%;
}

.img-wrapper::before {
		/* 
				 background-color:    var(--foreground);
				mix-blend-mode:      var(--fg-blend);
		*/
 
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}