@import url('../fonts/lineicons/regular-icon-font/lineicons.css');
@import url('../fonts/lineicons/solid-icon-font/lineicons-solid.css');
@import url('../fonts/lineicons/duotone-icon-font/lineicons-duotone.css');
@import url('../fonts/lineicons/bulk-icon-font/lineicons-bulk.css');


: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; --color-primary: oklch(57.128% 0.25305 288.92); --color-primary-50: oklch(89.857% 0.05693 298.63); --color-primary-100: oklch(84.674% 0.0872 297.82); --color-primary-200: oklch(74.919% 0.14572 295.77); --color-primary-300: oklch(65.473% 0.20374 293.16); --color-primary-400: oklch(57.128% 0.25305 288.92); --color-primary-500: oklch(49.245% 0.29293 279.41); --color-primary-600: oklch(42.208% 0.2609 277.12); --color-primary-700: oklch(33.824% 0.20785 277.89); --color-primary-800: oklch(24.981% 0.15095 280.17); --color-primary-900: oklch(15.177% 0.08711 287.73); --color-primary-950: oklch(9.7083% 0.05226 298.48); }

: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(--color-primary-50); }

.text-primary-100 { color: var(--color-primary-100); }

.text-primary-200 { color: var(--color-primary-200); }

.text-primary-300 { color: var(--color-primary-300); }

.text-primary-400 { color: var(--color-primary-400); }

.text-primary-500 { color: var(--color-primary-500); }

.text-primary-800 { color: var(--color-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(--color-primary-50); }

.bg-primary-100 { background-color: var(--color-primary-100); }

.bg-primary-200 { background-color: var(--color-primary-200); }

.bg-primary-300 { background-color: var(--color-primary-300); }

.bg-primary-400 { background-color: var(--color-primary-400); }

.bg-primary-500 { background-color: var(--color-primary-500); }

.bg-primary-800 { background-color: var(--color-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); }

/* ----------------------------------------------------------------------------------------------------------------------------------------
    
    S T Y L E S

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

html { font-size: 100%; }

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-color: var(--color-primary-500); border-color: var(--color-primary-500); }

	.btn-primary:hover { background-color: var(--color-primary-400); border-color: var(--color-primary-400); }

	.btn-primary:active { background-color: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; }

	.btn-primary:first-child:active,
	.btn-primary:focus-visible { background: var(--color-primary-600); border-color: var(--color-primary-600); }

.btn-outline-primary { background-color: transparent; border-color: var(--color-primary-500); color: var(--color-primary-500); }

	.btn-outline-primary:hover { background-color: var(--color-primary-500); border-color: var(--color-primary-500); color: #fff; }

	.btn-outline-primary:active { background-color: var(--color-primary-600) !important; border-color: var(--color-primary-600) !important; color: #fff; }

.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.5rem; }

.btn-back { /*color:var(--color-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(--color-primary-500); text-decoration: none; }

	.btn-link:hover { color: var(--color-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: #000; border-color: #000; color: #fff; }

	.admin .btn-primary:hover { background: #444; border-color: #444; }

	.admin .btn-primary:active { background: #222 !important; border-color: #222 !important; }

.admin :not(.btn-check) + .btn:active { background: #444; border-color: #333; }

.admin .btn-outline-primary { background: transparent; border-color: #000; color: #000; }

	.admin .btn-outline-primary:hover { background: #222; border-color: #222; color: #fff; }

	.admin .btn-outline-primary:active { background: #444 !important; border-color: #444 !important; 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; }

.UserCounts { 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:hover { background: #fff; }

	.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: 600; color: #000; font-size: 1.2rem; /*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); }

nav.offcanvas-lg.offcanvas-start { 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; }

.sidebar-top { padding: 0rem 1.375rem 2rem; overflow-y: auto; }

.sidebar-bottom { padding: 1.25rem 1rem; gap: 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 { border-radius: 0.5rem; display: flex; padding: 0.5rem; align-items: center; font-weight: 500; color: #222; line-height: 1.2; font-size: 1rem; cursor: pointer; gap: 0.75rem; font-size: 0.875rem; }

			.sidebar-nav li.nav-item a.nav-link.active { /*background: var(--neutral--200);*/ color: var(--color-primary-500); font-weight: 600; }

			.sidebar-nav li.nav-item a.nav-link i { font-size: 1.25rem; line-height: 1; }

			.sidebar-nav li.nav-item a.nav-link span { line-height: 1.3; }

			.sidebar-nav li.nav-item a.nav-link:hover { visibility: visible; background: #FFF; }

			.sidebar-nav li.nav-item a.nav-link.active:hover { background: var(--neutral--50); }

.admin .sidebar-nav li.nav-item a.nav-link:hover { background: #ebe7e0; }


.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: 0.675rem 1.5rem 0.675rem 2.75rem; }

.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; color: var(--neutral--400); letter-spacing: 0.05rem; padding: 1rem 0rem 0.5rem; margin: 0; }

.dropdown-menu { padding: 0.25rem 0; }

	.dropdown-menu li { margin-bottom: 0; }

.page-wrapper header { z-index: 99; background: #f9f9f9; background: #fff; width: 100%; top: 0; left: 0; right: 0; display: flex; align-items: center; height: 3.5rem; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05); padding: 0 1rem; }

	.page-wrapper header .primary-logo .logo-box .logo { width: 40px; width: 32px; border-radius: 100px; background: #fff; border: solid 1px #E5EAEF; }

	.page-wrapper header .primary-logo { display: flex; justify-content: center; align-items: center; /* border-right:solid 1px #E5EAEF; */ }

	.page-wrapper header .secondary-logo { display: flex; justify-content: center; align-items: center; }

		.page-wrapper header .secondary-logo .site-title { color: #b4b4b4; font-weight: 500; }

		.page-wrapper header .secondary-logo img { max-height: 32px; max-width: 150px; /*  filter: invert(1);*/ }

	.page-wrapper header ul.nav { list-style: none; padding: 0; margin-bottom: 0; }

		.page-wrapper header ul.nav li { display: inline-flex; margin-bottom: 0; }

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

	.page-wrapper .site-title span { text-transform: none; font-size: 0.9rem; }

main.app-container .app-container-inner { display: flex; flex-wrap: wrap; align-items: end; padding: 1rem 0; padding: 1rem; }

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

main.app-container section { padding: 0rem; }

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

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

	main.app-container .app-container-inner { padding: unset; }

	main.app-container section { padding: 1.5rem; }

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

	.page-wrapper header { box-shadow: unset; }
}

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

	.sidebar-nav li.nav-item a.nav-link { font-size: 0.8rem; }

		.sidebar-nav li.nav-item a.nav-link i { font-size: 1.5rem; }

		.sidebar-nav li.nav-item a.nav-link.active { border-radius: 4px; }
}

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

	main.app-container { padding: unset; /*margin-left: 280px; min-height: 100vh;*/ margin-top: 0; background-color: #f9f9f9; background-color: #fff; }

		main.app-container section.back-button { padding: 1rem 2rem 0; }

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

	.page-wrapper .site-title { display: none; }

	.page-wrapper 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); }

.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(--color-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-outer-admin { width: min-content; }

.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.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 .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-value.low { 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: 2rem; }

.card.card-info-dash .stat-value.medium { font-size: 2rem; }

.card.card-info-dash .stat-value.low { font-size: 1.5rem; }

@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 .stat-container.low .stat-value, .card.dash-stats.v3 .stat-container.low .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-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; }

	.stat-container-horizontal { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; }

	.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 4px 16px 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: 0.25rem 0 1.75rem; display: flex; justify-content: center; }

			.login-page .login-right .login-panel .client-logo img { max-width: 120px; /* filter: invert(1)*/ }

.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 1px 0px 10px 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: 5; 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: 1rem; 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(--color-gray-100); }

	.card.admin-card-shortcut:hover { /*box-shadow:0 .25rem 0.25rem rgba(0,0,0,.08)!important;  transform:translateY(-1px);*/ background: var(--color-gray-50); }

	.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; }

.progress-bar.text-bg-danger { background-color: #6942E2 !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; }








.admin .filter-container { background-color: unset; padding: unset; }







.grid-autofill { --grid-col-min: 1fr; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(var(--grid-col-min), 1fr)); }


@media screen and (min-width: 550px) {
	.grid-autofill { --grid-col-min: 200px; }
}


@media screen and (min-width: 768px) {
	.grid-autofill { --grid-col-min: 360px; }
}


.admin .main-content,
.admin main.app-container { /*background-color: #fbfaf9;*/ }

.ad-dash-container { padding: 1.5rem; border-radius: 0.75rem; border: 1px solid #e5e5e3; gap: 1.5rem; display: flex; flex-direction: column; background-color: #f7f5f2; background-color: #FFF; /*box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.05);*/ }


.ad-dash-container-header { padding: 0; display: flex; /* padding-bottom: 0.75rem; */ align-items: flex-start; gap: 0.5rem; align-self: stretch; background-color: transparent; border: none; justify-content: space-between; }

	.ad-dash-container-header .title { color: var(--Gray-900, #181D27); font-size: 0.9375rem; font-style: normal; font-weight: 600; line-height: 1.5rem; margin: 0; gap: 0.625rem; display: flex; align-items: center; }



.card-admin-dashboard { border-radius: 0.75rem; border: 1px solid #e7e7e7; /*background-color: #fdfdfd;
	background-color: #fbfaf9;
	background-color: #f9f8f7 ;*/ overflow: hidden; }

	.card-admin-dashboard .card-header { display: flex; padding: 1rem 1rem 0.5rem; align-items: center; gap: 0.375rem; align-self: stretch; border-radius: 0; background: none; position: relative; background-color: transparent; border-bottom: none; }


	.card-admin-dashboard .module-item-icon { /*min-width: 2.5rem;
        min-height: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;*/ display: flex; justify-content: center; align-items: center; border-radius: 0.75rem; position: relative; }

		.card-admin-dashboard .module-item-icon i { font-size: 1.5rem; color: #323544; }


	.card-admin-dashboard .module-item-title { color: #181D27; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1.25rem; }

	.card-admin-dashboard .module-item-sub-title { color: #535862; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1.25rem; display: none; }



	.card-admin-dashboard .card-footer { border-top: 1px solid var(--color-gray-100); padding: 0.625rem 1rem; display: flex; justify-content: flex-end; background-color: #f7f5f2; background-color: #fbfaf9; }

		.card-admin-dashboard .card-footer a { font-size: 0.75rem; font-weight: 600; text-decoration: none; color: var(--color-gray-600); display: inline-flex; align-items: center; gap: 0.375rem; transition: ease-in-out all 0.2s; }

			.card-admin-dashboard .card-footer a i { font-size: 1rem; line-height: 1; }






.ra-num-container { padding: 0.75rem; border-radius: 0.5rem; border: 1px solid #e5e5e3; gap: .125rem; display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; }

	.ra-num-container .title { font-size: 0.8125rem; font-weight: 700; margin-bottom: 1rem; }

.ra-num-container-stat { display: flex; justify-content: space-between; font-size: 0.8125rem; font-size: 0.75rem; }

	.ra-num-container-stat .label { }

	.ra-num-container-stat .stat.high { font-weight: 700; background-color: var(--color-red-200); padding: 0.25rem 1rem; border-radius: 10px; color: #FFF; color: var(--color-red-700); display: flex; align-items: center; justify-content: center; width: 1rem; line-height: 1; }

	.ra-num-container-stat.high { }





.gauge-row { display: flex; align-items: center; gap: 1.25rem; flex-direction: column; }

.gauge { --p: 75; --gauge-colour: var(--sev-ok); width: 108px; height: 108px; min-width: 108px; border-radius: 50%; background: radial-gradient(closest-side, #fff 78%, transparent 79% 100%), conic-gradient(var(--gauge-colour) calc(var(--p) * 1%), var(--gray-100) 0); display: flex; align-items: center; justify-content: center; }


.gauge-side { flex: 1 1 auto; }



.stat-row { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.125rem; border-bottom: 1px dotted var(--color-gray-200); }

	.stat-row .label { font-size: 0.8125rem; color: var(--color-gray-600); display: flex; align-items: center; gap: 0.625rem; }

		.stat-row .label i { font-size: 1rem; color: var(--gray-400); line-height: 1; }

	.stat-row .value { font-size: 0.875rem; font-weight: 700; font-variant-numeric: tabular-nums; min-width: 2rem; height: 1.75rem; padding: 0 0.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; background: var(--gray-100); color: var(--gray-900); }



.circle-progress { min-width: 140px; }



.progress-bar.text-warning { color: var(--color-amber-500) !important; }



@media screen and (min-width: 768px) {
	.gauge-row { flex-direction: row; }
}




:root { /* Brand module colours (existing theme) */ --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); /* Neutrals already used by the new admin styles */ --gray-900: #181D27; --gray-600: #535862; --gray-400: #A4A7AE; --gray-200: #E9EAEB; --gray-100: #F5F5F4; --surface: #fbfaf9; /* Severity scale — reserved for risk only, never decoration */ --sev-high: var(--color-red-600); --sev-high-bg: var(--color-red-500); --sev-high-border: var(--color-red-500); --sev-med: #B54708; --sev-med-bg: #FFFAEB; --sev-med-border: #FEDF89; --sev-low: #535862; --sev-low-bg: #F9FAFB; --sev-low-border: #E9EAEB; --sev-ok: #067647; --sev-ok-bg: #ECFDF3; /* Admin type scale — the single source of truth for sizes */ --fs-page-title: 1.375rem; /* h1 greeting            */ --fs-section: 1.0625rem; /* category header        */ --fs-card-title: 0.9375rem; /* module card title      */ --fs-card-sub: 0.75rem; /* module card subtitle   */ --fs-stat-high: 2.25rem; /* hero number            */ --fs-stat-med: 1.375rem; /* secondary number       */ --fs-stat-low: 1.125rem; /* tertiary number        */ --fs-stat-label: 0.6875rem; /* uppercase stat label   */ --fs-meta: 0.75rem; /* footers, chips, hints  */ }

/* Live counts — borrows the user dashboard's black tag chip */
.admin-kpi-chips { display: flex; gap: 0.5rem; }

.admin-kpi-chip { display: flex; align-items: center; gap: 0.625rem; background: #fff; border: 1px solid var(--color-gray-200); border-radius: 0.625rem; padding: 0.5rem 0.875rem; }

	.admin-kpi-chip .value { background: #181D27; color: #fff; font-size: 0.8125rem; font-weight: 600; line-height: 1; padding: 0.375rem 0.625rem; border-radius: 100px; }

	.admin-kpi-chip .label { font-size: var(--fs-meta); color: var(--color-gray-600); line-height: 1.2; }

	.admin-kpi-chip.online .value { background: var(--sev-ok-bg); color: var(--sev-ok); }

	.admin-kpi-chip.online .label::before { content: ''; display: inline-block; width: 7px; height: 7px; background: var(--sev-ok); border-radius: 100px; margin-right: 5px; }





/* --------------------------------------------------------- category panel */

.category-panel { background: #fff; border: 1px solid #F3F4F6; border-radius: 1rem; box-shadow: 2px 4px 24px 0 rgba(0,0,0,0.05); padding: 1.5rem; margin-bottom: 1.25rem; }

.category-panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

	.category-panel-header .title { font-size: var(--fs-section); font-weight: 600; margin: 0; display: flex; align-items: center; gap: 0.625rem; }

/* category colour key dot — ties the section to the user-dashboard colour */
.category-key { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }

.ad-dash-container-header .meta { font-size: var(--fs-meta); color: var(--gray-600); }

.module-grid { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }



/* ----------------------------------------------------- severity stat tiles */

.stat-groups { display: flex; gap: 1.25rem; flex-wrap: wrap; }

.stat-group { flex: 1 1 0; min-width: 130px; }

.stat-group-label { font-size: var(--fs-stat-label); font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; color: var(--gray-400); margin: 0 0 0.5rem; }

.stat-tiles { display: flex; gap: 0.375rem; }

.stat-tile { flex: 1 1 0; border-radius: 0.625rem; padding: 0.625rem 0.5rem 0.5rem; text-align: center; border: 1px solid transparent; }

	.stat-tile .stat-value { display: block; font-weight: 700; line-height: 1; margin: 0 0 0.3rem; font-variant-numeric: tabular-nums; }

	.stat-tile .stat-label { display: block; font-size: var(--fs-stat-label); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1; }

	/* HIGH — the hero. Biggest number, only filled tile on the card. */
	.stat-tile.high { background: var(--sev-high-bg); border-color: var(--sev-high-border); }

		.stat-tile.high .stat-value { font-size: var(--fs-stat-high); color: var(--sev-high); }

		.stat-tile.high .stat-label { color: var(--sev-high); }

	/* MEDIUM — outlined, second weight */
	.stat-tile.medium { border-color: var(--sev-med-border); background: #fff; }

		.stat-tile.medium .stat-value { font-size: var(--fs-stat-med); color: var(--sev-med); padding-top: 0.55rem; }

		.stat-tile.medium .stat-label { color: var(--sev-med); }

	/* LOW — ghost, quietest */
	.stat-tile.low { background: var(--sev-low-bg); border-color: transparent; }

		.stat-tile.low .stat-value { font-size: var(--fs-stat-low); color: var(--sev-low); padding-top: 0.75rem; }

		.stat-tile.low .stat-label { color: var(--gray-400); }

	/* when High is zero, let it stand down */
	.stat-tile.high.is-zero { background: var(--sev-ok-bg); border-color: transparent; }

		.stat-tile.high.is-zero .stat-value, .stat-tile.high.is-zero .stat-label { color: var(--sev-ok); }




/* --------------------------------------------------------- list-style stats */

.stat-rows { margin-top: 0.25rem; }

.stat-row { display: flex; justify-content: space-between; align-items: center; padding: 0.25rem 0.125rem; border-bottom: 1px dotted var(--gray-200); }

	.stat-row:last-child { border-bottom: none; }

	.stat-row .label { font-size: 0.8125rem; font-size: 0.75rem; color: var(--gray-600); display: flex; align-items: center; gap: 0.625rem; }

		.stat-row .label i { font-size: 1.25rem; color: var(--gray-400); line-height: 1; }

	.stat-row .value { font-size: 0.875rem; font-weight: 700; font-variant-numeric: tabular-nums; min-width: 2rem; height: 1.75rem; padding: 0 0.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; background: var(--gray-100); color: var(--gray-900); }

		.stat-row .value.sev-high { background: var(--sev-high-bg); color: var(--sev-high); }

		.stat-row .value.sev-med { background: var(--sev-med-bg); color: var(--sev-med); }

		.stat-row .value.sev-ok { background: var(--sev-ok-bg); color: var(--sev-ok); }




























/* ── RA stat tiles: number-first layout ── */
.ra-num-container { display: flex; flex-direction: column; gap: 0.5rem; background: transparent; border: 1px solid var(--dash-border, #EAE4DA); padding: 0.875rem 1rem; border-radius: 0.625rem; }

.ra-num-container-stat { display: flex; align-items: center; gap: 0.75rem; flex-direction: row; justify-content: space-between; }

	.ra-num-container-stat .label { font-size: 0.75rem; color: var(--dash-muted, #78716C); font-weight: 500; letter-spacing: 0.01em; }

	/* Override the tiny badge — make it a clean large number */
	.ra-num-container-stat .stat { font-size: 1.5rem; font-size: 1.25rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; background: none !important; padding: 0 !important; border-radius: 0 !important; width: auto !important; }

		.ra-num-container-stat .stat.high { color: var(--sev-high); }

	.ra-num-container-stat.med .stat { color: var(--color-amber-300); }

	.ra-num-container-stat.low .stat { color: var(--color-gray-400); }


	/* Add a left accent bar to the High row only */
	.ra-num-container-stat:has(.stat.high) { border-left: 3px solid var(--sev-high); padding-left: 0.625rem; margin-left: -0.625rem; }




/* ── Section header refinement ── */
/*.ad-dash-container-header {
	border-bottom: 1px solid var(--dash-border, #EAE4DA);
	padding-bottom: 0.875rem;
	margin-bottom: 1.25rem;
}*/

.ad-dash-container-header .title { font-size: 0.875rem; font-weight: 600; letter-spacing: -0.01em; color: var(--dash-text, #1C1917); gap: .5rem; display: flex; }

.ad-dash-container-header .meta { font-size: 0.75rem; color: var(--dash-muted, #78716C); }

.category-key { width: 12px; height: 12px; border-radius: 50%; display: inline-block; vertical-align: middle; flex-shrink: 0; }























/* ---------------------- 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; }
/*.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-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-header .page-tile { 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; }
	.filter-container { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.75rem; }

	.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: 1.5rem; }

	.filter-container .radios-container { display: flex; flex-direction: row; gap: 1rem; }

	.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; height: 2.5rem; }

	.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 { align-items: center; justify-content: center; background: var(--neutral--200); border: 1px solid var(--neutral--200); border-radius: 24px; color: #000; display: flex; height: 32px; width: 32px; }

	.btn-back-button i { font-size: 1rem; }

	.btn-back-button:hover { background: var(--neutral--100); color: var(--neutral--500); border-color: var(--neutral--200) !important; }

	.btn-back-button:active { background: var(--neutral--300) !important; color: var(--neutral--800) !important; border-color: var(--neutral--300) !important; }

.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 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.low { background: var(--color-green-200); color: var(--color-green-600); }

		.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 span.value.wip { background: var(--color-primary-50); color: var(--color-primary-300); }


	.item-log-item .div2, .item-log-item .div25, .item-log-item .div3, .item-log-item .div4, .item-log-item .div45 { 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; }

.div25 { margin: 0 0.25rem; border-left: 1px solid #ccc; border-radius: 0 !important; }

.div3, .div45 { margin: 0 0.25rem; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0 !important; }

.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; }

.item-log-item.other-docs .div25 { border: none; }

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

	.item-log-header { display: grid; grid-template-columns: 2fr 1.5fr 1.5fr repeat(4, 1fr); 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: 9fr 1.5fr repeat(4, 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 .div25, .item-log-item .div3, .item-log-item .div4 { background: unset; padding: 0; }

	.div1 { margin-bottom: 0; padding: 0; }

	.div12, .div25, .div3, .div45 { margin: unset; border: none; padding: unset; }

	.div5 { margin: unset; }

	.div1 { grid-area: 1 / 1 / 2 / 1; justify-content: start; }

	.div12 { grid-area: 1 / 2 / 2 / 2; justify-content: start; }

	.div2 { grid-area: 1 / 3 / 2 / 3; justify-content: start; }

	.div25 { grid-area: 1 / 4 / 2 / 4; justify-content: start; }

	.div3 { grid-area: 1 / 5 / 2 / 5; justify-content: start; }

	.div4 { grid-area: 1 / 6 / 2 / 6; justify-content: start; }

	.div45 { grid-area: 1 / 7 / 2 / 7; justify-content: start; }

	.div5 { grid-area: 1 / 8 / 2 / 8; justify-content: start; }
	/* POLICIES */
	.item-log-header.policies,
	.item-log-item.policies { grid-template-columns: 5fr repeat(3, 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: 9fr 1.5fr 1.5fr repeat(4, 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: #000; padding: 0 0.25rem 1.5rem; font-weight: 600; font-size: 0.875rem; text-align: left; }

	.logbook-table th a { color: #000; padding: 0; text-decoration: none; display: flex; align-items: center; }

		.logbook-table th a:after { content: "\e4fe"; font-family: lineicons-solid !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.9375rem; padding-left: 0.125rem; }

	.logbook-table th.no-sort a:after { content: none !important; }

.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(--color-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-box.accordion-item:first-of-type { border-top: none; }

.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: 1; font-size: 0.625rem; }

	.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.75rem; 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: 1rem; width: 1rem; 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.75rem; }

	.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(--color-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(--color-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(--color-primary-500); 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(--color-primary-500); border-color: var(--color-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 > :not(caption) > * > * { background-color: transparent !important; }

.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(--color-primary-500); }

.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(--color-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;} */
}



@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; }
}




.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; }
/*  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		   H E L P   O F F C A N V A S

		  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

html { scroll-behavior: smooth; }

.offcanvas-help { width: 48vw !important; background: #fdfdfd; font-family: 'Inter', 'DM Sans 14pt', 'Sans Serif Collection'; border: 1px solid #e7e7e7 !important; margin: 1rem; border-radius: 0.5rem; overflow: hidden; }

	.offcanvas-help .offcanvas-body { padding: 0 !important; }

	.offcanvas-help .offcanvas-header { border-bottom: 1px solid #e7e7e7; background-color: var(--color-neutral-200); padding: 0.75rem 1rem; }

		.offcanvas-help .offcanvas-header h5 { font-size: 0.9rem; font-weight: 600; }

	.offcanvas-help .help-wrapper { display: flex; flex-direction: row; }

		.offcanvas-help .help-wrapper aside { background-color: var(--color-neutral-50); min-width: 180px; padding: 1rem; position: -webkit-sticky; position: sticky; top: 0rem; display: block !important; height: calc(100vh - 5rem); overflow-y: auto; }

		.offcanvas-help .help-wrapper section { padding: 1.5em 2rem; background-color: var(--color-neutral-50); border-left: 1px solid #e7e7e7; }


	.offcanvas-help article { margin-bottom: 10rem; }

		html, .offcanvas-help article, .offcanvas-help article h1, .offcanvas-help article h2 { scroll-margin-top: 1rem; }

.help-nav-heading { margin-bottom: 0.5rem; font-size: 0.85rem; }

	.help-nav-heading a { color: #111; font-weight: 500; text-decoration: none; }

.help-navigation { padding: 0; margin: 0; margin-bottom: 1rem; }

	.help-navigation li { margin: 0; list-style-type: none; font-size: 0.8rem; }

		.help-navigation li a { text-decoration: none; color: #111; font-weight: 400; padding: .1875rem .5rem; margin-top: .125rem; border-radius: 4px; }

			.help-navigation li a:hover { background: var(--neutral--200); }




.offcanvas-help .offcanvas-body h1 { font-size: 1.25rem; font-weight: 400; }

.offcanvas-help .offcanvas-body h2 { font-size: 1.125rem; font-weight: 400; margin: 3rem 0 1.5rem; }

.offcanvas-help .offcanvas-body h3 { font-size: 1rem; font-weight: 400; margin: 3rem 0 1.5rem; }

.offcanvas-help .offcanvas-body h4 { font-size: 1.2rem; font-weight: 400; }

.offcanvas-help .offcanvas-body p { font-size: 0.8rem; margin-bottom: 0.75rem; color: #111; }














:root { --sidebar-expanded: 320px; --sidebar-collapsed: 0px; --help-width: 320px; }

@media screen and (min-width: 768px) {
	:root { --sidebar-expanded: 250px; --sidebar-collapsed: 61px; --help-width: 380px; }
}

.page-wrapper { display: flex; height: 100vh; overflow-y: auto; }
/* Sidebar */
.sidebar { flex: 0 0 auto; width: var(--sidebar-expanded); transition: width 0.22s ease; background: #f8f9fa; border-right: 1px solid #dee2e6; z-index: 99; height: 100vh; overflow-y: auto; position: absolute; display: flex; justify-content: space-between; flex-direction: column; }

	.sidebar .label { transition: opacity .15s ease, transform .15s ease; white-space: nowrap; }

.admin .sidebar { background: #f7f5f2 !important; /*border-right-color:#999;*/ }
/*	
				.admin .page-wrapper header {border-bottom-color:#999 !important;}
					*/
/* Collapsed state */
.sidebar.collapsed { width: var(--sidebar-collapsed); opacity: 0; }

	.sidebar.collapsed .label { opacity: 0; transform: translateX(-6px); pointer-events: none; }

	.sidebar.collapsed li.nav-divider { opacity: 0; transform: translateX(-6px); pointer-events: none; margin: 0; height: 14px; padding: 0; }

	.sidebar.collapsed li.nav-item .nav-link span { opacity: 0; transform: translateX(-6px); pointer-events: none; /*height: 20px;*/ margin-left: 0; }

	.sidebar.collapsed .sidebar-bottom { opacity: 0; transform: translateX(-6px); pointer-events: none; }

	.sidebar.collapsed .sidebar-top { padding: 0; }

	.sidebar.collapsed .sidebar-bottom { padding: 0; }


.admin .sidebar-nav [data-bs-toggle=collapse]:after { display: none; }
/* Hovering state added by JS (more reliable than :hover in complex layouts) */
.sidebar.collapsed.hovering { width: var(--sidebar-expanded); opacity: 1; padding: 1rem }

	.sidebar.collapsed.hovering .label { opacity: 1; transform: translateX(0); pointer-events: auto; }

	.sidebar.collapsed.hovering li.nav-divider { opacity: 1; transform: translateX(0); pointer-events: auto; border-bottom: 1px solid transparent; height: unset; padding: 1rem 0 0.5rem; }

	.sidebar.collapsed.hovering li.nav-item .nav-link span { opacity: 1; transform: translateX(0); pointer-events: auto; }
/*.sidebar-nav {padding:0 0.rem;}*/ /* Main content */
.main-content { flex: 1 1 auto; min-width: 0; transition: margin-right 0.22s ease; overflow: auto; /* overflow: auto; background: #fff;*/ }
/* Help Drawer (pushes content) */
/*.help-drawer { flex: 0 0 auto; width: 0; background: var(--neutral--100); border-left: 1px solid #dee2e6; transition: width 0.22s ease; overflow: auto; height:100vh; z-index:100; overflow-y:auto; right:0; top:0;}*/

.help-drawer { flex: 0 0 auto; width: 0; background: #fff; border-left: 1px solid #dee2e6; transition: width 0.22s ease; overflow: hidden; background: var(--neutral--100); border-left: 1px solid #dee2e6; }



	.help-drawer.open { width: var(--help-width); transform: translateX(0); }


.main-content.with-help { margin-right: var(--help-width); margin-right: unset; }

.app-header { position: sticky; top: 0; z-index: 5; background: #fff; }
/* small visual niceties */
.placeholder { height: 1000px; border-radius: .5rem; background: linear-gradient(180deg,#fff,#f7f7f7); border: 1px dashed #e9ecef; }
/* AL ADDED */
.sidebar-top { padding: 1.25rem 1rem; overflow: unset; }


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

	.sidebar .sidebar-top .mypemco-logo { display: flex; }
}

.sidebar .sidebar-top .mypemco-logo { padding-bottom: 1rem; }

.sidebar.collapsed .sidebar-top .mypemco-logo { padding-bottom: 0; }

.sidebar.collapsed.hovering .sidebar-top .mypemco-logo { padding-bottom: 1rem; }


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

	main.dashboard { padding: unset; margin-left: unset; margin-top: 0; min-height: 100vh; background-color: #f9f9f9; background-color: #fff; }

	.sidebar.collapsed { opacity: 1; padding: 0.75rem; overflow: clip; }

	.sidebar .sidebar-top .mypemco-logo { display: flex; padding-bottom: 1.5rem; }

	.sidebar.collapsed .sidebar-top .mypemco-logo { display: none; padding-bottom: 0; }

	.sidebar.collapsed.hovering .sidebar-top .mypemco-logo { display: flex; padding-bottom: 1.5rem; }



	.sidebar { position: unset; }
}

.sidebar.collapsed #sidebarToggle { background: #fff; border-radius: 100px; box-shadow: 1px 1px 3px 2px #0000000d; }


@media screen and (max-width: 991px) {

	#sidebarToggle { /*position: absolute;*/ top: 0.75rem; left: 0.75rem; z-index: 9999; }
}









.bg-module-hs { background: #F3705F3D; }

.bg-module-jobs { background: #07B7C43D; }

.bg-module-dig { background: #A44B7A3D; background: #5e00ff40; }

.bg-module-doc { background: #EAB4533D; }

.bg-module-bsc { background: #5AACEB3D; }


.card.card-dashboard-category { padding: 1.5rem; border-radius: 1rem; border: 1px solid #F3F4F6; box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.05); }

	.card.card-dashboard-category .card-header { padding: 0; display: flex; /*padding-bottom: 0.75rem;*/ align-items: flex-start; gap: 0.5rem; align-self: stretch; background-color: transparent; border: none; justify-content: space-between; }

		.card.card-dashboard-category .card-header .title { color: var(--Gray-900, #181D27); font-size: 1.0625rem; font-style: normal; font-weight: 600; line-height: 1.5rem; margin: 0; }

	.card.card-dashboard-category .card-body { padding: 0.75rem 0 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; flex: 1 0 0; }

	.card.card-dashboard-category .module-item { display: flex; padding: 1rem; align-items: center; gap: 0.75rem; align-self: stretch; border-radius: 0.75rem; background: #FAFAFA; background: #f1f1f1; position: relative; }

		.card.card-dashboard-category .module-item .module-item-icon { min-width: 2.5rem; min-height: 2.5rem; width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; border-radius: 0.75rem; position: relative; }

			.card.card-dashboard-category .module-item .module-item-icon i { font-size: 1.5rem; color: #323544; }

		.card.card-dashboard-category .module-item .module-item-title { color: #181D27; /* Text sm/Medium */ font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1.25rem; /* 142.857% */ }

			.card.card-dashboard-category .module-item .module-item-title a { text-decoration: none; color: #181D27; }

		.card.card-dashboard-category .module-item .module-item-sub-title { color: #535862; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1.25rem; /* 166.667% */ }

		.card.card-dashboard-category .module-item:hover { background: #f7f7f7; }


h1.dashboard-title { color: #181D27; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 2.375rem; margin: 0 0 0.25rem; }

.pemco-tag { background: #222; width: 16px; height: 16px; border-radius: 100px; color: #fff; position: absolute; bottom: -4px; right: -4px; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; }

.collapse-icon { cursor: pointer; transition: transform 0.3s; }

	.collapse-icon.collapsed { transform: rotate(180deg); }


.card-container { position: relative; margin-bottom: 20px; }

.module-locked.module-item .module-item-icon { opacity: 0.5; filter: grayscale(20%); transition: all 0.3s ease; }
/*.module-locked.module-item .module-item-icon i {
        opacity: 0
    }*/

.module-locked .card:hover { cursor: not-allowed; }

.card.card-dashboard-category .module-item.module-locked .module-item-title a { color: #BBB; }

.card.card-dashboard-category .module-item.module-locked .module-item-sub-title { color: #BBB; }



.card.card-dashboard-category .module-item.module-locked { border: 1px solid var(--color-primary-100); background-color: #fff; }



.locked-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); border-radius: 0.75rem; z-index: 10; }

.module-locked .locked-overlay { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }

.lock-icon { color: #666; font-size: 1.5rem; margin-bottom: 0; line-height: 1; margin-left: 1.5rem; }

.lock-text { color: white; font-weight: 500; }


.module-locked.coming-soon .locked-overlay { background-color: rgba(0, 0, 0, 0.05); }


.locked-overlay.coming-soon { align-items: flex-end; justify-content: flex-start; }

.module-item.coming-soon { cursor: not-allowed; }





.card.card-dashboard-category .module-item.coming-soon:hover { background-color: #f1f1f1; }

.coming-soon-badge { background-color: var(--color-orange-500); font-size: 0.65rem; color: var(--color-orange-800); color: #fff; padding: 0.5rem; border-radius: 0 .75rem 0 0.25rem; gap: 0.25rem; align-items: center; position: absolute; top: 0rem; right: 0rem; font-weight: 500; line-height: 1; }


.upgrade-badge { background-color: var(--color-primary-500); font-size: 1.25rem; color: var(--color-orange-800); color: #fff; padding: 0.375rem; border-radius: 25rem; display: flex; gap: 0.25rem; align-items: center; position: absolute; top: 0.5rem; right: 0.5rem; font-weight: 500; line-height: 1; }

.locked-overlay.coming-soon .coming-soon-badge i { font-size: 1rem; }
/* Optional: Pulse animation for the lock icon */
@keyframes pulse {
	0% { transform: scale(1); }

	50% { transform: scale(1.05); }

	100% { transform: scale(1); }
}

.card-locked .lock-icon { animation: pulse 2s infinite; }
/* 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; }



.dashboard-marketing { border-radius: 1rem; background: #FAFAFA; background-color: var(--neutral--100); padding: 1.5rem; /*display: flex;justify-content: center; align-items: flex-start; gap: 1.5rem; align-self: stretch;*/ }

	.dashboard-marketing .main-content { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; flex: 1 0 0; }

		.dashboard-marketing .main-content p { color: #535862; font-size: 0.825rem; font-style: normal; font-weight: 400; }

		.dashboard-marketing .main-content .title { align-self: stretch; color: #181D27; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 1.3; /* 150% */ margin: 0; }

		.dashboard-marketing .main-content .list-container { display: flex; /*padding: 1.5rem 0rem 0.625rem 0rem;*/ align-items: flex-start; /*gap: 1.25rem;*/ align-self: stretch; }

			.dashboard-marketing .main-content .list-container .list-col { display: flex; width: 14.75rem; flex-direction: column; align-items: flex-start; gap: 0.5rem; }

				.dashboard-marketing .main-content .list-container .list-col .list-item { display: flex; align-items: flex-start; gap: 0.75rem; align-self: stretch; }

					.dashboard-marketing .main-content .list-container .list-col .list-item .icon { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; border-radius: 100px; background: var(--color-green-200); display: flex; justify-content: center; align-items: center; }

						.dashboard-marketing .main-content .list-container .list-col .list-item .icon i { color: var(--color-green-700); font-size: 1rem; }

					.dashboard-marketing .main-content .list-container .list-col .list-item span { align-self: stretch; color: #535862; font-size: 0.825rem; font-style: normal; font-weight: 400; }


	.dashboard-marketing .icon-list { position: relative; padding-left: 1.5rem; margin: 0 0 1.5rem; }

		.dashboard-marketing .icon-list li { list-style-type: none; position: relative; margin-bottom: 0.5rem; color: #535862; font-size: 0.775rem; font-style: normal; font-weight: 400; }

			.dashboard-marketing .icon-list li::before { position: absolute; left: -1.5rem; top: 0.25rem; font-size: 1.0375rem; color: var(--color-green-700); color: var(--color-green-300); /*background:var(--color-green-200);*/ border-radius: 100px; }








.grid-parent { grid-template-columns: repeat(1, auto); grid-template-rows: repeat(5, 1fr); grid-column-gap: 16px; grid-row-gap: 16px; }

.grid-child { height: auto; }


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

	.grid-parent { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); }
}


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

	.grid-parent { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); }
}


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

	.grid-parent { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); }
}

input::-ms-reveal { display: none; }


.checkbox { gap: 8px; }