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

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

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

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

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

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




.m-1 {
  margin: 0.0625rem !important;
}

.m-2 {
  margin: 0.125rem !important;
}

.m-3 {
  margin: 0.1875rem !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.m-5 {
  margin: 0.3125rem !important;
}

.m-6 {
  margin: 0.375rem !important;
}

.m-7 {
  margin: 0.4375rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.m-9 {
  margin: 0.5625rem !important;
}

.m-10 {
  margin: 0.625rem !important;
}

.m-11 {
  margin: 0.6875rem !important;
}

.m-12 {
  margin: 0.75rem !important;
}

.m-13 {
  margin: 0.8125rem !important;
}

.m-14 {
  margin: 0.875rem !important;
}

.m-15 {
  margin: 0.9375rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.m-17 {
  margin: 1.0625rem !important;
}

.m-18 {
  margin: 1.125rem !important;
}

.m-19 {
  margin: 1.1875rem !important;
}

.m-20 {
  margin: 1.25rem !important;
}

.m-21 {
  margin: 1.3125rem !important;
}

.m-22 {
  margin: 1.375rem !important;
}

.m-23 {
  margin: 1.4375rem !important;
}

.m-24 {
  margin: 1.5rem !important;
}

.mt-1 {
  margin-top: 0.0625rem !important;
}

.mt-2 {
  margin-top: 0.125rem !important;
}

.mt-3 {
  margin-top: 0.1875rem !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mt-5 {
  margin-top: 0.3125rem !important;
}

.mt-6 {
  margin-top: 0.375rem !important;
}

.mt-7 {
  margin-top: 0.4375rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mt-9 {
  margin-top: 0.5625rem !important;
}

.mt-10 {
  margin-top: 0.625rem !important;
}

.mt-11 {
  margin-top: 0.6875rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mt-13 {
  margin-top: 0.8125rem !important;
}

.mt-14 {
  margin-top: 0.875rem !important;
}

.mt-15 {
  margin-top: 0.9375rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mt-17 {
  margin-top: 1.0625rem !important;
}

.mt-18 {
  margin-top: 1.125rem !important;
}

.mt-19 {
  margin-top: 1.1875rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mt-21 {
  margin-top: 1.3125rem !important;
}

.mt-22 {
  margin-top: 1.375rem !important;
}

.mt-23 {
  margin-top: 1.4375rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mb-1 {
  margin-bottom: 0.0625rem !important;
}

.mb-2 {
  margin-bottom: 0.125rem !important;
}

.mb-3 {
  margin-bottom: 0.1875rem !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.mb-5 {
  margin-bottom: 0.3125rem !important;
}

.mb-6 {
  margin-bottom: 0.375rem !important;
}

.mb-7 {
  margin-bottom: 0.4375rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.mb-9 {
  margin-bottom: 0.5625rem !important;
}

.mb-10 {
  margin-bottom: 0.625rem !important;
}

.mb-11 {
  margin-bottom: 0.6875rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}

.mb-13 {
  margin-bottom: 0.8125rem !important;
}

.mb-14 {
  margin-bottom: 0.875rem !important;
}

.mb-15 {
  margin-bottom: 0.9375rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.mb-17 {
  margin-bottom: 1.0625rem !important;
}

.mb-18 {
  margin-bottom: 1.125rem !important;
}

.mb-19 {
  margin-bottom: 1.1875rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-21 {
  margin-bottom: 1.3125rem !important;
}

.mb-22 {
  margin-bottom: 1.375rem !important;
}

.mb-23 {
  margin-bottom: 1.4375rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}

.ml-1 {
  margin-left: 0.0625rem !important;
}

.ml-2 {
  margin-left: 0.125rem !important;
}

.ml-3 {
  margin-left: 0.1875rem !important;
}

.ml-4 {
  margin-left: 0.25rem !important;
}

.ml-5 {
  margin-left: 0.3125rem !important;
}

.ml-6 {
  margin-left: 0.375rem !important;
}

.ml-7 {
  margin-left: 0.4375rem !important;
}

.ml-8 {
  margin-left: 0.5rem !important;
}

.ml-9 {
  margin-left: 0.5625rem !important;
}

.ml-10 {
  margin-left: 0.625rem !important;
}

.ml-11 {
  margin-left: 0.6875rem !important;
}

.ml-12 {
  margin-left: 0.75rem !important;
}

.ml-13 {
  margin-left: 0.8125rem !important;
}

.ml-14 {
  margin-left: 0.875rem !important;
}

.ml-15 {
  margin-left: 0.9375rem !important;
}

.ml-16 {
  margin-left: 1rem !important;
}

.ml-17 {
  margin-left: 1.0625rem !important;
}

.ml-18 {
  margin-left: 1.125rem !important;
}

.ml-19 {
  margin-left: 1.1875rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.ml-21 {
  margin-left: 1.3125rem !important;
}

.ml-22 {
  margin-left: 1.375rem !important;
}

.ml-23 {
  margin-left: 1.4375rem !important;
}

.ml-24 {
  margin-left: 1.5rem !important;
}

.mr-1 {
  margin-right: 0.0625rem !important;
}

.mr-2 {
  margin-right: 0.125rem !important;
}

.mr-3 {
  margin-right: 0.1875rem !important;
}

.mr-4 {
  margin-right: 0.25rem !important;
}

.mr-5 {
  margin-right: 0.3125rem !important;
}

.mr-6 {
  margin-right: 0.375rem !important;
}

.mr-7 {
  margin-right: 0.4375rem !important;
}

.mr-8 {
  margin-right: 0.5rem !important;
}

.mr-9 {
  margin-right: 0.5625rem !important;
}

.mr-10 {
  margin-right: 0.625rem !important;
}

.mr-11 {
  margin-right: 0.6875rem !important;
}

.mr-12 {
  margin-right: 0.75rem !important;
}

.mr-13 {
  margin-right: 0.8125rem !important;
}

.mr-14 {
  margin-right: 0.875rem !important;
}

.mr-15 {
  margin-right: 0.9375rem !important;
}

.mr-16 {
  margin-right: 1rem !important;
}

.mr-17 {
  margin-right: 1.0625rem !important;
}

.mr-18 {
  margin-right: 1.125rem !important;
}

.mr-19 {
  margin-right: 1.1875rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mr-21 {
  margin-right: 1.3125rem !important;
}

.mr-22 {
  margin-right: 1.375rem !important;
}

.mr-23 {
  margin-right: 1.4375rem !important;
}

.mr-24 {
  margin-right: 1.5rem !important;
}

.w-24 {
  width: 1.5rem !important;
}

.w-25 {
  width: 1.5625rem !important;
}

.w-26 {
  width: 1.625rem !important;
}

.w-27 {
  width: 1.6875rem !important;
}

.w-28 {
  width: 1.75rem !important;
}

.w-29 {
  width: 1.8125rem !important;
}

.w-30 {
  width: 1.875rem !important;
}

.w-31 {
  width: 1.9375rem !important;
}

.w-32 {
  width: 2rem !important;
}

.w-33 {
  width: 2.0625rem !important;
}

.w-34 {
  width: 2.125rem !important;
}

.w-35 {
  width: 2.1875rem !important;
}

.w-36 {
  width: 2.25rem !important;
}

.w-37 {
  width: 2.3125rem !important;
}

.w-38 {
  width: 2.375rem !important;
}

.w-39 {
  width: 2.4375rem !important;
}

.w-40 {
  width: 2.5rem !important;
}

.w-41 {
  width: 2.5625rem !important;
}

.w-42 {
  width: 2.625rem !important;
}

.w-43 {
  width: 2.6875rem !important;
}

.w-44 {
  width: 2.75rem !important;
}

.w-45 {
  width: 2.8125rem !important;
}

.w-46 {
  width: 2.875rem !important;
}

.w-47 {
  width: 2.9375rem !important;
}

.w-48 {
  width: 3rem !important;
}

.w-49 {
  width: 3.0625rem !important;
}

.w-50 {
  width: 3.125rem !important;
}

.w-51 {
  width: 3.1875rem !important;
}

.w-52 {
  width: 3.25rem !important;
}

.w-53 {
  width: 3.3125rem !important;
}

.w-54 {
  width: 3.375rem !important;
}

.w-55 {
  width: 3.4375rem !important;
}

.w-56 {
  width: 3.5rem !important;
}

.w-57 {
  width: 3.5625rem !important;
}

.w-58 {
  width: 3.625rem !important;
}

.w-59 {
  width: 3.6875rem !important;
}

.w-60 {
  width: 3.75rem !important;
}

.w-61 {
  width: 3.8125rem !important;
}

.w-62 {
  width: 3.875rem !important;
}

.w-63 {
  width: 3.9375rem !important;
}

.w-64 {
  width: 4rem !important;
}

.w-65 {
  width: 4.0625rem !important;
}

.w-66 {
  width: 4.125rem !important;
}

.w-67 {
  width: 4.1875rem !important;
}

.w-68 {
  width: 4.25rem !important;
}

.w-69 {
  width: 4.3125rem !important;
}

.w-70 {
  width: 4.375rem !important;
}

.w-71 {
  width: 4.4375rem !important;
}

.w-72 {
  width: 4.5rem !important;
}

.w-73 {
  width: 4.5625rem !important;
}

.w-74 {
  width: 4.625rem !important;
}

.w-75 {
  width: 4.6875rem !important;
}

.w-76 {
  width: 4.75rem !important;
}

.w-77 {
  width: 4.8125rem !important;
}

.w-78 {
  width: 4.875rem !important;
}

.w-79 {
  width: 4.9375rem !important;
}

.w-80 {
  width: 5rem !important;
}

.w-81 {
  width: 5.0625rem !important;
}

.w-82 {
  width: 5.125rem !important;
}

.w-83 {
  width: 5.1875rem !important;
}

.w-84 {
  width: 5.25rem !important;
}

.w-85 {
  width: 5.3125rem !important;
}

.w-86 {
  width: 5.375rem !important;
}

.w-87 {
  width: 5.4375rem !important;
}

.w-88 {
  width: 5.5rem !important;
}

.w-89 {
  width: 5.5625rem !important;
}

.w-90 {
  width: 5.625rem !important;
}

.w-91 {
  width: 5.6875rem !important;
}

.w-92 {
  width: 5.75rem !important;
}

.w-93 {
  width: 5.8125rem !important;
}

.w-94 {
  width: 5.875rem !important;
}

.w-95 {
  width: 5.9375rem !important;
}

.w-96 {
  width: 6rem !important;
}

.w-97 {
  width: 6.0625rem !important;
}

.w-98 {
  width: 6.125rem !important;
}

.w-99 {
  width: 6.1875rem !important;
}

/*.w-100 {
  width: 6.25rem !important;
}*/

.pd-1 {
  padding: 0.0625rem !important;
}

.pd-2 {
  padding: 0.125rem !important;
}

.pd-3 {
  padding: 0.1875rem !important;
}

.pd-4 {
  padding: 0.25rem !important;
}

.pd-5 {
  padding: 0.3125rem !important;
}

.pd-6 {
  padding: 0.375rem !important;
}

.pd-7 {
  padding: 0.4375rem !important;
}

.pd-8 {
  padding: 0.5rem !important;
}

.pd-9 {
  padding: 0.5625rem !important;
}

.pd-10 {
  padding: 0.625rem !important;
}

.pd-11 {
  padding: 0.6875rem !important;
}

.pd-12 {
  padding: 0.75rem !important;
}

.pd-13 {
  padding: 0.8125rem !important;
}

.pd-14 {
  padding: 0.875rem !important;
}

.pd-15 {
  padding: 0.9375rem !important;
}

.pd-16 {
  padding: 1rem !important;
}

.pd-17 {
  padding: 1.0625rem !important;
}

.pd-18 {
  padding: 1.125rem !important;
}

.pd-19 {
  padding: 1.1875rem !important;
}

.pd-20 {
  padding: 1.25rem !important;
}

.pd-21 {
  padding: 1.3125rem !important;
}

.pd-22 {
  padding: 1.375rem !important;
}

.pd-23 {
  padding: 1.4375rem !important;
}

.pd-24 {
  padding: 1.5rem !important;
}

.pl-1 {
  padding-left: 0.0625rem !important;
}

.pl-2 {
  padding-left: 0.125rem !important;
}

.pl-3 {
  padding-left: 0.1875rem !important;
}

.pl-4 {
  padding-left: 0.25rem !important;
}

.pl-5 {
  padding-left: 0.3125rem !important;
}

.pl-6 {
  padding-left: 0.375rem !important;
}

.pl-7 {
  padding-left: 0.4375rem !important;
}

.pl-8 {
  padding-left: 0.5rem !important;
}

.pl-9 {
  padding-left: 0.5625rem !important;
}

.pl-10 {
  padding-left: 0.625rem !important;
}

.pl-11 {
  padding-left: 0.6875rem !important;
}

.pl-12 {
  padding-left: 0.75rem !important;
}

.pl-13 {
  padding-left: 0.8125rem !important;
}

.pl-14 {
  padding-left: 0.875rem !important;
}

.pl-15 {
  padding-left: 0.9375rem !important;
}

.pl-16 {
  padding-left: 1rem !important;
}

.pl-17 {
  padding-left: 1.0625rem !important;
}

.pl-18 {
  padding-left: 1.125rem !important;
}

.pl-19 {
  padding-left: 1.1875rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.pl-21 {
  padding-left: 1.3125rem !important;
}

.pl-22 {
  padding-left: 1.375rem !important;
}

.pl-23 {
  padding-left: 1.4375rem !important;
}

.pl-24 {
  padding-left: 1.5rem !important;
}

.pr-1 {
  padding-right: 0.0625rem !important;
}

.pr-2 {
  padding-right: 0.125rem !important;
}

.pr-3 {
  padding-right: 0.1875rem !important;
}

.pr-4 {
  padding-right: 0.25rem !important;
}

.pr-5 {
  padding-right: 0.3125rem !important;
}

.pr-6 {
  padding-right: 0.375rem !important;
}

.pr-7 {
  padding-right: 0.4375rem !important;
}

.pr-8 {
  padding-right: 0.5rem !important;
}

.pr-9 {
  padding-right: 0.5625rem !important;
}

.pr-10 {
  padding-right: 0.625rem !important;
}

.pr-11 {
  padding-right: 0.6875rem !important;
}

.pr-12 {
  padding-right: 0.75rem !important;
}

.pr-13 {
  padding-right: 0.8125rem !important;
}

.pr-14 {
  padding-right: 0.875rem !important;
}

.pr-15 {
  padding-right: 0.9375rem !important;
}

.pr-16 {
  padding-right: 1rem !important;
}

.pr-17 {
  padding-right: 1.0625rem !important;
}

.pr-18 {
  padding-right: 1.125rem !important;
}

.pr-19 {
  padding-right: 1.1875rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pr-21 {
  padding-right: 1.3125rem !important;
}

.pr-22 {
  padding-right: 1.375rem !important;
}

.pr-23 {
  padding-right: 1.4375rem !important;
}

.pr-24 {
  padding-right: 1.5rem !important;
}

.pt-1 {
  padding-top: 0.0625rem !important;
}

.pt-2 {
  padding-top: 0.125rem !important;
}

.pt-3 {
  padding-top: 0.1875rem !important;
}

.pt-4 {
  padding-top: 0.25rem !important;
}

.pt-5 {
  padding-top: 0.3125rem !important;
}

.pt-6 {
  padding-top: 0.375rem !important;
}

.pt-7 {
  padding-top: 0.4375rem !important;
}

.pt-8 {
  padding-top: 0.5rem !important;
}

.pt-9 {
  padding-top: 0.5625rem !important;
}

.pt-10 {
  padding-top: 0.625rem !important;
}

.pt-11 {
  padding-top: 0.6875rem !important;
}

.pt-12 {
  padding-top: 0.75rem !important;
}

.pt-13 {
  padding-top: 0.8125rem !important;
}

.pt-14 {
  padding-top: 0.875rem !important;
}

.pt-15 {
  padding-top: 0.9375rem !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pt-17 {
  padding-top: 1.0625rem !important;
}

.pt-18 {
  padding-top: 1.125rem !important;
}

.pt-19 {
  padding-top: 1.1875rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pt-21 {
  padding-top: 1.3125rem !important;
}

.pt-22 {
  padding-top: 1.375rem !important;
}

.pt-23 {
  padding-top: 1.4375rem !important;
}

.pt-24 {
  padding-top: 1.5rem !important;
}

/*.pb-1 {
  padding-bottom: 0.0625rem !important;
}*/

/*.pb-2 {
  padding-bottom: 0.125rem !important;
}*/

/*.pb-3 {
  padding-bottom: 0.1875rem !important;
}

.pb-4 {
  padding-bottom: 0.25rem !important;
}

.pb-5 {
  padding-bottom: 0.3125rem !important;
}*/

.pb-6 {
  padding-bottom: 0.375rem !important;
}

.pb-7 {
  padding-bottom: 0.4375rem !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pb-9 {
  padding-bottom: 0.5625rem !important;
}

.pb-10 {
  padding-bottom: 0.625rem !important;
}

.pb-11 {
  padding-bottom: 0.6875rem !important;
}

.pb-12 {
  padding-bottom: 0.75rem !important;
}

.pb-13 {
  padding-bottom: 0.8125rem !important;
}

.pb-14 {
  padding-bottom: 0.875rem !important;
}

.pb-15 {
  padding-bottom: 0.9375rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pb-17 {
  padding-bottom: 1.0625rem !important;
}

.pb-18 {
  padding-bottom: 1.125rem !important;
}

.pb-19 {
  padding-bottom: 1.1875rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.pb-21 {
  padding-bottom: 1.3125rem !important;
}

.pb-22 {
  padding-bottom: 1.375rem !important;
}

.pb-23 {
  padding-bottom: 1.4375rem !important;
}

.pb-24 {
  padding-bottom: 1.5rem !important;
}

.fs-1 {
  font-size: 0.0625rem !important;
}

.fs-2 {
  font-size: 0.125rem !important;
}

.fs-3 {
  font-size: 0.1875rem !important;
}

.fs-4 {
  font-size: 0.25rem !important;
}

.fs-5 {
  font-size: 1rem !important;
}

.fs-6 {
  font-size: 0.375rem !important;
}

.fs-7 {
  font-size: 0.4375rem !important;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.fs-9 {
  font-size: 0.5625rem !important;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-11 {
  font-size: 0.6875rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-17 {
  font-size: 1.0625rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-19 {
  font-size: 1.1875rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-21 {
  font-size: 1.3125rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-23 {
  font-size: 1.4375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-25 {
  font-size: 1.5625rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.fs-27 {
  font-size: 1.6875rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-29 {
  font-size: 1.8125rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.fs-31 {
  font-size: 1.9375rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.fs-33 {
  font-size: 2.0625rem !important;
}

.fs-34 {
  font-size: 2.125rem !important;
}

.fs-35 {
  font-size: 2.1875rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.fs-37 {
  font-size: 2.3125rem !important;
}

.fs-38 {
  font-size: 2.375rem !important;
}

.fs-39 {
  font-size: 2.4375rem !important;
}

.fs-40 {
  font-size: 2.5rem !important;
}

.fs-41 {
  font-size: 2.5625rem !important;
}

.fs-42 {
  font-size: 2.625rem !important;
}

.gap-2 {
  gap: 0.125rem !important;
}

.gap-3 {
  gap: 0.1875rem !important;
}

.gap-4 {
  gap: 0.25rem !important;
}

.gap-5 {
  gap: 0.3125rem !important;
}

.gap-6 {
  gap: 0.375rem !important;
}

.gap-7 {
  gap: 0.4375rem !important;
}

.gap-8 {
  gap: 0.5rem !important;
}

.gap-9 {
  gap: 0.5625rem !important;
}

.gap-10 {
  gap: 0.625rem !important;
}

.gap-11 {
  gap: 0.6875rem !important;
}

.gap-12 {
  gap: 0.75rem !important;
}

.gap-13 {
  gap: 0.8125rem !important;
}

.gap-14 {
  gap: 0.875rem !important;
}

.gap-15 {
  gap: 0.9375rem !important;
}

.gap-16 {
  gap: 1rem !important;
}

.gap-17 {
  gap: 1.0625rem !important;
}

.gap-18 {
  gap: 1.125rem !important;
}

.gap-19 {
  gap: 1.1875rem !important;
}

.gap-20 {
  gap: 1.25rem !important;
}

.gap-21 {
  gap: 1.3125rem !important;
}

.gap-22 {
  gap: 1.375rem !important;
}

.gap-23 {
  gap: 1.4375rem !important;
}

.gap-24 {
  gap: 1.5rem !important;
}

.obfuscate {
  background: rgba(255, 255, 255, 0.6) !important;
  
  border-radius: 0.75rem;
  
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1);
  
  border: 0.0625rem solid rgba(255, 255, 255, 0.3);
  
  position: relative;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .obfuscate {
    backdrop-filter: blur(0.625rem);
    
    -webkit-backdrop-filter: blur(0.625rem);
    
  }
}
@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .obfuscate {
    color: var(--text-color);
    border: 0.0625rem solid var(--text-color);
    
  }
  .obfuscate:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.6);
    z-index: -1;
  }
}



.sr-only {
  border: 0 !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem) !important;
  clip-path: inset(50%) !important;
  height: 0.0625rem !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 0.0625rem !important;
  white-space: nowrap !important;
}

.no-scroll {
  overflow: hidden !important;
}

.scroll {
  overflow-y: scroll !important;
}

.hidden {
  display: none;
}

.list {
  list-style: disc;
  margin: 0.5rem 1.5rem;
}
.list li {
  margin-bottom: 1rem;
}
.list--stacked {
  list-style-type: disc;
  margin: 0.5rem 0 0 2rem;
}
.list--stacked li {
  margin-bottom: 0;
}

.visually-hidden, .settings-table__cta .e-label {
  position: absolute !important;
  clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
  
  padding: 0 !important;
  border: 0 !important;
  height: 0.0625rem !important;
  width: 0.0625rem !important;
  overflow: hidden;
}

.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex .buttonBaseContainer {
  flex-grow: 0 !important;
}

.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}

.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}

.gap {
  display: flex;
}
.gap--4 {
  gap: 0.25rem;
}
.gap--8 {
  gap: 0.5rem;
}
.gap--12 {
  gap: 0.75rem;
}
.gap--16 {
  gap: 1rem;
}
.gap--24 {
  gap: 1.5rem;
}

.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-small {
  font-size: 0.75rem !important;
}
.text-medium {
  font-size: 0.875rem !important;
}
.text-regular {
  font-size: 1rem !important;
}
.text--small {
  font-weight: 400;
  font-size: 0.75rem;
}
.text--small strong {
  font-weight: 700;
}
.text--medium {
  font-weight: 400;
  font-size: 0.875rem;
}
.text--medium strong {
  font-weight: 700;
}

.text-9xl {
  font-size: 8rem;
  line-height: auto;
  font-weight: 400;
}

.text-8xl {
  font-size: 6rem;
  line-height: auto;
  font-weight: 400;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: auto;
  font-weight: 400;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: auto;
  font-weight: 400;
}

.text-5xl {
  font-size: 3rem;
  line-height: auto;
  font-weight: 400;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.text-2xl-medium {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.text-xl-medium {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 400;
}

.text-lg-medium {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 500;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.text-base-medium {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.text-base-bold {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-transform: uppercase;
}

.text-sm-medium {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  text-transform: uppercase;
}

.text-sm-bold {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
}

.text-xs-medium {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
}

.text-xxs {
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 400;
  text-transform: uppercase;
}

.text-xxs-medium {
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}

.squircle, .left-nav .navigation-link:before {
  clip-path: polygon(45.837405% 0%, 54.162595% 0%, 58.975237% 0.022716%, 63.78531% 0.166797%, 68.581802% 0.543282%, 73.338393% 1.261583%, 77.997229% 2.456312%, 82.469181% 4.217852%, 86.636013% 6.605826%, 90.342823% 9.657177%, 93.394174% 13.363987%, 95.782148% 17.530819%, 97.543688% 22.002771%, 98.738417% 26.661607%, 99.456718% 31.418198%, 99.833203% 36.21469%, 99.977284% 41.024763%, 99.977284% 58.975237%, 99.833203% 63.78531%, 99.456718% 68.581802%, 98.738417% 73.338393%, 97.543688% 77.997229%, 95.782148% 82.469181%, 93.394174% 86.636013%, 90.342823% 90.342823%, 86.636013% 93.394174%, 82.469181% 95.782148%, 77.997229% 97.543688%, 73.338393% 98.738417%, 68.581802% 99.456718%, 63.78531% 99.833203%, 58.975237% 99.977284%, 54.162595% 100%, 45.837405% 100%, 41.024763% 99.977284%, 36.21469% 99.833203%, 31.418198% 99.456718%, 26.661607% 98.738417%, 22.002771% 97.543688%, 17.530819% 95.782148%, 13.363987% 93.394174%, 9.657177% 90.342823%, 6.605826% 86.636013%, 4.217852% 82.469181%, 2.456312% 77.997229%, 1.261583% 73.338393%, 0.543282% 68.581802%, 0.166797% 63.78531%, 0.022716% 58.975237%, 0.022716% 41.024763%, 0.166797% 36.21469%, 0.543282% 31.418198%, 1.261583% 26.661607%, 2.456312% 22.002771%, 4.217852% 17.530819%, 6.605826% 13.363987%, 9.657177% 9.657177%, 13.363987% 6.605826%, 17.530819% 4.217852%, 22.002771% 2.456312%, 26.661607% 1.261583%, 31.418198% 0.543282%, 36.21469% 0.166797%, 41.024763% 0.022716%, 45.837405% 0%);
}

.math,
.code,
code {
  font-family: monospace !important;
  font-size: 1rem !important;
}
.math .e-textbox,
.code .e-textbox,
code .e-textbox {
  font-family: monospace !important;
  font-size: 1rem !important;
}

.status__blocks {
  display: flex;
  gap: 0.25rem;
}
.status__small-block {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.status__R {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--light-gray);
  text-align: center;
  background: var(--accent);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__notstarted, .status__archive, .status__inactive, .status__testing, .status__number, .status__readyforreview, .status__E, .status__external {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--warning-dark);
  text-align: center;
  background: var(--warning-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__closed, .status__notrequired, .status__buildinprogress, .status__draft, .status__validating, .status__unrouted {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--text-color);
  text-align: center;
  background: var(--disabled);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__waitingforcandidate {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--gray100);
  text-align: center;
  background: var(--gray600);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__open, .status__I, .status__internal, .status__production, .status__pending, .status__pending-request, .status__in_process_pending, .status__pendingrequest, .status__readytoevaluate {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--primary-text);
  text-align: center;
  background: var(--primary-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__published, .status__active, .status__yes, .status__complete, .status__completed, .status__offered, .status__O, .status__yes, .status__y, .status__pass, .status__routed {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--success-dark);
  text-align: center;
  background: var(--success-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__in_process, .status__in-process, .status__inprocess, .status__inprogress, .status__readyforsignatures {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--help-dark);
  text-align: center;
  background: var(--help-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__no, .status__notcomplete, .status__n, .status__fail {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--error-dark);
  text-align: center;
  background: var(--error-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__supervisorchanged {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--text-color);
  text-align: center;
  background: var(--white);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.status__checking {
  animation: pulse 2s infinite;
  border-radius: var(--border-radius);
  padding: 0.3125rem;
  width: 100%;
  text-align: center;
}
.status__ats-u, .status__ob, .status__pm, .status__hr, .status__crm {
  border-radius: var(--border-radius);
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  width: 100%;
  color: var(--primary-text);
  text-align: center;
  background: var(--primary-ghost);
  border: 0.0625rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

.detail-card__stats-item, .status__hsaeligible, .status__current {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--disabled);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 0.625rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--border-radius);
}

.detail-card__stats-item--current, .status__current {
  background-color: var(--primary-ghost);
  color: var(--primary);
}

.grid__count {
  width: 100%;
  background-color: var(--primary-ghost);
  text-align: center;
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
}
.grid__count:hover {
  color: Var(--primary);
}

.warning {
  color: var(--warning);
}

.success {
  color: var(--success);
}

.info,
.primary {
  color: var(--primary);
}

.error,
.danger {
  color: var(--error);
}

.help {
  color: var(--help);
}

.required {
  color: var(--accent);
}

.divider {
  border-bottom: 0.0625rem solid var(--card-border-color);
  margin: 0.25rem 0;
  padding: 0.5rem;
}
.divider--nop {
  margin: 0;
  padding: 0;
}
.divider--v {
  border-bottom: 0;
  border: none;
  margin: 0 0.25rem;
  padding: 0;
  width: 0.0625rem;
  background: var(--disabled);
  height: 100%;
}

.border-bottom {
  border-bottom: 0.0625rem solid var(--card-border-color);
}

.overflow {
  /*overflow-y: auto;*/
  height: 100%;
}

.message {
  padding: 1rem 1.5rem;
  border-radius: var(--border-radius);
  font-weight: 600;
}
.message--error {
  color: var(--error-dark);
  background: var(--error-ghost);
  border: 0.0625rem solid var(--error-ghost);
}
.message--warning {
  color: var(--warning-dark);
  background: var(--warning-ghost);
  border: 0.0625rem solid var(--warning-ghost);
}
.message--success {
  color: var(--success-dark);
  background: var(--success-ghost);
  border: 0.0625rem solid var(--success-ghost);
}
.message--info {
  color: var(--primary-dark);
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
}

.color--gray100 {
  color: var(--gray100);
}
.color--gray200 {
  color: var(--gray200);
}
.color--gray300 {
  color: var(--gray300);
}
.color--gray400 {
  color: var(--gray400);
}
.color--gray500 {
  color: var(--gray500);
}
.color--gray600 {
  color: var(--gray600);
}
.color--gray700 {
  color: var(--gray700);
}
.color--gray800 {
  color: var(--gray800);
}
.color--gray900 {
  color: var(--gray900);
}
.color--accent {
  color: var(--accent);
}
.color--warning {
  color: var(--warning);
}
.color--white {
  color: var(--white);
}
.color--orange {
  color: var(--orange500);
}

.background--gray100 {
  background: var(--gray100);
}
.background--gray200 {
  background: var(--gray200);
}
.background--gray300 {
  background: var(--gray300);
}
.background--gray400 {
  background: var(--gray400);
}
.background--gray500 {
  background: var(--gray500);
}
.background--gray600 {
  background: var(--gray600);
}
.background--gray700 {
  background: var(--gray700);
}
.background--gray800 {
  background: var(--gray800);
}
.background--gray900 {
  background: var(--gray900);
}
.background--primary {
  background: var(--primary);
}

.no-border {
  border: none !important;
}

.no-padding {
  padding: 0 !important;
}




html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


:root {
  --white: #ffffff;
  --black: #000000;
  --blue100: #e5f8ff;
  --blue200: #bfe4ff;
  --blue300: #a8d9ff;
  --blue400: #87c5ff;
  --blue500: #0f5cf5;
  --blue600: #0048b0;
  --blue700: #003080;
  --blue800: #001840;
  --blue900: #000020;
  --red700: #bf2600;
  --red600: #de350b;
  --red500: #ff5630;
  --red400: #ff7452;
  --red300: #ff8f73;
  --red200: #ffbdad;
  --red100: #ffebe6;
  --teal900: #001e1c;
  --teal800: #003d38;
  --teal700: #005b55;
  --teal600: #007a71;
  --teal500: #008077;
  --teal400: #27ada3;
  --teal300: #4dc1b9;
  --teal200: #74d6ce;
  --teal100: #9aeae4;
  --green800: #006644;
  --green700: #006644;
  --green600: #00875a;
  --green500: #36b37e;
  --green400: #57d9a3;
  --green300: #79f2c0;
  --green200: #abf5d1;
  --green100: #e3fcef;
  --yellow100: #fffae6;
  --yellow200: #fff0b3;
  --yellow300: #ffe380;
  --yellow400: #ffc400;
  --yellow500: #ffab00;
  --yellow600: #ff991f;
  --yellow700: #ff8b00;
  --orange100: #ffe4cf;
  --orange200: #ffc9a0;
  --orange300: #ffae70;
  --orange400: #ff9341;
  --orange500: #ff7811;
  --orange600: #ff6f00;
  --orange700: #99480a;
  --orange800: #663007;
  --orange900: #331803;
  --purple100: #f0e5ff;
  --purple200: #d7bfff;
  --purple300: #c1a8ff;
  --purple400: #a487ff;
  --purple500: #450ff5;
  --purple600: #3300b0;
  --purple700: #250080;
  --purple800: #170040;
  --purple900: #0a001f;
  --gray100: #f9f9f9;
  --gray200: #f3f3f4;
  --gray300: #dcdee0;
  --gray400: #c1c5c8;
  --gray500: #697077;
  --gray600: #2a3742;
  --gray700: #192128;
  --gray800: #11161a;
  --gray900: #080b0d;
}


:root {
  --dark-white: #1a1a1a;
  --dark-black: #ffffff;
  --dark-blue: #264653;
  --dark-blue100: #2a475e;
  --dark-blue200: #345b6e;
  --dark-blue300: #3e6f7e;
  --dark-blue400: #49838e;
  --dark-blue500: #53979e;
  --dark-blue600: #5dabae;
  --dark-blue700: #67bfbe;
  --dark-blue800: #71d3ce;
  --dark-blue900: #7be7de;
  --dark-purple100: #2a2638;
  --dark-purple200: #342e42;
  --dark-purple300: #3e364c;
  --dark-purple400: #484056;
  --dark-purple500: #524a60;
  --dark-purple600: #5c546a;
  --dark-purple700: #665e74;
  --dark-purple800: #70687e;
  --dark-purple900: #7a7288;
  --dark-red700: #802020;
  --dark-red600: #983232;
  --dark-red500: #b04444;
  --dark-red400: #c85656;
  --dark-red300: #e06868;
  --dark-red200: #f87a7a;
  --dark-red100: #ff8c8c;
  --dark-teal900: #1c2e2e;
  --dark-teal800: #284242;
  --dark-teal700: #345656;
  --dark-teal600: #406a6a;
  --dark-teal500: #4c7e7e;
  --dark-teal400: #589292;
  --dark-teal300: #64a6a6;
  --dark-teal200: #70baba;
  --dark-teal100: #7ccccc;
  --dark-green700: #225c39;
  --dark-green600: #2e7052;
  --dark-green500: #3a846b;
  --dark-green400: #469884;
  --dark-green300: #52ac9d;
  --dark-green200: #5ec0b6;
  --dark-green100: #6ad4cf;
  --dark-yellow100: #806c40;
  --dark-yellow200: #998456;
  --dark-yellow300: #b29c6c;
  --dark-yellow400: #ccb482;
  --dark-yellow500: #e6cc98;
  --dark-yellow600: #fff4ae;
  --dark-yellow700: #fffae6;
  --dark-orange100: #804d26;
  --dark-orange200: #996236;
  --dark-orange300: #b37746;
  --dark-orange400: #cc8c56;
  --dark-orange500: #e6a166;
  --dark-orange600: #ffb576;
  --dark-orange700: #ffca86;
  --dark-orange800: #ffe0a6;
  --dark-orange900: #fff6c6;
  --dark-gray100: #161616;
  --dark-gray200: #262626;
  --dark-gray300: #363636;
  --dark-gray400: #464646;
  --dark-gray500: #565656;
  --dark-gray600: #666666;
  --dark-gray700: #767676;
  --dark-gray800: #868686;
  --dark-gray900: #969696;
}


@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-thin-webfont.woff2") format("woff2"), url("../fonts/proximanova-thin-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-thinit-webfont.woff2") format("woff2"), url("../fonts/proximanova-thinit-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-lightit-webfont.woff2") format("woff2"), url("../fonts/proximanova-lightit-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-regularit-webfont.woff2") format("woff2"), url("../fonts/proximanova-regularit-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-medium-webfont.woff2") format("woff2"), url("../fonts/proximanova-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-mediumit-webfont.woff2") format("woff2"), url("../fonts/proximanova-mediumit-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-semiboldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-semiboldit-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-boldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-boldit-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-extrabold-webfont.woff2") format("woff2"), url("../fonts/proximanova-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-extraboldit-webfont.woff2") format("woff2"), url("../fonts/proximanova-extraboldit-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-black-webfont.woff2") format("woff2"), url("../fonts/proximanova-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "proximanova";
  src: url("../fonts/proximanova-blackit-webfont.woff2") format("woff2"), url("../fonts/proximanova-blackit-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "prism_custom";
  src: url("../fonts/prism_custom/fonts/prism_custom.eot?bqjw14");
  src: url("../fonts/prism_custom/fonts/prism_custom.eot?bqjw14#iefix") format("embedded-opentype"), url("../fonts/prism_custom/fonts/prism_custom.ttf?bqjw14") format("truetype"), url("../fonts/prism_custom/fonts/prism_custom.woff?bqjw14") format("woff"), url("../fonts/prism_custom/fonts/prism_custom.svg?bqjw14#prism_custom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=prism-icons-],
[class*=" prism-icons-"] {
  font-family: "prism_custom";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=prism-icons-]:before,
[class*=" prism-icons-"]:before {
  font-family: "prism_custom";
}

.prism-icons-checkbox-solid:before {
  content: "\e97e";
}

.prism-icons-box:before {
  content: "\e97f";
}

.prism-icons-radio-button-heavy:before {
  content: "\e975";
}

.prism-icons-radio-button-thin:before {
  content: "\e97c";
}

.prism-icons-radio-button:before {
  content: "\e97d";
}

.prism-icons-template:before {
  content: "\e97b";
}

.prism-icons-unroute:before {
  content: "\e97a";
}

.prism-icons-settings-file:before {
  content: "\e938";
}

.prism-icons-create-file:before {
  content: "\e977";
}

.prism-icons-modify-position-alt:before {
  content: "\e978";
}

.prism-icons-modify-position:before {
  content: "\e979";
}

.prism-icons-add-note-solid:before {
  content: "\e900";
}

.prism-icons-add-note:before {
  content: "\e902";
}

.prism-icons-access-rights:before {
  content: "\e903";
}

.prism-icons-view-request:before {
  content: "\e976";
}

.prism-icons-recall:before {
  content: "\e974";
}

.prism-icons-terminate:before {
  content: "\e973";
}

.prism-icons-admin-reset:before {
  content: "\e972";
}

.prism-icons-employee-reset:before {
  content: "\e971";
}

.prism-icons-routing:before {
  content: "\e970";
}

.prism-icons-preview-file:before {
  content: "\e96f";
}

.prism-icons-hire:before {
  content: "\e96e";
}

.prism-icons-share-file:before {
  content: "\e96d";
}

.prism-icons-request-file:before {
  content: "\e96c";
}

.prism-icons-view-file:before {
  content: "\e96b";
}

.prism-icons-access-rights-solid:before {
  content: "\e901";
}

.prism-icons-api:before {
  content: "\e904";
}

.prism-icons-app_template:before {
  content: "\e905";
}

.prism-icons-BenAdmin:before {
  content: "\e906";
}

.prism-icons-benefits:before {
  content: "\e907";
}

.prism-icons-benefits-administration:before {
  content: "\e908";
}

.prism-icons-benefits-alt:before {
  content: "\e909";
}

.prism-icons-benefits-solid:before {
  content: "\e90a";
}

.prism-icons-breadcrumb:before {
  content: "\e90b";
}

.prism-icons-calendar-1:before {
  content: "\e90c";
}

.prism-icons-check-1:before {
  content: "\e90d";
}

.prism-icons-checkbox:before {
  content: "\e90e";
}

.prism-icons-checkbox-group:before {
  content: "\e90f";
}

.prism-icons-chrome:before {
  content: "\e910";
}

.prism-icons-clock:before {
  content: "\e911";
}

.prism-icons-clock-solid:before {
  content: "\e912";
}

.prism-icons-cog:before {
  content: "\e913";
}

.prism-icons-cog-solid:before {
  content: "\e914";
}

.prism-icons-create-requisitions:before {
  content: "\e915";
}

.prism-icons-dashboard:before {
  content: "\e916";
}

.prism-icons-dashboard-alt:before {
  content: "\e917";
}

.prism-icons-dashboard-alt-2:before {
  content: "\e918";
}

.prism-icons-dashboard-alt-2-solid:before {
  content: "\e919";
}

.prism-icons-dashboard-alt-3:before {
  content: "\e91a";
}

.prism-icons-dashboard-alt-3-solid:before {
  content: "\e91b";
}

.prism-icons-dashboard-alt-4:before {
  content: "\e91c";
}

.prism-icons-dashboard-alt-4-solid:before {
  content: "\e91d";
}

.prism-icons-dashboard-alt-solid:before {
  content: "\e91e";
}

.prism-icons-dashboard-solid:before {
  content: "\e91f";
}

.prism-icons-dependents:before {
  content: "\e920";
}

.prism-icons-drag-handle-left:before {
  content: "\e921";
}

.prism-icons-drag-handle-left-top:before {
  content: "\e922";
}

.prism-icons-drag-handle-right:before {
  content: "\e923";
}

.prism-icons-drag-handle-right-top:before {
  content: "\e924";
}

.prism-icons-edge:before {
  content: "\e925";
}

.prism-icons-EDI:before {
  content: "\e926";
}

.prism-icons-edit:before {
  content: "\e927";
}

.prism-icons-edit-solid:before {
  content: "\e928";
}

.prism-icons-ee-management:before {
  content: "\e929";
}

.prism-icons-ee-management-solid:before {
  content: "\e92a";
}

.prism-icons-employee:before {
  content: "\e92b";
}

.prism-icons-employee-solid:before {
  content: "\e92c";
}

.prism-icons-enrollment-management:before {
  content: "\e92d";
}

.prism-icons-enrollment-management-solid:before {
  content: "\e92e";
}

.prism-icons-file:before {
  content: "\e92f";
}

.prism-icons-firefox:before {
  content: "\e930";
}

.prism-icons-form-select:before {
  content: "\e931";
}

.prism-icons-form-select-solid:before {
  content: "\e932";
}

.prism-icons-global-settings:before {
  content: "\e933";
}

.prism-icons-heart:before {
  content: "\e934";
}

.prism-icons-hiring:before {
  content: "\e935";
}

.prism-icons-hiring-solid:before {
  content: "\e936";
}

.prism-icons-history:before {
  content: "\e937";
}

.prism-icons-irs-annual-settings:before {
  content: "\e939";
}

.prism-icons-light-bulb:before {
  content: "\e93a";
}

.prism-icons-light-bulb-solid:before {
  content: "\e93b";
}

.prism-icons-list:before {
  content: "\e93c";
}

.prism-icons-locked-box:before {
  content: "\e93d";
}

.prism-icons-locked-box-solid:before {
  content: "\e93e";
}

.prism-icons-magnifying-glass:before {
  content: "\e93f";
}

.prism-icons-magnifying-glass-2:before {
  content: "\e940";
}

.prism-icons-magnifying-glass-3:before {
  content: "\e941";
}

.prism-icons-magnifying-glass-4:before {
  content: "\e942";
}

.prism-icons-magnifying-glass-add:before {
  content: "\e943";
}

.prism-icons-magnifying-glass-subtract:before {
  content: "\e944";
}

.prism-icons-nav-template:before {
  content: "\e945";
}

.prism-icons-onboarding:before {
  content: "\e946";
}

.prism-icons-pen:before {
  content: "\e947";
}

.prism-icons-performance-management:before {
  content: "\e948";
}

.prism-icons-pixel-heart:before {
  content: "\e949";
}

.prism-icons-pixel-heart-solid:before {
  content: "\e94a";
}

.prism-icons-pixel-star:before {
  content: "\e94b";
}

.prism-icons-pixel-star-smile:before {
  content: "\e94c";
}

.prism-icons-pixel-star-solid:before {
  content: "\e94d";
}

.prism-icons-position-description-report:before {
  content: "\e94e";
}

.prism-icons-prism:before {
  content: "\e94f";
}

.prism-icons-publish:before {
  content: "\e950";
}

.prism-icons-qr-code:before {
  content: "\e951";
}

.prism-icons-redo:before {
  content: "\e952";
}

.prism-icons-reflect:before {
  content: "\e953";
}

.prism-icons-rename:before {
  content: "\e954";
}

.prism-icons-report-center:before {
  content: "\e955";
}

.prism-icons-report-management:before {
  content: "\e956";
}

.prism-icons-report-management-solid:before {
  content: "\e957";
}

.prism-icons-reports:before {
  content: "\e958";
}

.prism-icons-screen:before {
  content: "\e959";
}

.prism-icons-settings:before {
  content: "\e95a";
}

.prism-icons-settings-block:before {
  content: "\e95b";
}

.prism-icons-settings-block-alt:before {
  content: "\e95c";
}

.prism-icons-star:before {
  content: "\e95d";
}

.prism-icons-TalentManagement:before {
  content: "\e95e";
}

.prism-icons-text-area:before {
  content: "\e95f";
}

.prism-icons-toolbox:before {
  content: "\e960";
}

.prism-icons-toolbox-solid:before {
  content: "\e961";
}

.prism-icons-transfer-management:before {
  content: "\e962";
}

.prism-icons-transfer-management-alt:before {
  content: "\e963";
}

.prism-icons-tutorial:before {
  content: "\e964";
}

.prism-icons-tutorial-alt:before {
  content: "\e965";
}

.prism-icons-tutorial-alt-solid:before {
  content: "\e966";
}

.prism-icons-tv:before {
  content: "\e967";
}

.prism-icons-undo:before {
  content: "\e968";
}

.prism-icons-wizard:before {
  content: "\e969";
}

.prism-icons-x-mark:before {
  content: "\e96a";
}

body.dark-mode {
  --dark-base: #252525 !important;
  --white: var(--dark-base) !important;
  --dark-border: #121212 !important;
  --dark-bg-light: #313131 !important;
  --dark-highlight: #676767 !important;
  --dark-grid-border: #4b4b4b !important;
  --primary: #0f5cf5 !important;
  --accent: #0f5cf5 !important;
  --dark-table-header-color: hsl(219.9130434783, 97%, 85.9803921569%) !important;
  --dark-subtle-text: hsl(219.9130434783, 97%, 90.9803921569%) !important;
}

:root {
  --primary-text: #063798;
  --primary-focus: #0849c9;
  --primary-hover: #276df6;
  --primary-link: #719ff9;
  --primary-info: #d3e1fd;
  --primary-shadow: #a2c0fb;
  --primary-shadow2: #c9dafd;
  --primary-ghost: #f0f5fe;
  --primary-thin: #f8faff;
  --primary-white: #ffffff;
  --primary-dark: #18233a;
  --primary-icon-hover: #343d51;
  --primary-drawer: #5b6d8f;
  --primary: #0f5cf5;
  --accent-text: #063798;
  --accent-focus: #0849c9;
  --accent-hover: #276df6;
  --accent-link: #719ff9;
  --accent-info: #d3e1fd;
  --accent-shadow: #a2c0fb;
  --accent-shadow2: #c9dafd;
  --accent-ghost: #f0f5fe;
  --accent-thin: #f8faff;
  --accent-white: #ffffff;
  --accent-dark: #18233a;
  --accent-icon-hover: #343d51;
  --accent-drawer: #5b6d8f;
  --accent: #0f5cf5;
  --info-text: #063798;
  --info-focus: #0849c9;
  --info-hover: #276df6;
  --info-link: #719ff9;
  --info-info: #d3e1fd;
  --info-shadow: #a2c0fb;
  --info-shadow2: #c9dafd;
  --info-ghost: #f0f5fe;
  --info-thin: #f8faff;
  --info-white: #ffffff;
  --info-dark: #18233a;
  --info-icon-hover: #343d51;
  --info-drawer: #5b6d8f;
  --info: #0f5cf5;
  --help-text: #25123a;
  --help-focus: #3d1e61;
  --help-hover: #62309b;
  --help-link: #884fc9;
  --help-info: #bd9de1;
  --help-shadow: #a276d5;
  --help-shadow2: #b895de;
  --help-ghost: #cdb5e8;
  --help-thin: #d1bbea;
  --help-white: #ffffff;
  --help-dark: black;
  --help-icon-hover: #1a1a1a;
  --help-drawer: #4c4c4c;
  --help: #562a88;
  --gray-text: black;
  --gray-focus: #030b10;
  --gray-hover: #0e3952;
  --gray-link: #196793;
  --gray-info: #35a1dd;
  --gray-shadow: #2086bf;
  --gray-shadow2: #2c9ddc;
  --gray-ghost: #4fade2;
  --gray-thin: #56b0e3;
  --gray-white: #ffffff;
  --gray-dark: black;
  --gray-icon-hover: #191a1a;
  --gray-drawer: #161617;
  --gray: #0a2a3c;
  --warning-text: #d97906;
  --warning-focus: #f99319;
  --warning-hover: #fbb664;
  --warning-link: #fdd9ae;
  --warning-info: white;
  --warning-shadow: #fef0e0;
  --warning-shadow2: white;
  --warning-ghost: white;
  --warning-thin: white;
  --warning-white: #ffffff;
  --warning-dark: #6a4c29;
  --warning-icon-hover: #7b654a;
  --warning-drawer: #b0987c;
  --warning: #faaa4b;
  --danger-text: #d82511;
  --danger-focus: #ee412e;
  --danger-hover: #f48175;
  --danger-link: #fac2bb;
  --danger-info: white;
  --danger-shadow: #fdedeb;
  --danger-shadow2: white;
  --danger-ghost: white;
  --danger-thin: white;
  --danger-white: #ffffff;
  --danger-dark: #6a3833;
  --danger-icon-hover: #775b58;
  --danger-drawer: #aa8f8c;
  --danger: #f26c5d;
  --error-text: #d82511;
  --error-focus: #ee412e;
  --error-hover: #f48175;
  --error-link: #fac2bb;
  --error-info: white;
  --error-shadow: #fdedeb;
  --error-shadow2: white;
  --error-ghost: white;
  --error-thin: white;
  --error-white: #ffffff;
  --error-dark: #6a3833;
  --error-icon-hover: #775b58;
  --error-drawer: #aa8f8c;
  --error: #f26c5d;
  --success-text: #116147;
  --success-focus: #198c67;
  --success-hover: #25cd97;
  --success-link: #5ce2b7;
  --success-info: #b3f1dd;
  --success-shadow: #88e9ca;
  --success-shadow2: #aaf0d9;
  --success-ghost: #cdf6e9;
  --success-thin: #d4f7ec;
  --success-white: #ffffff;
  --success-dark: #0f1614;
  --success-icon-hover: #2c2c2c;
  --success-drawer: #5f5f5f;
  --success: #21b787;
  --chart-color-1: #0f5cf5;
  --chart-color-2: #76a2f9;
  --chart-color-3: #063593;
  --chart-color-4: #6798f9;
  --chart-color-5: #073ba1;
  --chart-color-6: #588ef8;
  --chart-color-7: #0740b0;
  --chart-color-8: #4a84f7;
  --chart-color-9: #0845bf;
  --chart-color-10: #3b7af7;
  --chart-color-11: #094bce;
  --chart-color-12: #2c70f6;
  --chart-color-13: #0950dc;
  --chart-color-14: #1e66f6;
  --chart-color-15: #0a55eb;
}
:root body.dark-mode {
  --primary: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}
:root body.dark-mode {
  --accent: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}
:root body.dark-mode {
  --info: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}
:root body.dark-mode {
  --help: hsl(268.085106383, 57.808988764%, 64.9019607843%) !important;
}
:root body.dark-mode {
  --gray: hsl(201.6, 76.4285714286%, 43.7254901961%) !important;
}
:root body.dark-mode {
  --warning: hsl(32.5714285714, 99.5945945946%, 93.7254901961%) !important;
}
:root body.dark-mode {
  --danger: hsl(6.0402684564, 90.1428571429%, 95.6862745098%) !important;
}
:root body.dark-mode {
  --error: hsl(6.0402684564, 90.1428571429%, 95.6862745098%) !important;
}
:root body.dark-mode {
  --success: hsl(160.8, 74.4444444444%, 72.3529411765%) !important;
}
:root {
  --info: #d3e1fd;
}
:root body.dark-mode {
  --chart-color-1: #4a81ed !important;
}
:root body.dark-mode [fill="#0f5cf5"] {
  fill: var(--chart-color-1);
}
:root body.dark-mode [stroke="#0f5cf5"] {
  stroke: var(--chart-color-1);
}
:root body.dark-mode {
  --chart-color-2: #588aee !important;
}
:root body.dark-mode [fill="#1e66f6"] {
  fill: var(--chart-color-2);
}
:root body.dark-mode [stroke="#1e66f6"] {
  stroke: var(--chart-color-2);
}
:root body.dark-mode {
  --chart-color-3: #3c77ec !important;
}
:root body.dark-mode [fill="#0a55eb"] {
  fill: var(--chart-color-3);
}
:root body.dark-mode [stroke="#0a55eb"] {
  stroke: var(--chart-color-3);
}
:root body.dark-mode {
  --chart-color-4: #6694f0 !important;
}
:root body.dark-mode [fill="#2c70f6"] {
  fill: var(--chart-color-4);
}
:root body.dark-mode [stroke="#2c70f6"] {
  stroke: var(--chart-color-4);
}
:root body.dark-mode {
  --chart-color-5: #2e6dea !important;
}
:root body.dark-mode [fill="#0950dc"] {
  fill: var(--chart-color-5);
}
:root body.dark-mode [stroke="#0950dc"] {
  stroke: var(--chart-color-5);
}
:root body.dark-mode {
  --chart-color-6: #749ef1 !important;
}
:root body.dark-mode [fill="#3b7af7"] {
  fill: var(--chart-color-6);
}
:root body.dark-mode [stroke="#3b7af7"] {
  stroke: var(--chart-color-6);
}
:root body.dark-mode {
  --chart-color-7: #2063e9 !important;
}
:root body.dark-mode [fill="#094bce"] {
  fill: var(--chart-color-7);
}
:root body.dark-mode [stroke="#094bce"] {
  stroke: var(--chart-color-7);
}
:root body.dark-mode {
  --chart-color-8: #82a7f3 !important;
}
:root body.dark-mode [fill="#4a84f7"] {
  fill: var(--chart-color-8);
}
:root body.dark-mode [stroke="#4a84f7"] {
  stroke: var(--chart-color-8);
}
:root body.dark-mode {
  --chart-color-9: #165be3 !important;
}
:root body.dark-mode [fill="#0845bf"] {
  fill: var(--chart-color-9);
}
:root body.dark-mode [stroke="#0845bf"] {
  stroke: var(--chart-color-9);
}
:root body.dark-mode {
  --chart-color-10: #90b1f4 !important;
}
:root body.dark-mode [fill="#588ef8"] {
  fill: var(--chart-color-10);
}
:root body.dark-mode [stroke="#588ef8"] {
  stroke: var(--chart-color-10);
}
:root body.dark-mode {
  --chart-color-11: #1555d5 !important;
}
:root body.dark-mode [fill="#0740b0"] {
  fill: var(--chart-color-11);
}
:root body.dark-mode [stroke="#0740b0"] {
  stroke: var(--chart-color-11);
}
:root body.dark-mode {
  --chart-color-12: #9dbbf5 !important;
}
:root body.dark-mode [fill="#6798f9"] {
  fill: var(--chart-color-12);
}
:root body.dark-mode [stroke="#6798f9"] {
  stroke: var(--chart-color-12);
}
:root body.dark-mode {
  --chart-color-13: #1450c7 !important;
}
:root body.dark-mode [fill="#073ba1"] {
  fill: var(--chart-color-13);
}
:root body.dark-mode [stroke="#073ba1"] {
  stroke: var(--chart-color-13);
}
:root body.dark-mode {
  --chart-color-14: #abc5f7 !important;
}
:root body.dark-mode [fill="#76a2f9"] {
  fill: var(--chart-color-14);
}
:root body.dark-mode [stroke="#76a2f9"] {
  stroke: var(--chart-color-14);
}
:root body.dark-mode {
  --chart-color-15: #124aba !important;
}
:root body.dark-mode [fill="#063593"] {
  fill: var(--chart-color-15);
}
:root body.dark-mode [stroke="#063593"] {
  stroke: var(--chart-color-15);
}

body.dark-mode {
  --primary: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}

body.dark-mode {
  --accent: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}

body.dark-mode {
  --info: hsl(219.9130434783, 97%, 80.9803921569%) !important;
}

body.dark-mode {
  --help: hsl(268.085106383, 57.808988764%, 64.9019607843%) !important;
}

body.dark-mode {
  --dark-highlight: #748b9f !important;
  --dark-grid-border: #4d5f6f !important;
  --dark-bg-light: #354553 !important;
  --dark-base: #2a3742 !important;
  --dark-border: #212c35 !important;
  --dark-table-header-color: hsl(219.9130434783, 97%, 85.9803921569%) !important;
  --dark-subtle-text: hsl(219.9130434783, 97%, 90.9803921569%) !important;
  --jet-black: #000000 !important;
  --dark-mode-white: var(--gray600) !important;
  --white: var(--dark-mode-white) !important;
  --navbar-bg: var(--white) !important;
  --left-nav-bg: var(--white) !important;
  --right-drawer-bg: var(--white) !important;
  --page-title-bg: var(--white) !important;
  --black: var(--gray100) !important;
  --dark-gray: var(--black) !important;
  --text-color: var(--black) !important;
  --title-color: var(--black) !important;
  --card-border: 0.0625rem solid var(--dark-border) !important;
  --card-border-color: var(--dark-border) !important;
  --disabled: var(--dark-border) !important;
  --border-color: var(--dark-border) !important;
  --accent: var(--dark-base) !important;
  --required: var(--primary) !important;
  --primary-info: var(--gray400) !important;
  --primary-hover: #ffffff !important;
  --primary-ghost: var(--dark-highlight) !important;
  --required-bg: var(--dark-highlight) !important;
  --required: var(--dark-base) !important;
  --required-text: var(--jet-black) !important;
  --error-ghost: #924138 !important;
  --warning-ghost: #986241 !important;
  --help-ghost: #8e61c6 !important;
  --success-ghost: #21b78d !important;
  --accent-ghost: #0f5afd !important;
  --primary-shadow: #648fec !important;
  --gradient-working: linear-gradient(90deg, transparent 0%, var(--warning) 100%);
  --gradient1: linear-gradient(90deg, transparent 0%, var(--success) 100%);
  --gradient2: linear-gradient(90deg, transparent 0%, var(--primary) 100%);
  --gradient3: linear-gradient(90deg, transparent 0%, var(--primary) 100%);
}
body.dark-mode ::-moz-selection {
  background: var(--primary);
  
  color: var(--dark-border);
  
}
body.dark-mode ::selection {
  background: var(--primary);
  
  color: var(--dark-border);
  
}
body.dark-mode [class^=status__] {
  color: var(--white);
  font-weight: 600;
}
body.dark-mode .status__buildinprogress {
  color: var(--black);
}
body.dark-mode .status__no, body.dark-mode .status__notcomplete, body.dark-mode .status__n, body.dark-mode .status__fail {
  background: var(--error);
  color: var(--black);
}
body.dark-mode .left-nav .navigation:before {
  background-color: var(--dark-border);
}


:root {
  
  --error: #F26C5D;
  --error-info: #fddad274;
  --error-ghost: #fddad2;
  --warning: #FAAA4B;
  --warning-ghost: #fff9e6;
  --success: #21B787;
  --success-ghost: #DBF4E9;
  --success-light-alt: #DCFCE7;
  --help: #562a88;
  --help-ghost: #F4EBF8;
  --accent: var(--primary-text);
  
  --body-color: var(--white);
  --light-gray: var(--gray100);
  --title-color: var(--gray500);
  --text-color: var(--gray600);
  --label-color: var(--gray600);
  --dark-gray: var(--gray600);
  
  --card-border-radius: 0.75rem;
  --card-border-color: var(--gray300);
  --card-border: 0.0625rem solid var(--gray300);
  
  --border-radius: 0.375rem;
  --border-color: var(--gray400);
  --border-color-active: var(--primary-focus);
  
  --required: var(--accent);
  --required-bg: var(--accent-ghost);
  --required-text: var(--accent-text);
  --disabled: var(--gray200);
  --disabled-text: var(--gray600);
  
  --input-max-width: var(--max-text-width);
  
  --focus-shadow: 0 0 0 0.25rem var(--primary-info);
  --focus-shadow-error: 0 0 0 0.25rem var(--error-info);
  --focus-shadow-danger: 0 0 0 0.25rem var(--error-info);
  --focus-shadow-warning: 0 0 0 0.25rem var(--warning-info);
  --focus-shadow-success: 0 0 0 0.25rem var(--success-info);
  --focus-shadow-dark: 0 0 0 0.25rem var(--gray-info);
  --box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.1), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
  --box-shadow-large: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.4), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.4);
  --box-shadow-small: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 1.5625rem 3.125rem -0.75rem rgba(0, 0, 0, 0.25);
  --shadow-inner: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06) inset;
  --outer-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.25);
  
  --gradient-working: linear-gradient(90deg, var(--error) 0%, var(--warning) 100%);
  --gradient1: linear-gradient(90deg, var(--warning-info) 0%, var(--success) 100%);
  --gradient2: linear-gradient(90deg, var(--primary-ghost) 0%, var(--primary) 100%);
  --gradient3: linear-gradient(90deg, var(--primary-info) 0%, var(--primary) 100%);
  
  --normal: 400;
  --medium: 600;
  --bold: 700;
  --black: 900;
  --font-awesome: "Font Awesome 6 Pro";
  --font-family: "proximanova";
  --prism-custom: "prism_custom";
  --default-font-size: 1rem;
  
  --navbar-bg: var(--primary-dark);
  --navbar-item-active: var(--primary-focus);
  --navbar-item-hover: var(--primary-icon-hover);
  --theme-page-bg-color: #f8fafb;
  --left-nav-bg: var(--gray100);
  --page-title-bg: var(--white);
  --primary-drawer: var(--gray600);
  --right-drawer-bg: var(--primary-drawer);
  
  --max-text-width: 85ch;
  --max-view-width: 61.25rem;
  --base-margin: 1.5rem;
  --base-padding: 1rem;
  --transition: all 0.3s ease-in-out;
  --max-text-width: 85ch;
}


html,
body {
  color: var(--text-color);
  font-family: var(--font-family);
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  font-size: 16px;
  line-height: 1.2;
  background-color: var(--white);
  /*overflow: visible;*/
  overflow-x: hidden !important;
}

* {
  font-family: "proximanova", sans-serif;
  box-sizing: border-box;
}
*:focus {
  outline-color: var(--primary);
}

a {
  text-decoration: none;
  color: var(--primary);
  transition: var(--transition);
}
a:hover {
  color: var(--primary-hover);
}
a:active, a:focus:not(:focus-visible) {
  outline: none;
}
a:focus-visible {
  outline: 0.0625rem solid var(--primary);
  border-radius: 0.125rem;
}

p {
  font-size: 0.875rem;
  /*line-height: 2rem;*/
  /*text-align: left;*/
  /*max-width: var(--max-text-width);*/
}

hr {
  border: none;
  border-bottom: 0.0625rem dashed var(--card-border-color);
}

sup {
  font-size: 0.75rem;
  line-height: 1;
  vertical-align: super;
  position: relative;
  top: -0.25rem;
}

sub {
  font-size: 0.75rem;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  bottom: -0.25rem;
}

em {
  font-style: italic;
}

blockquote {
  background: var(--primary-ghost);
  padding: 1rem 1.5rem;
  color: var(--accent);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  max-width: var(--max-text-width);
}

[contenteditable=true] {
  border: 0.0625rem solid var(--card-border-color);
  padding: 0.5rem;
  min-height: 5rem;
  border-radius: var(--border-radius);
  line-height: 1.05rem;
  font-size: 0.875rem;
  max-width: var(--max-text-width);
}

strong {
  font-weight: 700;
}

::-moz-selection {
  
  background: var(--primary-ghost);
  
  color: var(--primary);
}

::selection {
  
  background: var(--primary-ghost);
  
  color: var(--primary);
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
    font-size: 1.125rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.75rem;
}



::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  z-index: 10;
}


::-webkit-scrollbar-track {
  background-color: var(--disabled);
  border-radius: 6.25rem;
}


::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: var(--border-radius);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-gray);
}

.dark-mode ::-webkit-scrollbar-track {
  background-color: var(--jet-black);
}
.dark-mode ::-webkit-scrollbar-thumb {
  background-color: var(--dark-grid-border);
}

.badge {
  width: -moz-fit-content;
  width: fit-content;
}


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}



.btn {
  /*border-radius: var(--border-radius);*/
  /*font-weight: 600;*/
  /*padding: 0.25rem 1rem;
  min-width: 6.25rem;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;*/
  /*display: flex;*/
  /*max-height: 2rem;*/
  /*font-size: 0.875rem;
  align-items: center;
  justify-content: center;
  min-width: unset;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, all 0.2s ease-in-out;*/
}

.btn.small {
  height: 2rem;
}
.btn-link {
  text-decoration: none;
}
.btn-full {
  width: 100%;
}


/*.btn-group-sm > .btn,
.btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 6.25rem;
  padding: 0 1rem;
}*/


.btn-primary {
    border: 0.0625rem solid var(--primary) !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border-radius: var(--border-radius) !important;
}
    .btn-primary:hover {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }
    .btn-primary:focus {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }
    .btn-primary:active {
        background-color: var(--primary-hover) !important;
        color: var(--white);
    }
.btn-primary-link {
    min-width: unset !important;
    min-height: unset !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
}
    .btn-primary-link:hover {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }
    .btn-primary-link:focus {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }

.btn-secondary {
  border: none;
  background-color: var(--white);
  color: var(--primary);
  border: 0.0625rem solid var(--primary);
}
.btn-secondary:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
  border: 0.0625rem solid var(--primary);
}
.btn-secondary:focus, .btn-secondary:active {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/*.btn-success {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--success);
  --bs-btn-border-color: var(--success);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--success-hover);
  --bs-btn-hover-border-color: var(--success-hover);
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--success-hover);
  --bs-btn-active-border-color: var(--success-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--success);
  --bs-btn-disabled-border-color: var(--success);
}*/

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--danger);
  --bs-btn-border-color: var(--danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--danger-hover);
  --bs-btn-hover-border-color: var(--danger-hover);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--danger-hover);
  --bs-btn-active-border-color: var(--danger-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--danger);
  --bs-btn-disabled-border-color: var(--danger);
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--warning);
  --bs-btn-border-color: var(--warning);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--warning-hover);
  --bs-btn-hover-border-color: var(--warning-hover);
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--warning-hover);
  --bs-btn-active-border-color: var(--warning-hover);
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--warning);
  --bs-btn-disabled-border-color: var(--warning);
}

.btn-dark {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--gray600);
  --bs-btn-border-color: var(--gray600);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--gray600);
  --bs-btn-disabled-border-color: var(--gray600);
}

/*.btn-outline-primary {
    --bs-btn-color: #0d6efd !important;
    --bs-btn-border-color: #0d6efd !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #0d6efd !important;
    --bs-btn-hover-border-color: #0d6efd !important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0d6efd !important;
    --bs-btn-active-border-color: #0d6efd !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #0d6efd !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: #0d6efd !important;
    --bs-gradient: none !important;
    border-radius: var(--border-radius) !important;
}*/

.btn-outline-primary {
    border: 0.0625rem solid var(--primary) !important;
    background-color: var(--white) !important;
    color: var(--primary) !important;
    border-radius: var(--border-radius) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }

    .btn-outline-primary:focus {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }

    .btn-outline-primary:active {
        background-color: var(--primary-hover) !important;
        color: var(--white);
    }


.btn-info {
    border: none;
    background-color: var(--primary-ghost);
    color: var(--primary);
}
.btn-info:hover {
  background-color: var(--primary);
  color: var(--white);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.btn-link {
  color: var(--primary);
  background-color: var(--white);
  min-width: unset;
}
.btn-link:hover {
  background-color: var(--primary-ghost);
}

.btn-square {
  width: 2.5rem;
  height: 2.5rem;
  min-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-ghost);
  border-color: var(--primary-ghost);
}
.btn-square:hover {
  background-color: var(--primary);
  color: var(--white);
}

.btn-header {
  height: 2.125rem;
  width: 2.125rem;
  min-width: unset;
  padding: 0;
  border-radius: 6.25rem;
  transition: all 0.3s ease-in-out;
}
.btn-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.btn-header:hover {
  color: var(--primary);
  box-shadow: var(--box-shadow);
}


.btn.disabled,
.btn[disabled],
a.btn:disabled,
fieldset:disabled .btn {
  background-color: var(--gray300) !important;
  color: var(--gray500) !important;
  cursor: no-drop !important;
}


.btn-center {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 1.5rem;
}


@media only screen and (max-width: 768px) {
  /*.btn {
    width: 100%;
    margin: 1rem 0;
  }*/
}
.floating {
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  border-radius: 6.25rem;
  min-width: unset;
  width: 3.125rem;
  height: 3.125rem;
  box-shadow: var(--box-shadow);
  color: var(--primary);
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating:before {
  content: "+";
  color: var(--white);
  font-size: 1.5rem;
  font-family: var(--font-awesome);
}
.floating.active {
  display: flex;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--primary-dark);
}

.btn-flat {
  border: 0.0625rem solid var(--primary-ghost);
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.btn-flat:hover {
  background-color: var(--primary-ghost);
  border: 0.0625rem solid var(--primary);
}
.btn-flat:active {
  border: 0.0625rem solid var(--primary-ghost) !important;
  background-color: var(--primary-ghost) !important;
  color: var(--primary) !important;
}

.btn-ghost {
  background-color: var(--primary-ghost);
  color: var(--primary);
  border: 0.0625rem solid var(--primary-ghost);
  font-weight: 500;
  font-size: 0.875rem;
}
.btn-ghost:focus, .btn-ghost:hover {
  background-color: var(--primary-ghost);
  color: var(--primary-hover);
  border: 0.0625rem solid var(--primary-ghost);
}
.btn-ghost:active {
  background-color: var(--primary-info) !important;
  color: var(--primary-hover) !important;
  border: 0.0625rem solid var(--primary-ghost) !important;
}


.btn-group {
  gap: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.btn-group a.btn {
  display: flex;
}
.btn-group .upload-btn label {
  height: 2rem;
}
.btn-group .btn-group:not(:last-child) > .btn,
.btn-group .btn.dropdown-toggle-split:first-child,
.btn-group .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--border-radius);
}
.btn-group .btn-group:not(:first-child) > .btn,
.btn-group .btn:nth-child(n+3),
.btn-group :not(.btn-check) + .btn {
  border-radius: var(--border-radius);
}
.btn-group .btn {
  min-width: unset;
  height: 2.5rem;
}
.btn-group.joined .btn-group:not(:last-child) > .btn,
.btn-group.joined .btn.dropdown-toggle-split:first-child,
.btn-group.joined .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.btn-group.joined .btn-group:not(:first-child) > .btn,
.btn-group.joined .btn:nth-child(n+3),
.btn-group.joined :not(.btn-check) + .btn {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
@media only screen and (max-width: 768px) {
  .btn-group {
    flex-direction: column-reverse;
    width: 100%;
    gap: 1rem;
  }
  .btn-group .btn {
    margin: 0;
  }
}

.card-title {
  margin: 0;
}
.card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-family: 'proximanova' !important;
}


/*.accordion {
  box-shadow: var(--box-shadow);
  margin: 1rem;
}
.accordion-header {
  margin: 0;
}
.accordion-item {
  border: none;
}
.accordion-item:not(:first-of-type) {
  border-top: 0.0625rem solid var(--gray300);
}
.accordion-button {
  display: flex;
  display: flex;
  align-items: baseline;
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
  transition: background-color 0.6s ease-in-out;
}
.accordion-button:hover {
  background-color: var(--primary-ghost);
}
.accordion-button .btn {
  padding: 0;
  min-width: 2.5rem;
  margin-right: 0.625rem;
  color: var(--primary);
}
.accordion-button .accordion-title-group {
  display: flex;
  flex-direction: column;
}
.accordion-button .subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
.accordion-button .subtitle:first-of-type {
  margin-top: 0.25rem;
}
.accordion-button .dropdown {
  position: relative;
  z-index: 2;
}
.accordion-button .dropdown .dropdown-toggle {
  width: 2.5rem;
  display: flex;
  justify-content: center;
}
.accordion-body {
  padding: 2.5rem;
}
.accordion .accordion-button {
  font-weight: 600;
}
.accordion .accordion-button__wrapper {
  display: flex;
}
.accordion .accordion-button__date {
  font-size: 0.875rem;
  font-weight: 300;
  margin-right: 2.5rem;
}
.accordion .accordion-body ol {
  list-style: decimal;
}
.accordion .accordion-body ol li {
  margin: 0.625rem 0 0.625rem 1.25rem;
  padding: 0 0.625rem;
}
.accordion .accordion-item:last-of-type {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.accordion .accordion-item:first-of-type {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.accordion__two-col {
  display: flex;
}
.accordion__left-col {
  min-width: 15%;
}

.accordion-flush .accordion-item .accordion-button {
  font-weight: 600;
}

.accordion-save {
  margin: 1rem;
  padding: 1rem;
}

@media only screen and (max-width: 768px) {
  .accordion-button .btn {
    width: 2.5rem;
  }
}
@media only screen and (max-width: 595px) {
  .accordion .accordion-button {
    display: flex;
    flex-direction: column-reverse;
  }
  .accordion .subtitle {
    margin: 0;
  }
  .accordion-button .btn {
    border: 0.0625rem solid;
    width: 100%;
    padding: 0.75rem;
    margin-top: 0.625rem;
  }
  .accordion-title-group {
    margin-top: -1.6875rem;
    display: flex;
    flex-direction: column;
    max-width: 12.5rem;
  }
  .accordion-body {
    padding: 1.125rem;
  }
}*/

.breadcrumbs {
  grid-area: breadcrumbs;
}
.breadcrumbs .breadcrumb {
  transition: all 0.1s ease-in-out;
}

.breadcrumb {
  background-color: var(--white);
  border-radius: 0;
  font-size: 0.875rem;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--gray300);
  margin: 0;
  padding: 0 1.5rem;
}
.breadcrumb .active {
  color: var(--gray300);
}
.breadcrumb.recede {
  background-color: var(--gray200);
}
.breadcrumb .breadcrumb-item {
  padding: 0.5rem 0;
}
.breadcrumb .breadcrumb-item:not(:last-of-type) {
  margin-right: 0.5rem;
}
.breadcrumb .breadcrumb-item a {
  display: -webkit-box;
  color: var(--gray500);
  font-size: 0.75rem;
}
.breadcrumb .breadcrumb-item a.disabled {
  color: var(--gray600) !important;
  cursor: no-drop;
}
.breadcrumb .breadcrumb-item:before {
  content: "";
}
.breadcrumb .breadcrumb-item:not(:last-of-type) a {
  color: var(--primary);
}
.breadcrumb .breadcrumb-item:not(:last-of-type) a:after {
  content: "/";
  color: var(--primary);
  margin-left: 0.5rem;
}
.breadcrumb .form-element {
  margin: 0;
  margin-right: 0.625rem;
}
.breadcrumb .bootstrap-select .dropdown-toggle {
  border: none;
  font-size: 0.75rem;
  font-weight: 800;
  border-right: 0.0625rem solid var(--gray300);
  padding: 0.625rem 1rem;
  border-radius: 0;
  max-height: unset;
}
.breadcrumb .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: var(--primary);
  font-weight: 600;
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.bootstrap-select .filter-option-inner-inner {
  color: var(--text-color);
  display: block;
  max-width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .bs-ok-default {
  border: none;
}
.bootstrap-select .dropdown-menu {
  max-width: 18.75rem;
  margin-bottom: 0.6875rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .dropdown-menu .text {
  display: block;
  max-width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bootstrap-select .dropdown-menu li {
  margin-bottom: 0.0625rem;
}
.bootstrap-select .dropdown-menu li a {
  color: var(--gray600);
}
.bootstrap-select .dropdown-menu li a.selected {
  background-color: var(--primary);
  color: var(--white) !important;
}
.bootstrap-select .bs-ok-default:after {
  font-family: var(--font-awesome);
  content: "\f00c";
  transform: unset;
  border: none;
  font-weight: 700;
  height: 1.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  color: var(--white) !important;
}
.bootstrap-select .show {
  display: block !important;
  z-index: 10000;
}
.bootstrap-select .dropdown-toggle {
  margin-right: 0;
}
.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: 1.875rem;
}
.bootstrap-select .dropdown-toggle:after {
  position: absolute;
  right: 0.875rem;
}
.bootstrap-select.disabled .btn {
  opacity: 1;
}
.bootstrap-select.disabled .dropdown-toggle {
  background-color: var(--gray100);
}
.bootstrap-select.disabled .dropdown-toggle:after {
  display: none;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: var(--danger);
}
.bootstrap-select.is-invalid .dropdown-toggle:before,
.error .bootstrap-select .dropdown-toggle:before,
.has-error .bootstrap-select .dropdown-toggle:before,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle:before {
  content: " This is a required field.";
  position: absolute;
  bottom: -1.5625rem;
  left: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--danger);
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: var(--border-color) !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
  color: var(--gray600);
  background-color: var(--white) !important;
  border-color: var(--primary-info) !important;
  outline: 0;
  box-shadow: var(--focus-shadow);
}

.bootstrap-select .dropdown-toggle[aria-expanded=true] {
  border-color: var(--primary-info) !important;
  outline: 0;
  box-shadow: var(--focus-shadow);
}

.dropup .dropdown-toggle:after {
  border: none;
  content: "\f106";
}
.dropup .dropdown-toggle.show:after {
  content: "\f107";
}

.bootstrap-select .dropdown-menu li a {
  padding-right: 0.5rem;
}
.bootstrap-select .dropdown-menu li a span.text {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 768px) {
  .bootstrap-select .btn {
    margin: 0 !important;
  }
}

.toast {
  --bs-toast-color: var(--text-color);
  --bs-toast-bg: var(--white);
  --bs-toast-border-width: 0.0625rem;
  --bs-toast-border-color: var(--gray300);
  --bs-toast-border-radius: var(--border-radius);
  --bs-toast-box-shadow: var(--box-shadow);
  --bs-toast-header-color: var(--text-color);
  --bs-toast-header-bg: var(--white);
  --bs-toast-header-border-color: var(--gray300);
  position: relative;
  border: none;
}
.toast-wrapper {
  display: flex;
  box-shadow: var(--box-shadow);
  background-color: var(--white);
  border: 0.0625rem solid var(--gray300);
  border-radius: var(--border-radius);
  font-weight: 600;
}
.toast-body {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.toast-header {
  justify-content: space-between;
  color: var(--text-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.toast-cta {
  height: 100%;
  display: flex;
  align-items: baseline;
  background-color: var(--white);
}
.toast-cta .btn-close {
  background-color: transparent;
  font-size: 0.625rem;
  margin: 0.5rem;
}
.toast.success .toast-wrapper {
  color: var(--green50);
  background-color: var(--green10);
  border-color: var(--green10);
}
.toast.success .toast-cta {
  color: var(--green50);
  background-color: var(--green10);
}
.toast.success .toast-cta .btn-close {
  color: var(--green50);
}
.toast.success .toast-cta .btn-close i {
  color: var(--green50);
}
.toast.error .toast-wrapper {
  color: var(--red50);
  background-color: var(--red10);
  border-color: var(--red10);
}
.toast.error .toast-cta {
  color: var(--red50);
  background-color: var(--red10);
}
.toast.error .toast-cta .btn-close {
  color: var(--red50);
}
.toast.error .toast-cta .btn-close i {
  color: var(--red50);
}


.form-label {
  font-weight: 600;
  margin-bottom: 0;
}
.form-label .info {
  color: var(--primary);
}



.form-select {
  border: 0.0625rem solid var(--disabled);
  border-radius: var(--border-radius);
  height: 2.5rem;
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out;
  border: 0.0625rem solid var(--border-color);
}

.form-select[disabled], .form-select:disabled {
  border-color: var(--white);
  color: var(--disabled-text);
  border-radius: 0;
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--danger);
  color: var(--danger);
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: initial;
  background-image: none;
}


.form-check-input {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.form-check-input[type=checkbox] {
  border-radius: var(--border-radius);
}
.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.form-check-input:checked[type=radio] {
  background-size: 0.875rem;
}
.form-check-input:not(:checked):hover {
  background-color: var(--gray400);
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: initial;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--gray400);
}

.form-check {
  display: flex;
  align-items: center;
}
.form-check .form-check-label {
  margin-left: 0.75rem;
  font-size: 1rem;
}
.form-check .form-check-input[read-only], .form-check .form-check-input:disabled, .form-check .form-check-input[disabled] {
  opacity: 0.5;
  cursor: no-drop;
}
.form-check .form-check-input[read-only]:checked, .form-check .form-check-input:disabled:checked, .form-check .form-check-input[disabled]:checked {
  background-color: var(--gray500);
  border-color: var(--gray500);
}
.form-check .form-check-input[read-only] + .form-check-label, .form-check .form-check-input:disabled + .form-check-label, .form-check .form-check-input[disabled] + .form-check-label {
  opacity: 1;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  pointer-events: none;
}

.form-control {
  color: var(--gray600);
/*  border-radius: var(--border-radius);
*/  border: 0.0625rem solid var(--border-color);
  /*height: 2rem;*/
  transition: background-color 0.3s ease-in-out;
}
.form-control:focus {
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
}

.form-control:-moz-read-only {
  background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  /*border-radius: var(--border-radius);*/
}

.form-control:disabled, .form-control:read-only {
  /*background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  border-radius: var(--border-radius);*/
}
.form-control:-moz-read-only:focus {
  border-color: var(--white);
  outline: none;
  box-shadow: none;
}
.form-control:disabled:focus, .form-control:read-only:focus {
  border-color: var(--white);
  outline: none;
  box-shadow: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--danger);
  color: var(--danger);
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--border-color);
  background-image: none;
  padding-right: 0.5rem !important;
}


.form-wrapper {
  display: flex;
  align-items: flex-end;
}
.form-wrapper .form-element {
  flex-grow: 1;
}
.form-wrapper .form-element .form-select {
  border-radius: 0.1875rem 0 0 0.1875rem;
  border-right: none;
}
.form-wrapper .btn {
  height: 2.5rem;
  margin-bottom: 1rem;
  min-width: unset;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0 0.1875rem 0.1875rem 0;
}

@media only screen and (max-width: 595px) {
  .form-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-wrapper .form-element {
    width: 100%;
  }
  .form-wrapper .form-element .form-select {
    border-radius: var(--border-radius);
    border-right: 0.0625rem solid var(--gray300);
  }
  .form-wrapper .btn {
    margin: 0 0 1.25rem 0;
    width: 100%;
    border-radius: var(--border-radius);
    border-right: initial;
  }
}

.input-group.password [type=password] + .btn,
.input-group.password [type=text] + .btn {
  min-width: 0;
  padding: 0 0.5rem;
  border: 0.0625rem solid var(--gray400);
  border-left: none;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: var(--white);
}
.input-group.password [type=password] + .btn:hover,
.input-group.password [type=text] + .btn:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.input-group.password [type=password] + .btn:focus, .input-group.password [type=password] + .btn:active,
.input-group.password [type=text] + .btn:focus,
.input-group.password [type=text] + .btn:active {
  box-shadow: none;
}
.input-group .btn {
  min-width: unset;
  width: 2.5rem;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  height: 2.5rem !important;
}
.input-group .btn:hover {
  background-color: var(--primary);
  color: var(--white);
}
.input-group .form-control:last-child {
  border-left: none;
}
.input-group .form-date {
  border: 0.0625rem solid var(--border-color);
}
.input-group .form-date:first-child {
  border-right: 0.0625rem solid var(--border-color);
}
.input-group .form-date:last-child {
  border-left: 0.0625rem solid var(--border-color);
}
.input-group .input-group-text {
  border-radius: var(--border-radius);
  background-color: var(--white);
  border-color: var(--border-color);
  /*height: 2rem;*/
}
.input-group .input-group-text:first-child {
  border-right: none;
}
.input-group .input-group-text:last-child {
  border-left: none;
}
.input-group .multiselect {
  width: 80%;
}
.input-group .multiselect + .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 2.5625rem;
  padding: 1rem;
  border: 0.0625rem solid var(--gray400);
  color: var(--primary);
  width: 10%;
}
.input-group .multiselect + .btn:hover {
  color: var(--white);
  border-color: var(--primary);
}
.input-group .bootstrap-select {
  height: 2.5rem;
}
.input-group .bootstrap-select .dropdown-toggle {
  height: 2.5rem;
  width: 100%;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
}
.input-group .bootstrap-select .dropdown-toggle:hover {
  background-color: var(--white);
}
.input-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  height: 2.5rem;
  padding: 0.4375rem 1rem;
  display: flex;
}
.input-group .bootstrap-select .dropdown-toggle:after {
  top: 0.4375rem;
}
.input-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 80%;
}





/*.alert {
  border-radius: 0;
}
.alert-success, .alert-info {
  border: none;
  font-weight: 600;
  border: none;
  text-align: center;
  font-weight: 600;
}
.alert-success {
  --bs-alert-color: var(--success);
  --bs-alert-bg: var(--green10);
  --bs-alert-border-color: var(--success);
}
.alert-info {
  --bs-alert-color: var(--blue70);
  --bs-alert-bg: var(--blue100);
  --bs-alert-border-color: var(--blue70);
}*/





.text-dark {
  color: var(--gray600) !important;
}
.text-light {
  color: var(--gray200) !important;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

h1 {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}

.heading--level2 {
  
  font-size: 1.125rem;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.heading--level3 {
  
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}




.progress__password {
  margin-top: -0.625rem;
  height: 0.125rem;
}

.progress {
  height: 0.1875rem;
  border-radius: 6.25rem;
}
.progress-bar {
  background: var(--gradient1);
  border-radius: 6.25rem;
}



header {
  position: sticky;
  top: 0;
  z-index: 100;
}

.navbar {
  background-color: var(--gray600);
  color: var(--white);
  border-bottom: 0.25rem solid var(--primary);
  padding: 0;
  height: 3.125rem;
}
.navbar:before {
  content: "";
  position: fixed;
  background-color: var(--gray600);
  border-bottom: 0.25rem solid var(--primary);
  left: 0;
  height: 3.3125rem;
  width: 100vw;
}
.navbar .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  z-index: 1;
}
.navbar .navbar-brand img {
  max-height: 2.1875rem;
}
.navbar .navbar-nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
}
.navbar .navbar-nav .nav-item:not(:last-of-type) {
  margin-right: 1.875rem;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: var(--gray300);
  position: relative;
  font-size: 1.125rem;
  font-weight: bold;
  transition: color 0.2s ease-in-out;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--white);
}
.navbar .navbar-nav .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -0.1875rem;
  left: 0;
  right: 0;
  border-bottom: 0.25rem solid var(--primary);
}
.navbar form {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 0.875rem;
}
.navbar form input[type=search] {
  border-radius: 0.1875rem 0 0 0.1875rem;
  padding: 0 0 0 0.5rem;
  line-height: 1.5rem;
  height: 1.625rem;
  border-radius: var(--border-radius);
  border: none;
  margin: none;
}
.navbar form button {
  position: absolute;
  right: -1.25rem;
  padding: 0;
  line-height: 1.5rem;
  height: 1.625rem;
  min-width: 1.875rem;
  background: white;
  border-radius: 0 0.1875rem 0.1875rem 0;
}
.navbar form button:hover {
  background-color: white;
  color: var(--primary);
}


.modal-content {
  color: var(--gray600);
  background-color: var(--white);
  border: none;
  border-radius: var(--card-border-radius);
  outline: 0;
}
.modal-content .settings-table {
  margin: 0;
  border: 0;
  padding: 0.5rem;
}

.modal-header {
  padding: 1rem;
  border: none;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.modal-h-restrict {
  max-height: 25rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-h-restrict--500 {
  max-height: 31.25rem;
}

.modal {
  z-index: 9999;
}
.modal .card-subtitle {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.modal-title {
  font-size: 1.125rem;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 90rem;
  }
}

/*.dropdown li {
  margin: 0;
  padding: 0;
}*/
/*.dropdown-item {
  color: var(--primary);
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}*/
/*.dropdown-item:focus, .dropdown-item:hover {
  color: var(--primary);
  background-color: var(--primary-ghost);
}*/

/*.dropdown-menu {
  box-shadow: 0 0 0.0625rem rgba(12, 14, 25, 0.24), 0 0.0625rem 0.25rem rgba(12, 14, 25, 0.08);
  padding: 1rem 0;
  border-radius: 0.1875rem !important;
  border: 0.0625rem solid var(--gray300);
  margin-top: 0.6875rem !important;
}*/
/*.dropdown-menu__filters {
  padding: 1rem;
  min-width: 18.75rem;
}
.dropdown-menu__filters .form-search,
.dropdown-menu__filters .form-select {
  margin-bottom: 0.625rem;
}
.dropdown-menu .subtitle {
  padding: 0 1rem 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--gray300);
}*/
/*.dropdown-menu .divider {
  margin: 0;
  padding: 0;
}*/

/*.dropdown-toggle {
  display: flex;
  min-width: unset;
  align-items: center;
}*/
/*.dropdown-toggle:after {
  font-family: var(--font-awesome);
  content: "\f107";
  border: unset;
  color: var(--primary);
}*/
/*.dropdown-toggle.show:after {
  content: "\f106";
}*/
/*.dropdown-toggle:active, .dropdown-toggle:focus {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-color: var(--blue100) !important;
}*/

ul.dropdown-menu.show {
  overflow-y: auto;
  max-height: 12.5rem;
}


.nav {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav--left {
  justify-content: flex-start;
}


.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-tabs {
  --bs-nav-tabs-border-radius: var(--border-radius);
  --bs-nav-tabs-border-width: 0.0625rem;
  --bs-nav-tabs-link-active-color: var(--primary);
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-border-color: transparent;
  --bs-nav-tabs-border-color: var(--border-color);
  --bs-nav-tabs-link-hover-border-color: transparent;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-padding-x: 0.75rem;
  --bs-nav-link-font-size: 0.875rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: var(--text-color);
}
.nav-tabs .nav-link.active {
  border-bottom: 0.25rem solid var(--primary);
  font-weight: 600;
}
.nav-tabs-vert {
  display: flex;
  flex-direction: column;
  margin-top: 0.625rem;
}
.nav-tabs-vert .nav-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  border: none;
  padding: 0;
  color: var(--text-color);
  background: var(--white);
  font-size: 0.875rem;
  line-height: 2;
}
.nav-tabs-vert .nav-link:before {
  content: "\f111";
  font-family: var(--font-awesome);
  font-size: 0.5625rem;
  color: var(--gray400);
  margin-top: 0.125rem;
}
.nav-tabs-vert .nav-link.active {
  color: var(--primary);
  font-weight: 600;
}
.nav-tabs-vert .nav-link.active:before {
  color: var(--primary);
}
.nav-tabs-vert .nav-item {
  width: 100%;
}
.nav-tabs-vert .nav-item button {
  text-align: left;
}
.nav-tabs-vert .nav-item.warning {
  position: relative;
  padding-right: 1rem;
  display: flex;
  align-items: baseline;
  font-weight: 600;
}
.nav-tabs-vert .nav-item.warning:after {
  font-family: var(--font-awesome);
  content: "\f111";
  font-weight: 900;
  color: var(--warning-text);
  font-size: 0.625rem;
}

.tab-content {
  margin-top: 1.5rem;
}

.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
  color: var(--text-color);
  background-color: var(--dark-bg-light);
  border-color: var(--border-color);
}

@media (max-width: 1200px) {
  .nav-tabs,
  .nav-tabs-vert {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    overflow-x: auto;
    overflow-y: hidden;
    
    white-space: nowrap;
  }
  .nav-tabs-vert {
    gap: 0.25rem;
  }
  .nav-tabs-vert .nav-link {
    background: var(--primary-ghost);
    color: var(--primary);
    border: 0.0625rem solid var(--primary-ghost);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--border-radius);
    padding: 0.5rem 1.5rem;
  }
  .nav-tabs-vert .nav-link.active {
    background: var(--primary);
    color: var(--white);
  }
  .nav-tabs-vert .nav-link:before {
    display: none;
  }
}
@media (max-width: 595px) {
  .nav-tabs-vert .nav-link {
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
  }
}

.tab-pane {
  display: none;
}
.tab-pane__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  margin: 1rem 0.625rem;
}
.tab-pane.show {
  display: block;
}

.tab-content {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .tab-pane__title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 595px) {
  .tab-pane__title {
    flex-direction: column;
    margin: 0;
  }
  .tab-pane__title .btn {
    width: 90%;
    margin: 1.25rem;
    justify-content: center;
    font-size: 1.25rem;
    height: 3.125rem;
  }
}


.badge {
  /*padding: 0.3125rem 0.9375rem;*/
  border-radius: 6.25rem;
  background-color: var(--gray200);
  color: var(--gray600);
  font-weight: 600;
  /*font-size: 0.875rem;*/
}
.badge-primary, .badge--primary {
  background-color: var(--primary);
  color: var(--white);
}
.badge-ghost, .badge--ghost {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.badge-secondary, .badge--secondary {
  background-color: var(--white) !important;
  color: var(--primary);
  box-shadow: inset 0 0 0 0.0625rem var(--primary);
}
.badge-active, .badge-success, .badge--success, .badge--active {
  background-color: var(--success);
  color: var(--white);
}
.badge-warning, .badge--warning {
  background-color: var(--warning);
  color: var(--gray600);
}
.badge-danger, .badge--danger {
  background-color: var(--danger);
  color: var(--white);
}
.badge-draft, .badge--draft {
  background-color: var(--purple10);
  color: var(--purple40);
}
.badge.bg-primary {
  background-color: var(--primary);
  color: var(--white);
}
.badge.bg-secondary {
  background-color: var(--white) !important;
  color: var(--primary);
  box-shadow: inset 0 0 0 0.0625rem var(--primary);
}
.badge.bg-success {
  background-color: var(--success);
  color: var(--white);
}
.badge.bg-warning {
  background-color: var(--warning);
  color: var(--gray600);
}
.badge.bg-danger {
  background-color: var(--danger);
  color: var(--white);
}
.badge.bg-draft {
  background-color: var(--purple10);
  color: var(--purple40);
}


.form-input {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form-input .form-label,
.form-input .form-select {
  margin: 0 1.25rem 0.5rem 1.25rem;
}


.popover {
  border-color: var(--primary);
  box-shadow: 0 0 0.5rem var(--gray400);
}
.popover-header {
  background-color: var(--primary);
  color: var(--white);
  border-bottom: 0.0625rem solid var(--primary);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  border-right-color: var(--primary);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  border-right-color: var(--white);
}


.bs-actionsbox {
  margin-top: 0.625rem;
  border-bottom: 0.0625rem solid var(--gray300);
}
.bs-actionsbox .btn-group {
  display: flex;
  gap: 0.625rem;
}
.bs-actionsbox .btn-group .btn {
  display: flex;
  justify-content: center;
  border: none;
  background: var(--white);
  color: var(--primary);
  border-radius: var(--border-radius) !important;
  font-size: 0.75rem;
  padding: 0;
  height: 1.6875rem;
}
.bs-actionsbox .btn-group .btn:hover {
  background: var(--primary-ghost);
  color: var(--primary);
}

.bootstrap-select .dropdown-toggle {
  background: var(--white);
  border: 0.0625rem solid var(--border-color);
  max-height: 2.5rem;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 400;
}

.bs-ok-default {
  border: 0.0625rem solid;
}

.bootstrap-select .selectpicker[readonly] + .dropdown-toggle {
  background-color: var(--disabled);
  color: var(--disabled-text);
  border-color: var(--white);
  border-radius: var(--border-radius);
}
.bootstrap-select .selectpicker[readonly] + .dropdown-toggle:after {
  display: none;
}
.bootstrap-select .selectpicker[readonly] + .dropdown-toggle:focus, .bootstrap-select .selectpicker[readonly] + .dropdown-toggle:active {
  border-color: var(--white) !important;
  background-color: var(--disabled) !important;
  color: var(--disabled-text) !important;
  border-color: var(--white) !important;
  border-radius: var(--border-radius) !important;
  outline: none;
  box-shadow: none;
}
.bootstrap-select .selectpicker[readonly] ~ .dropdown-menu {
  visibility: hidden;
}


.task-stepper {
  background-color: var(--white);
  margin: 1rem;
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.task-stepper__title {
  padding: 0.5rem 1.5rem;
  background: #fff;
  margin-top: -0.5rem;
  z-index: 2;
  position: relative;
  font-weight: 700;
  font-size: 1.125rem;
}
.task-stepper__text {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  margin-left: 2.5rem;
}
.task-stepper__body {
  margin-left: 1.875rem;
  margin-top: -0.5rem;
}
.task-stepper__row {
  position: relative;
  padding: 1rem;
}
.task-stepper__row:after {
  content: "";
  border: 0.0625rem solid var(--gray500);
  width: 1.3125rem;
  height: 1.3125rem;
  position: absolute;
  background: var(--white);
  border-radius: 6.25rem;
  left: 0.6875rem;
  top: 1.125rem;
  z-index: 3;
}
.task-stepper__row:before {
  position: absolute;
  content: "";
  background-color: var(--gray300);
  width: 0.0625rem;
  left: 1.25rem;
  width: 1px;
  top: 1.875rem;
  height: 100%;
  z-index: 0;
}
.task-stepper__row:last-of-type:before {
  display: none;
}
.task-stepper__row.error:after {
  background-color: var(--danger);
  border-color: var(--danger);
  color: white;
  font-family: var(--font-awesome);
  content: "!";
  font-size: 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.task-stepper__row.complete:after {
  background-color: var(--success);
  border-color: var(--success);
  color: white;
  font-family: var(--font-awesome);
  content: "\f00c";
  font-size: 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.task-stepper__row.active:before {
  background-color: var(--primary);
  border-color: var(--primary);
}


.form-switch .form-check-input {
  width: 2.5rem !important;
  border-radius: 6.25rem !important;
}
.form-switch .form-check-input:not(:checked):hover {
  background-color: var(--primary-ghost);
}


.row > * {
  position: relative;
}


[data-bs-spy=scroll] .nav-tabs-vert .nav-link {
  padding: 0.3125rem 1rem;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:before {
  content: "";
  width: 0.25rem;
  background-color: var(--gray300);
  height: 0%;
  position: absolute;
  border-radius: var(--border-radius);
  left: 0;
  z-index: 0;
  transition: all 0.2s ease-in-out;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:not(.active):hover:before {
  height: 80%;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link.active {
  color: var(--primary);
  font-weight: 700;
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link.active:before {
  height: 70%;
  background-color: var(--primary);
}
[data-bs-spy=scroll] .nav-tabs-vert .nav-link:disabled, [data-bs-spy=scroll] .nav-tabs-vert .nav-link[disabled] {
  color: var(--gray400);
  cursor: no-drop;
}

.prismatic {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 4.4rem auto auto 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "left-nav header" "left-nav breadcrumbs" "left-nav page-title" "left-nav main-body" "left-nav footer";
  height: 100vh;
  width: 100vw;
  background: var(--white);
  container-type: inline-size;
  transition: all 0.3s ease-in-out;
}
.prismatic.no-breadcrumbs .main-body {
  height: calc(100vh - 2.6875rem);
}

.squircle, .left-nav .navigation-link:before {
  clip-path: polygon(45.837405% 0%, 54.162595% 0%, 58.975237% 0.022716%, 63.78531% 0.166797%, 68.581802% 0.543282%, 73.338393% 1.261583%, 77.997229% 2.456312%, 82.469181% 4.217852%, 86.636013% 6.605826%, 90.342823% 9.657177%, 93.394174% 13.363987%, 95.782148% 17.530819%, 97.543688% 22.002771%, 98.738417% 26.661607%, 99.456718% 31.418198%, 99.833203% 36.21469%, 99.977284% 41.024763%, 99.977284% 58.975237%, 99.833203% 63.78531%, 99.456718% 68.581802%, 98.738417% 73.338393%, 97.543688% 77.997229%, 95.782148% 82.469181%, 93.394174% 86.636013%, 90.342823% 90.342823%, 86.636013% 93.394174%, 82.469181% 95.782148%, 77.997229% 97.543688%, 73.338393% 98.738417%, 68.581802% 99.456718%, 63.78531% 99.833203%, 58.975237% 99.977284%, 54.162595% 100%, 45.837405% 100%, 41.024763% 99.977284%, 36.21469% 99.833203%, 31.418198% 99.456718%, 26.661607% 98.738417%, 22.002771% 97.543688%, 17.530819% 95.782148%, 13.363987% 93.394174%, 9.657177% 90.342823%, 6.605826% 86.636013%, 4.217852% 82.469181%, 2.456312% 77.997229%, 1.261583% 73.338393%, 0.543282% 68.581802%, 0.166797% 63.78531%, 0.022716% 58.975237%, 0.022716% 41.024763%, 0.166797% 36.21469%, 0.543282% 31.418198%, 1.261583% 26.661607%, 2.456312% 22.002771%, 4.217852% 17.530819%, 6.605826% 13.363987%, 9.657177% 9.657177%, 13.363987% 6.605826%, 17.530819% 4.217852%, 22.002771% 2.456312%, 26.661607% 1.261583%, 31.418198% 0.543282%, 36.21469% 0.166797%, 41.024763% 0.022716%, 45.837405% 0%);
}

.left-nav {
  grid-area: left-nav;
  position: relative;
  transition: all 0.3s ease-in-out;
  width: 20rem;
  height: 100vh;
  background-color: var(--left-nav-bg);
  border-right: 0.0625rem solid var(--card-border-color);
}
.left-nav--fade-out {
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.left-nav--fade-in {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.left-nav__header {
  display: flex;
  align-items: center;
}
.left-nav__search {
  width: 100%;
  pointer-events: all;
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--border-color);
  height: 2rem;
  padding: 0.375rem 0.75rem;
}
.left-nav__search-box {
  width: 100%;
  padding: 1rem;
}
.left-nav .sublink-cta {
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.left-nav.collapsed {
  width: 3.125rem;
  padding: 0;
}
.left-nav.collapsed .left-nav__search {
  display: none;
  pointer-events: none;
}
.left-nav.collapsed .navigation-link .navigation-item__title {
    opacity: 0;
    pointer-events: none;
    transition: none;
}
  

.left-nav.collapsed .navigation-link__toggle {
    display: none;
}    

@media (max-width: 768px) {
    .left-nav {
    width: 21.875rem;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    box-shadow: var(--box-shadow);
    border-right: none;
    border-bottom: 0.0625rem solid var(--card-border-color);
  }
  .left-nav .button__hamburger {
    left: 0.5rem;
  }
  .left-nav.collapsed {
    left: -21.875rem;
    transition: all 0.3s ease-in-out;
  }
  .left-nav.collapsed .button__hamburger {
    position: absolute;
    left: 21.8125rem;
    top: 0.2rem;
    background-color: transparent;
  }
}
@media (max-width: 400px) {
  .left-nav {
    width: 20rem;
  }
}

.dark-mode .left-nav__search {
  background-color: var(--dark-border) !important;
  border: none;
  transition: all 0.3s ease-in-out;
}
.dark-mode .left-nav__search:focus {
  border-color: #93b6fb;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.25rem rgba(39, 109, 246, 0.2509803922);
}

.left-nav .navigation {
  display: flex;
  flex-direction: column;
  position: relative;
  list-style: none;
  padding: 0;
}
.left-nav .navigation:before {
  content: "";
  position: fixed;
  background: var(--navbar-bg);
  width: 3.125rem;
  height: 100vh;
  z-index: 0;
  top: 0;
}
.left-nav .navigation-link {
  position: relative;
  align-items: center;
  height: 2.5rem;
  font-size: 0.875rem;
  color: var(--text-color);
  font-weight: 500;
  width: 100%;
  cursor: pointer;
  display: grid;
  grid-template-columns: 3.125rem 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0.875rem;
  grid-template-areas: "navigation-link__icon navigation-link__title navigation-link__toggle";
  transition: all 0.3s ease-in-out;
}
.left-nav .navigation-link:hover {
  color: var(--primary);
}
.left-nav .navigation-link:before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  left: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.left-nav .navigation-link i {
  position: relative;
  z-index: 1;
  color: var(--gray400);
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.left-nav .navigation-link__toggle {
  grid-area: navigation-link__toggle;
  border: none;
  background: transparent;
  width: 1.3rem;
  cursor: pointer;
}
.left-nav .navigation-link__toggle i {
  color: var(--text-color);
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.left-nav .navigation-link__toggle i:hover {
  color: var(--primary) !important;
}
.left-nav .navigation-link__toggle.open i {
  transform: rotate(180deg);
}
.left-nav .navigation-link__icon {
  grid-area: navigation-link__icon;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-nav .navigation-link__title {
  grid-area: navigation-link__title;
}
.left-nav .navigation-item__sublinks {
  margin-left: 5rem;
}
.left-nav .navigation-item__sublinks .navigation-link {
  height: 1.75rem;
}
.left-nav .navigation-item__cta-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.left-nav .navigation-item--dynamic {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background: var(--white);
  margin-left: -1rem;
  padding-left: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.left-nav .navigation-item--dynamic:before {
  font-family: var(--font-awesome);
  content: "\f0e7";
  font-weight: 900;
  color: var(--accent);
}
.left-nav .navigation-item.active {
  color: var(--primary);
  font-weight: 600;
}
.left-nav .navigation-item.active > .navigation-link {
  color: var(--primary);
  font-weight: 600;
}
.left-nav .navigation-item.active > .navigation-link:before {
  background: var(--navbar-item-hover);
}
.left-nav .navigation-item.open > .navigation-link:before {
  background: var(--navbar-item-hover);
}
.left-nav .navigation__subitems {
  padding-left:3rem;
}

.left-nav.collapsed .navigation__subitems.collapsed {
    opacity: 1;
    display: table-column;
}

.left-nav .navigation__subitems .navigation-link {
  display: flex;
  align-items: center;
  height: 2rem;
}
.left-nav .navigation__subitems .navigation-link:before {
  display: none;
}
.left-nav .navigation__subitems.collapsed {
  display: none;
}



.left-nav .navigation-item {
    position: relative;
}

.left-nav.collapsed .navigation__subitems {
    position: absolute;
    left: 100%;
    top: -10px;
    opacity: 0;
    height: auto !important;
    overflow-y: unset;
    pointer-events: none;
    /*2*/
    /*background-color: var(--left-nav-bg);*/
    background-color: var(--navbar-bg);
    margin-left: 0rem;
    padding: 1rem 0 1rem 0;
    border-radius: 0 10px 10px 0;
    transition: 0s;
    z-index: 1000;
    width: 13rem;
}

    .left-nav.collapsed .navigation__subitems.collapsed {
        opacity: 0;
    }

.left-nav .navigation-title {
    display: none;
}

.left-nav .navigation-item.open .navigation-title {
    display: none;
}

.left-nav.collapsed .navigation-item.open .navigation-title {
    display: block;
    padding: 0 1rem 0 1rem;
    /* font-weight: bold; */
    color: whitesmoke;
}

.left-nav.collapsed .navigation-title {
    display: block;
    padding: 0 1rem 0 1rem;
    /* font-weight: bold; */
    color: whitesmoke;
}



.left-nav.collapsed .navigation__subitems.collapsed .navigation-item .navigation__subitems {
    opacity: 0;
    display: none;
}

    .left-nav.collapsed .navigation__subitems .navigation-item.open .navigation__subitems {
        opacity: 0;
        display: none;
    }


/*2*/
.left-nav.collapsed .navigation-item:hover .navigation__subitems .navigation-item:hover > .navigation-link:not(.navigation-title) {
    color: white;
    background-color: #0f5cf5;
}

    /*.left-nav.collapsed .navigation-item:hover .navigation__subitems .navigation-item:hover > .navigation-link .navigation-title {
        color: white;
        background-color: none !important;
    }*/

.left-nav.collapsed .navigation-item:hover .navigation__subitems {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(12px);
    transition: 0.4s ease;
}


.left-nav.collapsed .navigation__subitems.collapsed .navigation-item:hover .navigation__subitems {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(12px);
    transition: 0.4s ease;
}

/*2*/
.left-nav.collapsed .navigation__subitems.collapsed .navigation-item .navigation__subitems .navigation-item:hover > .navigation-link:not(.navigation-title) {
    color: white;
    background-color: #0f5cf5;
}

.left-nav.collapsed .navigation__subitems .navigation-item.open:hover .navigation__subitems {
    opacity: 1;
    display:block;
    pointer-events: auto;
    transform: translateY(12px);
    transition: 0.4s ease;
}

.navigation__subitems .navigation-item .navigation-link {
    padding: 9px 15px;
}

/*2*/
.left-nav.collapsed .navigation__subitems .navigation-item.active {
    background-color: #0f5cf5;
}

.left-nav.collapsed .navigation__subitems .navigation-item .navigation-link {
    padding: 7px 15px;
    /*2*/
    color: whitesmoke;
}

.navigation__subitems:has(.navigation-link) .navigation-item .navigation-item__title {
    font-weight: 500;
    opacity: 1;
}

.left-nav.collapsed .navigation__subitems .navigation-item .navigation-item__title {
    display: block;
    opacity: 1;
}

@media (max-width: 768px) {
    .left-nav .navigation-item.open > .navigation-link:before {
    display: none;
  }
  .left-nav .navigation {
    margin-left: 1.5rem;
  }
  .left-nav .navigation:before {
    display: none;
  }
  .left-nav .navigation-link {
    font-size: 1rem;
  }
  .left-nav .navigation-link.has-subitems .navigation-link__icon {
    display: none;
  }
  .left-nav .navigation-link.has-subitems:before {
    display: none !important;
  }
  .left-nav .navigation__subitems {
    margin-left: 1.5rem;
  }
}




.header {
  grid-area: header;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
  justify-content: space-between;
  height: 70px;
}
.header__logo {
    height: 100%;
    /*height: 55px;*/
    padding: 0.5rem 0;
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__right {
  grid-area: user;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

@media (max-width: 768px) {
  .header {
    padding-left: 3.5rem;
  }
}
.main-body {
  grid-area: main-body;
  padding: 0.75rem 0.75rem 0.75rem;
  display: flex;
  flex-direction: column;
  /*gap: 1rem;*/
  /*overflow-y: auto;*/
}
.main-body page-header-banner {
  margin: 0;
}

footer {
  grid-area: footer;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  border-top: 0.0625rem solid var(--card-border-color);
  display: none;
}
footer.active {
  display: flex;
}

.login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  font-size: 1rem;
}
.login__bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.login__bg-image img {
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
}
.login__bg-image:before {
  content: "";
  background-color: var(--primary);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.05;
}
.login__wrapper {
  position: relative;
  z-index: 1;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "login__left-col login__right-col";
  border-radius: var(--card-border-radius);
  -webkit-backdrop-filter: blur(1.25rem);
          backdrop-filter: blur(1.25rem);
  background: linear-gradient(149deg, rgba(255, 255, 255, 0.7) 0%, rgba(243, 243, 243, 0.7) 44%, rgba(211, 211, 211, 0.7) 100%);
}
.login__soc {
  margin: 1rem;
  position: relative;
  z-index: 1;
}
.login__soc img {
  width: 3.75rem;
}
.login__left-col, .login__right-col {
  width: 27rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
.login__left-col {
  grid-area: login__left-col;
}
.login__right-col {
  position: relative;
  display: flex;
  align-items: center;
  border-left: 0.0625rem solid var(--card-border-color);
}
.login__right-col:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary);
  background: linear-gradient(50deg, var(--primary-info) 0%, var(--primary-link) 53.65%, var(--primary-ghost) 100%);
  opacity: 0.6;
}
.login__right-col--placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login__right-col--placeholder:before {
  display: none;
  background: var(--primary);
  opacity: 0.05;
}
.login__header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid var(--gray300);
  min-height: 3.75rem;
  height: 4.375rem;
}
.login__header img {
  max-height: 3.125rem;
}
.login__copy {
  color: var(--white);
  font-size: 1.5rem;
  padding: 0 2rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.login__body-logo {
  margin: 1.5rem 0 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__body-logo img {
  max-height: 3.75rem;
}
.login__body-content form {
  gap: 1rem;
  display: grid;
  padding: 0 2rem;
}
.login__body-message {
  color: var(--text-color);
  font-weight: 500;
  margin-bottom: 1rem;
  padding: 0 1rem;
  margin: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.login__mfa {
  padding: 1rem;
}
.login__mfa-content form {
  row-gap: 0.5rem;
  display: grid;
}
.login__mfa-content form label {
  font-size: 1rem;
  text-align: left;
}
.login__mfa-content .small-text {
  font-size: 0.75rem;
  text-align: left;
  margin-left: 2rem;
  margin-top: -0.75rem;
  color: var(--gray500);
}
.login__mfa-message {
  text-align: left;
  margin: 1.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--gray300);
}
.login__mfa-title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gray500);
}
.login__download {
  display: flex;
}
.login__download a {
  width: 50%;
}
.login__download a img {
  height: 3.125rem;
}
.login__footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  padding: 1.5rem;
  border-top: 0.0625rem solid var(--gray300);
}
.login__footer ul {
  display: flex;
  justify-content: space-around;
}
.login__footer ul li {
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__footer ul li a {
  font-size: 0.75rem;
}
.login__footer ul li a:hover {
  text-decoration: underline;
}
.login__footer ul li:not(:last-of-type):after {
  content: "";
  height: 100%;
}
.login__footer-copy {
  color: var(--gray500);
  font-size: 0.875rem;
}
.login--bg-image {
  position: relative;
  z-index: 0;
  background-image: var(--login-bg2);
}
.login--bg-image .login__wrapper {
  box-shadow: none;
}
.login .radio-group {
  margin: 0.75rem 0;
}
.login .form-radio-input {
  border: 0.0625rem solid var(--white);
  background: var(--white);
}
.login .form-radio-label {
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .login {
    overflow-y: auto;
  }
  .login__wrapper {
    grid-template-columns: auto;
    grid-template-areas: "login__left-col ";
    row-gap: 1rem;
    background: transparent;
  }
  .login__copy {
    margin-top: 2.5rem;
  }
  .login__right-col {
    display: none;
  }
}
@media only screen and (max-width: 595px) {
  .login {
    background: var(--white);
  }
  .login__left-col {
    width: 100vw;
  }
  .login .btn {
    height: 2.5rem;
    max-height: unset;
  }
  .login .row {
    margin: 0;
    padding: 0;
    flex-wrap: unset;
    flex-direction: row;
    gap: 0.5rem;
  }
  .login .row > * {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .login__wrapper {
    box-shadow: none;
  }
}
.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--white);
  color: var(--text-color);
}
.table--full {
  width: 100vw;
}
.table .plan-headers {
  width: 11.25rem;
  position: sticky;
  top: 0;
}
.table .total-stick {
  position: sticky;
  top: -0.0625rem;
  left: -0.0625rem;
  background: var(--white);
  z-index: 100;
}
.table .new-plans {
  background: var(--warning-ghost) !important;
  border-color: var(--warning-link);
}
.table th,
.table td {
  padding: 0.75rem;
  text-align: left;
  width: auto;
  position: relative;
}
.table th.cta,
.table td.cta {
  width: 3.125rem;
  text-align: center;
}
.table td {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.table tr td.sticky,
.table tr th.sticky {
  position: sticky;
  background: var(--white);
}
.table tr td.sticky--top,
.table tr th.sticky--top {
  top: -0.0625rem;
  z-index: 10;
}
.table tr td.sticky--left,
.table tr th.sticky--left {
  left: -0.0625rem;
  z-index: 9;
}
.table tr td.sticky--right,
.table tr th.sticky--right {
  right: -0.0625rem;
  z-index: 9;
}
.table th {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  border-bottom: 0.1875rem solid var(--card-border-color);
}
.table th .form-element {
  margin: -0.5rem -0.625rem;
}
.table td {
  font-size: 0.875rem;
}
.table tbody tr:hover {
  background-color: var(--gray100);
  transition: background-color 0.3s ease;
}
.table tbody tr:last-child td {
  border-bottom: none;
}
.table tfoot tr td {
  font-weight: 600;
  border-top: 0.1875rem solid var(--gray300);
  border-bottom: none;
}
.table tbody + thead tr th {
  background: var(--primary-ghost) !important;
}
.table tbody + thead tr th span {
  position: sticky !important;
  left: 0.9375rem !important;
}
.table .blue {
  background-color: var(--primary-ghost);
}
.table--values td:last-child {
  width: 1%;
  white-space: nowrap;
}


@media (max-width: 768px) {
  .table thead,
  .table tbody,
  .table th,
  .table td,
  .table tr {
    /*display: block;*/
  }
  .table thead tr {
    position: absolute;
    top: -624.9375rem;
    left: -624.9375rem;
  }
  .table tr {
    border: 0.0625rem solid var(--border-color);
    margin-bottom: 0.625rem;
  }
  .table td {
    border: none;
    position: relative;
    /*padding-left: 50%;*/
  }
  .table td:before {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 45%;
    padding-right: 0.625rem;
    white-space: nowrap;
    content: attr(data-label);
    font-weight: bold;
  }
}
.dark-mode .table th,
.dark-mode .table td {
  background: var(--dark-bg-light) !important;
  border-color: var(--dark-border) !important;
}
.dark-mode .table th.sticky,
.dark-mode .table td.sticky {
  background: var(--dark-grid-border) !important;
}
.dark-mode .table th.cta,
.dark-mode .table td.cta {
  background: var(--dark-bg-light) !important;
}
.dark-mode .table th.new-plans,
.dark-mode .table td.new-plans {
  background: var(--warning-ghost) !important;
}
.dark-mode .table th.blue,
.dark-mode .table td.blue {
  background-color: var(--dark-border) !important;
}
.dark-mode th:not(:last-of-type),
.dark-mode td:not(:last-of-type) {
  border-right: 0.0625rem solid var(--card-border-color);
}

.table__print {
  width: 100%;
}
.table__print th,
.table__print td {
  border-collapse: collapse;
  background: var(--white);
  text-align: left;
  padding: 0.5rem;
}
.table__print th {
  border-bottom: 0.125rem solid var(--gray400);
}
.table__print td table {
  border: 0.0625rem solid var(--gray400);
}

@media print {
  body {
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    background: none;
    color: #000;
  }
  nav,
  footer,
  video,
  audio,
  object,
  embed {
    display: none;
  }
  a {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
}
.grid-filters {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-filters__left grid-filters__center";
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  background-color: var(--white);
}
.grid-filters--full {
  width: -moz-fit-content;
  width: fit-content;
}
.grid-filters--small {
  max-width: 75rem;
}
.grid-filters__left {
  grid-area: grid-filters__left;
  padding: 0;
  display: grid;
  border: none;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  gap: 0.75rem;
  grid-auto-flow: row;
  grid-template-areas: "filters__left-header" "filters__left-body";
  width: 0;
  transition: all 0.3s ease-in-out;
}
.grid-filters__left-header {
  grid-area: filters__left-header;
  display: none;
}
.grid-filters__left-header .btn {
  font-size: 1rem;
}
.grid-filters__left-body {
  grid-area: filters__left-body;
  display: none;
  flex-direction: column;
  gap: 0.75rem;
}
.grid-filters__center {
  grid-area: grid-filters__center;
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-filters__center-header" "grid-filters__center-chips" "grid-filters__center-body";
}
.grid-filters__center-header {
  grid-area: grid-filters__center-header;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.grid-filters__center-header__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.grid-filters__center-header__left .form-element {
  min-width: 12.5rem;
}
.grid-filters__center-body {
  grid-area: grid-filters__center-body;
  margin-top: 0.5rem;
}
.grid-filters__center-body.scroll-h {
  overflow-x: auto;
}
.grid-filters__center-body--scroll {
  overflow: auto;
  max-height: calc(100vh - 25.9375rem);
}
.grid-filters__center-chips {
  grid-area: grid-filters__center-chips;
  display: flex;
  gap: 0.5rem;
}
.grid-filters__chip {
  border-radius: 6.25rem;
  background: var(--primary-ghost);
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  display: flex;
  gap: 0.25rem;
  color: var(--primary-dark);
  border: none;
  transition: all 0.3s ease-in-out;
}
.grid-filters__chip:hover {
  background: var(--primary);
  color: var(--white);
}
.grid-filters__chip-values {
  font-weight: 600;
}
.grid-filters.open .grid-filters__center-chips {
  display: none;
}
.grid-filters.open .grid-filters__left {
  width: 18.75rem;
  padding: 1rem;
  border-right: 0.0625rem solid var(--card-border-color);
}
.grid-filters.open .grid-filters__left-header, .grid-filters.open .grid-filters__left-body {
  display: flex;
}
.grid-filters.open .grid-filters__left-header {
  align-items: center;
}

.dark-mode .grid-filters {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}

@media (max-width: 1200px) {
  .grid-filters__center-header__left {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 595px) {
  .grid-filters__center-header {
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
}
.layout-drawers {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "layout-drawers__center layout-drawers__right";
  margin: -1.0625rem -1.5rem;
  height: 100%;
}

.layout-drawers__center {
  grid-area: layout-drawers__center;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
}

.layout-drawers__right {
  grid-area: layout-drawers__right;
  width: 21.875rem;
  position: relative;
  background: var(--right-drawer-bg);
  transition: all 0.3s ease-in-out;
}
.layout-drawers__right .form-element {
  padding: 1rem;
}
.layout-drawers__right-wrapper {
  margin-top: 2rem;
  overflow-y: auto;
  opacity: 1;
  gap: 1rem;
  height: calc(100vh - 9.8125rem);
  transition: all 0.2s ease-in-out;
}
.layout-drawers__right-wrapper .form-label {
  color: var(--gray100);
}
.layout-drawers__right-items {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.layout-drawers__right-item {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  color: var(--gray200);
}
.layout-drawers__right-item:not(:last-of-type) {
  border-bottom: 0.0625rem dashed var(--gray300);
}
.layout-drawers__right-item span:last-of-type {
  font-weight: 600;
  font-size: 0.875rem;
}
.layout-drawers__right-user {
  padding: 1rem;
  display: flex;
  font-size: 0.875rem;
  gap: 1rem;
}
.layout-drawers__right-user__name {
  font-weight: 600;
  font-size: 1rem;
}
.layout-drawers__right-user__avatar {
  width: 6.875rem;
  height: 6.875rem;
}
.layout-drawers__right-user__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius);
}
.layout-drawers__right-user__phone a, .layout-drawers__right-user__email a {
  color: var(--primary-shadow2);
}
.layout-drawers__right-user__info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.375rem;
  color: var(--gray100);
}
.layout-drawers__right.closed {
  width: 0;
}
.layout-drawers__right.closed .layout-drawers__right-wrapper {
  opacity: 0;
}
.layout-drawers__right.closed .layout-drawers__right-cta {
  left: -2rem;
}
.layout-drawers__right.closed .layout-drawers__right-cta i {
  transform: rotate(180deg);
}
.layout-drawers__right .accordion {
  border-radius: 0;
  border-color: var(--gray500);
}
.layout-drawers__right .accordion .layout-drawers__right-items {
  padding: 0;
}
.layout-drawers__right .accordion-header {
  background: var(--gray500);
  border-color: var(--gray500);
  color: var(--gray200);
}
.layout-drawers__right .accordion-item:not(:last-of-type) {
  border-color: var(--gray600);
}
.layout-drawers__right .accordion-header:hover {
  background-color: var(--gray700);
  color: var(--gray200);
}
.layout-drawers__right .accordion-header.active {
  background-color: var(--gray700);
}
.layout-drawers__right .accordion-panel {
  background-color: var(--gray600);
  color: var(--gray200);
}
.layout-drawers__right-cta {
  position: absolute;
  left: 0;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border: none;
  width: 2rem;
  height: 2rem;
  background: var(--right-drawer-bg);
  color: var(--gray100);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.employee {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.employee .prismatic {
  width: 93.75rem;
}

.bg-image {
  position: fixed;
  z-index: -1;
}

.stepper__left-nav {
  container-type: inline-size;
  display: block;
  grid-area: left-nav;
  width: 21.875rem;
  background: var(--left-nav-bg);
  height: 100%;
  padding: var(--base-padding);
}
.stepper__left-nav__header {
  position: relative;
  top: -0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stepper__left-nav__title {
  font-size: 1.5rem;
  padding: 0.625rem;
  color: var(--gray500);
  pointer-events: none;
}
.stepper__left-nav__cta {
  border: none;
  background: transparent;
  font-size: 1.375rem;
  color: var(--gray500);
  transition: var(--transition);
}
.stepper__left-nav__route {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  color: var(--text-color);
  cursor: pointer;
  height: -moz-fit-content;
  height: fit-content;
  height: 2.5rem;
  transition: var(--transition);
}
.stepper__left-nav__route:before {
  content: "";
  transition: var(--transition);
  width: 0.1875rem;
  height: 0.625rem;
  transform: scale(0);
  position: absolute;
  top: 0.3125rem;
  right: -0.9375rem;
  border-radius: 6.25rem;
}
.stepper__left-nav__route.complete .complete-icon {
  background: var(--success);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stepper__left-nav__route.complete .complete-icon:before {
  content: "\f00c";
  font-family: var(--font-awesome);
  font-weight: 900;
  font-size: 0.8125rem;
  color: var(--white);
}
.stepper__left-nav__route.warning-icon {
  background: var(--warning);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stepper__left-nav__route.warning-icon:before {
  content: "\f12a";
  font-family: var(--font-awesome);
  font-weight: 900;
  font-size: 0.8125rem;
  color: var(--text-color);
}
.stepper__left-nav__route.error-icon {
  background: var(--error);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stepper__left-nav__route.error-icon:before {
  content: "\f12a";
  font-family: var(--font-awesome);
  font-weight: 900;
  font-size: 0.8125rem;
  color: var(--white);
}
.stepper__left-nav__nav-item__title {
  width: 15.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.stepper__left-nav__nav-item--disabled a {
  cursor: not-allowed;
  color: var(--gray400);
  font-style: italic;
}
.stepper__left-nav__marker {
  border-radius: 6.25rem;
  border: 0.0625rem solid var(--gray300);
  background-color: var(--gray300);
  color: var(--gray500);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.stepper__left-nav.collapsed {
  width: 3.125rem;
  padding: 0;
}
.stepper__left-nav.collapsed .left-nav__search {
  display: none;
  pointer-events: none;
}
.stepper__left-nav.collapsed .navigation-item__title {
  display: none;
}
.stepper__left-nav.collapsed .stepper__left-nav__title {
  display: none;
}
.stepper__left-nav.collapsed .stepper__left-nav__nav-item__title {
  display: none;
}
.stepper__left-nav.collapsed .navigation-link__toggle {
  display: none;
}
@container (max-width: 55px) {
  .stepper__left-nav .stepper__left-nav__title {
    display: none;
  }
  .stepper__left-nav .stepper__left-nav-item__title {
    display: none;
  }
  .stepper__left-nav .stepper__left-nav__route {
    gap: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .stepper__left-nav .button__hamburger {
    margin-top: 1.4375rem;
  }
}

.dark-mode .stepper__left-nav__title {
  color: var(--gray400);
}
.dark-mode .stepper__left-nav {
  background: var(--dark-border);
}

.current-payroll {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: ". .";
}
.current-payroll__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
}

.current-payroll-col--left {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "current-payroll__amount current-payroll__amount" "current-payroll__date current-payroll__id";
}

.current-payroll__id div, .current-payroll__date div {
  color: var(--gray500);
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}

.current-payroll__id, .current-payroll__date {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-color);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.current-payroll__amount {
  grid-area: current-payroll__amount;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}
.current-payroll__amount div {
  text-align: center;
  color: var(--accent);
  font-size: 1rem;
  font-weight: 400;
}

.current-payroll__date {
  grid-area: current-payroll__date;
}
.current-payroll__id {
  grid-area: current-payroll__id;
}
.current-payroll__graph {
  grid-area: current-payroll__graph;
  text-align: center;
}

@media (max-width: 768px) {
  .current-payroll {
    grid-template-columns: 1fr;
    grid-template-areas: "current-payroll__amount" "current-payroll__date" "current-payroll__id" "current-payroll__graph";
  }
  .current-payroll__links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .current-payroll__links a {
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius);
    width: 100%;
    font-size: 1rem;
    text-align: center;
    background: var(--primary-ghost);
  }
  .current-payroll__graph {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .current-payroll__amount {
    font-size: 3.75rem;
  }
  .current-payroll__amount div {
    font-size: 1.875rem;
  }
  .current-payroll__id,
  .current-payroll__date {
    font-size: 1.875rem;
  }
  .current-payroll__id div,
  .current-payroll__date div {
    font-size: 1.25rem;
  }
  .current-payroll-col--left {
    gap: 1.5rem;
    grid-template-columns: 1fr;
    grid-template-areas: "current-payroll__amount" "current-payroll__date" "current-payroll__id";
  }
}
.dashboard {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "quicklinks-title " " quicklinks " "  dashboard__items " "rotating-ad__wrapper";
  grid-template-rows: auto auto auto auto;
  gap: 1rem;
  grid-auto-flow: row;
}
@container (min-width: 1200px) {
  .dashboard {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "quicklinks-title quicklinks-title" " quicklinks quicklinks" "  dashboard__items rotating-ad__wrapper";
  }
}

.quicklinks-title {
  grid-area: quicklinks-title;
}

.quicklinks {
  grid-area: quicklinks;
}

.rotating-ad__wrapper {
  grid-area: rotating-ad__wrapper;
}

.dashboard__items {
  grid-area: dashboard__items;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
@container (min-width: 768px) {
  .dashboard__items {
    grid-template-columns: 1fr;
  }
}
@container (min-width: 900px) {
  .dashboard__items {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@container (min-width: 1612px) {
  .dashboard__items {
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  }
}

.grid {
  display: grid;
  grid-template-rows: auto;
}
.grid__wrapper {
  container-type: inline-size;
}
.grid--two {
  gap: 1rem;
  grid-template-areas: ". .";
  grid-template-columns: 1fr 1fr;
}
.grid--flex {
  display: flex;
}
.grid--two-thirds {
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
}
.grid--four {
  gap: 1rem;
  grid-template-areas: ". . . .";
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid--three {
  gap: 1rem;
  grid-template-areas: ". . . ";
  grid-template-columns: 1fr 1fr 1fr;
}
.grid--flow {
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
.grid--flow-small {
  grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr));
  align-items: center;
  height: 100%;
}
.grid .card {
  margin: 0;
}

@container (max-width: 1400px) {
  .grid--four {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: ". .";
  }
  .grid--three {
    grid-template-areas: ". . ";
    grid-template-columns: 1fr 1fr;
  }
  .grid--two {
    gap: 1rem;
    grid-template-areas: ". .";
    grid-template-columns: 1fr 1fr;
  }
  .grid--two-thirds {
    grid-template-areas: ". ";
    grid-template-columns: 1fr;
  }
}
@container (max-width: 700px) {
  .grid--four {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "." "." "." ".";
  }
  .grid--three {
    grid-template-areas: ". ";
    grid-template-columns: 1fr;
  }
  .grid--slim-col1 {
    gap: 1rem;
    grid-template-areas: "." " .";
    grid-template-columns: 1fr;
  }
  .grid--two {
    grid-template-areas: ". ";
    grid-template-columns: 1fr;
  }
  .grid--two-thirds {
    grid-template-areas: ". ";
    grid-template-columns: 1fr;
  }
}
.grid__pto {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr));
  align-items: center;
  height: 90%;
}

.grid-panel {
  display: grid;
  grid-template-columns: 13.375rem 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "grid-panel__left-nav grid-panel__body";
}
.grid-panel--wide {
  grid-template-columns: 21.875rem 1fr;
}
.grid-panel__mobile-selector {
  grid-area: grid-panel__mobile-selector;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 0.0625rem solid var(--gray300);
  padding: 1rem;
  display: none;
  background-color: var(--white);
  z-index: 100;
}
.grid-panel__mobile-selector .form-select {
  padding: 0.5rem;
  min-height: 3.125rem;
}
.grid-panel__left-nav {
  grid-area: grid-panel__left-nav;
  align-self: start;
  position: sticky;
  top: 1.25rem;
}
.grid-panel__left-nav a {
  color: var(--gray600);
  font-weight: 400;
  font-size: 0.875rem;
}
.grid-panel__body {
  grid-area: grid-panel__body;
}
.grid-panel__mobile-search {
  align-self: start;
  position: sticky;
  top: -0.0625rem;
  z-index: 100;
}
.grid-panel__mobile-search .form-input {
  position: sticky;
  top: -0.0625rem;
  padding: 1.25rem 0;
  z-index: 2;
  background-color: white;
  border-top: 0.0625rem solid var(--gray300);
  border-bottom: 0.0625rem solid var(--gray300);
}
.grid-panel__btn {
  min-width: 2.5rem;
  padding: 0.5rem;
  border: 0.0625rem solid var(--gray300);
}
.grid-panel__btn:hover {
  border-color: var(--primary);
}
.grid-panel--full {
  grid-template-columns: 1fr;
  grid-template-areas: "grid-panel__body";
}
.grid-panel .table thead {
  top: 0;
}
.grid-panel__tabs {
  margin-bottom: -1rem;
}
.grid-panel__tabs .nav-tabs {
  background-color: transparent;
}
.grid-panel__tabs .nav-tabs .nav-link.active {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.grid-panel__tabs + .card {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

@media (max-width: 1200px) {
  .grid-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: "grid-panel__left-nav" "grid-panel__body";
  }
  .grid-panel__left-nav {
    overflow-x: auto;
  }
}
.settings settings-row {
  display: flex;
}
.settings-row__group {
  width: 100%;
  display: flex;
  gap: 0.5rem;
}
.settings-table {
  max-width: var(--max-view-width);
  border: var(--card-border);
  padding: var(--base-padding);
  color: var(--dark-gray);
  margin: var(--base-margin);
  border-radius: var(--card-border-radius);
  background-color: var(--white);
}
.settings-table__list-total {
  border-top: 0.0625rem dashed var(--border-color);
  padding-top: 1rem;
  margin-top: 1rem;
}
.settings-table__list span:first-of-type {
  margin-right: 1rem;
}
.settings-table__list span:first-of-type:after {
  content: ":";
}
.settings-table__title {
  font-weight: 700;
  font-size: 0.875rem;
}
.settings-table__description {
  font-size: 0.875rem;
}
.settings-table__col {
  gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.settings-table__col:first-of-type {
  width: 60%;
}
.settings-table__col:last-of-type {
  width: 40%;
}
.settings-table__col .e-dropdownlist {
  margin-top: 0;
}
.settings-table__col .e-float-text,
.settings-table__col .form-label {
  position: absolute !important;
  clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem);
  
  padding: 0 !important;
  border: 0 !important;
  height: 0.0625rem !important;
  width: 0.0625rem !important;
  overflow: hidden;
}
.settings-table__cta {
  min-width: 24.375rem;
  text-align: right;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  font-weight: 600;
}
.settings-table__cta button-base {
  justify-content: flex-end;
  display: flex;
}
.settings-table__cta .e-control,
.settings-table__cta .e-css {
  max-width: 100%;
}
.settings-table__cta--questions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}
.settings-table__cta-input {
  width: 100%;
}
.settings-table__cta .e-input-group,
.settings-table__cta .e-float-input {
  margin: 0;
}
.settings-table__cta:has(.checkbox-tree) {
  width: 100%;
}
.settings-table__wysiwyg {
  width: 100%;
}
.settings-table__row {
  display: flex;
  padding: 1.5rem 0.5rem;
  align-items: flex-start;
  gap: 3.75rem;
  container-type: inline-size;
}
.settings-table__row + .save-button {
  border: none;
}
.settings-table__row.required .settings__title:after {
  font-family: var(--font-awesome);
  content: "*";
  margin-left: 0.25rem;
  font-size: 0.625rem;
  vertical-align: super;
  color: var(--required);
}
.settings-pagetitle {
  font-size: 1.25rem;
  color: var(--accent);
  font-weight: 600;
}
.settings-title {
  font-size: 1.125rem;
  padding: 1rem 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--title-color);
  width: -moz-fit-content;
  width: fit-content;
}
.settings__description {
  max-width: 80%;
  color: var(--dark-gray);
  margin: 0.5rem 0 0 0;
  font-size: 0.875rem;
}

.settings-table__button-container {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.settings-table__button-container {
  max-width: var(--max-view-width);
  text-align: right;
  margin-left: 1rem;
}
.settings-table__button-container button {
  display: inline-block;
}

@container (width < 595px) {
  .settings-table {
    margin: 0;
    gap: 0.5rem;
  }
}
.settings-table {
  container-type: inline-size;
}
.settings-table__read {
  font-size: 0.875rem;
  text-align: left;
  font-weight: 400;
  margin: 0.5rem 0;
  background: var(--light-gray);
  padding: 0.5rem;
  border-radius: var(--border-radius);
}
.settings-table__row:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.settings-table__row .settings__title {
  display: inline-block;
  width: 75%;
  white-space: break-spaces;
}
.settings-table__row--wysiwyg {
  gap: 1.125rem;
  flex-direction: column;
}
.settings-table__row--wysiwyg .settings-table__cta {
  text-align: left;
  width: 100%;
}

.ee-dashboard {
  container-type: inline-size;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0 0;
  grid-template-areas: "chart . .";
  align-items: center;
}
@container (max-width: 700px) {
  .ee-dashboard {
    grid-template-columns: 1fr;
    grid-template-areas: "chart" "." ".";
    align-items: center;
  }
  .ee-dashboard div {
    text-align: center;
  }
}

.chart {
  grid-area: chart;
}

.paycheck {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 1rem;
  grid-template-areas: "paycheck__detail paycheck__detail" "paycheck__lc paycheck__rc";
}

.paycheck__detail {
  grid-area: paycheck__detail;
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: var(--base-padding);
}
.paycheck__detail-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
}
.paycheck__detail-body {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr;
  gap: 2.5rem;
  grid-auto-flow: row;
  grid-template-areas: ". . .";
}

.paycheck__rc {
  grid-area: paycheck__rc;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.paycheck__lc {
  grid-area: paycheck__lc;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

a.btn,
.btn {
  /*background: var(--gray100);
  border: 0.0625rem solid var(--gray100);
  color: var(--text-color);
  border-radius: var(--border-radius);*/
  /*padding: 0.375rem 0.75rem;*/
  /*font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;*/
}
/*a.btn:hover,
.btn:hover {
  background: var(--gray200);
  border: 0.0625rem solid var(--gray200);
}*/
a.btn:active,
.btn:active {
  background: var(--gray300);
}
a.btn-primary,
.btn-primary {
  background: var(--primary);
  border: 0.0625rem solid var(--primary);
  color: var(--white);
}
a.btn-primary:hover,
.btn-primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
a.btn-primary:active,
.btn-primary:active {
  background: var(--primary-focus);
}
a.btn-secondary,
.btn-secondary {
  background: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
}
a.btn-secondary:hover,
.btn-secondary:hover {
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary);
}
a.btn-secondary:active,
.btn-secondary:active {
  background: var(--primary);
  color: var(--white);
}
a.btn-ghost,
.btn-ghost {
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
  color: var(--primary);
}
a.btn-ghost:hover,
.btn-ghost:hover {
  background: var(--primary-info);
  border: 0.0625rem solid var(--primary-info);
}
a.btn-ghost:active,
.btn-ghost:active {
  background: var(--primary-shadow);
  border: 0.0625rem solid var(--primary-shadow);
}
a.btn-link,
.btn-link {
  background: var(--white);
  border: 0.0625rem solid var(--white);
  color: var(--primary);
}
a.btn-link:hover,
.btn-link:hover {
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
}
a.btn-link:active,
.btn-link:active {
  background: var(--primary-info);
  border: 0.0625rem solid var(--primary-info);
}

.grid-template {
  position: relative;
}

.button-group__wrapper {
  position: relative;
  width: 100%;
}

.button-group {
  position: sticky;
  left: 0;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
  width: -moz-fit-content;
  width: fit-content;
}
.button-group--sticky-right {
  
  position: sticky;
  right: 0;
  
  top: 0;
  
  margin-left: auto;
}
.button-group--right {
  justify-content: flex-end;
}

.button__hamburger {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 3.1875rem;
  width: 3.1875rem;
  min-height: 3.1875rem;
  min-width: 3.1875rem;
  max-width: 3.1875rem;
  margin: 0.4375rem 0;
  padding: 0;
  z-index: 1;
  position: relative;
}
.button__hamburger span {
  display: block;
  height: 0.125rem;
  width: 1.25rem;
  left: 0.8125rem;
  top: 1.3125rem;
  background: var(--gray400);
  position: absolute;
  transform: rotate(0deg);
  border-radius: 6.25rem;
  width: 20px;
  z-index: 0;
  transition: all 0.18s ease-in-out;
}
.button__hamburger span:first-child {
  top: 0.875rem;
  width: 1.25rem;
}
.button__hamburger span:last-child {
  top: 1.8125rem;
  width: 1.25rem;
}
.button__hamburger[aria-expanded=true] span {
  top: 1.5rem;
  width: 0;
}
.button__hamburger[aria-expanded=true] span:first-child {
  transform: rotate(45deg);
  width: 1.25rem;
  opacity: 1;
}
.button__hamburger[aria-expanded=true] span:last-child {
  transform: rotate(-45deg);
  width: 1.25rem;
  opacity: 1;
}
.button__hamburger:hover span {
  background: var(--gray500);
}


.drop-button {
  background-color: var(--primary-ghost);
  color: var(--primary);
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
  display: flex;
  height: 2rem;
  min-width: 3.125rem;
  padding: 0.375rem 0.75rem;
  border-radius: var(--border-radius);
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.drop-button .fa-caret-down {
  font-size: 0.75rem;
}
.drop-button:hover {
  background: var(--primary-info);
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  min-width: 10rem;
  box-shadow: var(--box-shadow);
  z-index: 1;
  margin-top: 0.5rem;
  border-radius: var(--border-radius);
  background: var(--white);
  
}
.dropdown-content a {
  color: var(--text-color);
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  display: block;
  
}
.dropdown-content a:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}

.form-element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  max-width: 85ch;
}
.form-element.required .form-label {
  color: var(--accent);
}
.form-element.required .form-label:after {
  content: "*";
  font-family: var(--font-awesome);
  color: var(--accent);
  margin-left: 0.25rem;
}
.form-element .form-label {
  font-size: 0.75rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.form-element .form-select,
.form-element .form-control {
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--border-color);
  padding: 0.375rem 0.75rem;
  transition: all 0.3s ease-in-out;
  outline: none;
  max-width: var(--max-text-width);
  max-height: 2.0625rem;
}
.form-element .form-select:focus, .form-element .form-select:active,
.form-element .form-control:focus,
.form-element .form-control:active {
  border: 0.0625rem solid var(--primary);
  box-shadow: var(--focus-shadow);
}
.form-element .form-select:invalid,
.form-element .form-control:invalid {
  color: var(--error-text);
  border-color: var(--error-ghost);
  background: var(--error-ghost);
}
.form-element .form-select:invalid:focus,
.form-element .form-control:invalid:focus {
  border-color: var(--error);
  box-shadow: var(--focus-shadow-error);
}
.form-element .form-select.pristine,
.form-element .form-control.pristine {
  border-color: var(--border-color);
  
  background: var(--white);
  
}
.form-element .form-select.dirty:invalid,
.form-element .form-control.dirty:invalid {
  color: var(--error-text);
  border-color: var(--error-ghost);
  background: var(--error-ghost);
}
.form-element .form-select.dirty:invalid:focus,
.form-element .form-control.dirty:invalid:focus {
  border-color: var(--error);
  box-shadow: var(--focus-shadow-error);
}
.form-element .form-select.dirty:invalid + .invalid-feedback,
.form-element .form-control.dirty:invalid + .invalid-feedback {
  display: block;
}
.form-element .form-select[required=true],
.form-element .form-control[required=true] {
  border: 0.0625rem solid var(--primary-ghost);
  background: var(--primary-ghost);
  color: var(--primary);
}
.form-element .input-group {
  display: flex;
  width: 100%;
}
.form-element .input-group .form-element {
  width: 100%;
}
.form-element .input-group .form-element .form-control {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-right: none;
}
.form-element .input-group .form-element + .btn {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  border: 0.0625rem solid var(--border-color);
  border-left: none;
  background: var(--white);
  transition: all 0.3s ease-in-out;
}
.form-element .input-group .form-element + .btn:hover {
  background: var(--primary-ghost);
}
.form-element .invalid-feedback {
  display: none;
  font-size: 0.875rem;
  color: var(--error);
}

.multiselect {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}
.multiselect--checkbox {
  display: flex;
  align-items: center;
}
.multiselect .multiselect__options {
  display: flex;
  gap: 0.5rem;
}
.multiselect-chip {
  gap: 0.5rem;
  border: 0.0625rem solid var(--gray600);
  background: var(--gray600);
  color: var(--white);
  padding: 0.25rem 0.5625rem;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.multiselect .chip-remove {
  border: none;
  background: transparent;
  font-size: 1.25rem !important;
  color: var(--white);
  padding: 0;
  width: 1.125rem;
  height: 0.9375rem;
  margin-top: -0.0625rem;
  margin-right: -0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.multiselect .chip-remove:hover {
  color: var(--gray300);
}

.multiselect__control {
  max-width: var(--max-text-width);
  min-width: 18.75rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: var(--border-radius);
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-height: unset !important;
  cursor: pointer;
}

.multiselect__options-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  background-color: var(--white);
  max-height: 12.5rem;
  overflow-y: auto;
  padding: 0.5rem;
  z-index: 1000;
  margin-top: 0.5rem;
}
.multiselect__options-container.show {
  display: block;
}

.dark-mode .form-element .form-label {
  color: var(--gray100);
}
.dark-mode .form-element .form-select,
.dark-mode .form-element .form-control {
  border: 0.0625rem solid var(--dark-border);
  background: var(--dark-border);
  color: var(--gray100);
}

[data-trigger=tooltip] {
  cursor: pointer;
}

.tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.tabs {
  width: 100%;
}
.tabs .tab-list {
  list-style: none;
  width: 100%;
  display: flex;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.tabs .tab-item {
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  border-bottom: 0.25rem solid var(--white);
  background-color: var(--white);
  margin-right: 0.3125rem;
  transition: all 0.3s ease-in-out;
}
.tabs .tab-item.active {
  border-bottom: 0.25rem solid var(--primary);
}
.tabs .tab-content {
  padding: 0.5rem 0;
  background-color: var(--white);
}
.tabs .tab-panel {
  display: none;
}
.tabs .tab-panel.active {
  display: block;
}
.tabs.vert {
  display: flex;
}
.tabs.vert .tab-list {
  display: flex;
  flex-direction: column;
  border: none;
}
.tabs.vert .tab-item {
  border: none;
  padding: 0.375rem 0.6875rem;
  border-left: 0.25rem solid var(--white);
}
.tabs.vert .tab-item.active {
  border: none;
  border-left: 0.25rem solid var(--primary);
  color: var(--primary);
  font-weight: 600;
}

.switch {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 1.0625rem;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: var(--primary);
}
.switch input:focus + .slider {
  box-shadow: 0 0 0.0625rem var(--primary);
}
.switch input:checked + .slider:before {
  transform: translateX(0.9375rem);
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray300);
  transition: 0.4s;
  border-radius: 2.125rem;
  
}
.slider:before {
  position: absolute;
  content: "";
  height: 0.9375rem;
  width: 0.9375rem;
  left: 0.0625rem;
  bottom: 0.0625rem;
  background-color: var(--white);
  transition: 0.4s;
  border-radius: 50%;
}
.slider.round {
  border-radius: 2.125rem;
}
.slider.round:before {
  border-radius: 50%;
}

/*.accordion {*/
  /*width: 100%;*/
  /*border: 0.0625rem solid var(--card-border-color);
  overflow: hidden;
  border-radius: var(--card-border-radius);
  max-width: var(--max-view-width);
}
.accordion-item:not(:last-of-type) {
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.accordion-header {
  padding: 1rem;
  cursor: pointer;
  background-color: var(--white);
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.accordion-header:after {
  content: "\f107";
  font-family: var(--font-awesome);
  font-weight: 900;
  float: right;
  margin-right: 0.625rem;
}
.accordion-header:hover {
  background-color: var(--primary-ghost);
  color: var(--primary);
}
.accordion-header.active {
  background-color: var(--primary-ghost);
}
.accordion-header.active:after {
  content: "\f106";
}
.accordion-panel {
  display: none;
  padding: 1rem;
  font-size: 0.875rem;
  background-color: var(--white);
}
.accordion-panel.active {
  display: block;
}*/

.chip {
  font-size: 0.75rem;
  border: 0.0625rem solid var(--primary-ghost);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.125rem 0.75rem;
  border-radius: 6.25rem;
  cursor: pointer;
  background: var(--primary-ghost);
  transition: all 0.3s ease-in-out;
}
.chip:hover {
  background: var(--primary-info);
  border: 0.0625rem solid var(--primary-info);
}
.chip span:last-of-type {
  font-weight: 700;
  color: var(--primary-text);
}
.chip span:last-of-type:before {
  content: ":";
  margin-right: 0.25rem;
}
.chip span:only-child:before {
  display: none;
}

.search-results {
  position: absolute;
  background: var(--white);
  width: 100%;
  box-shadow: var(--box-shadow);
  z-index: 1000;
  
  max-height: 18.75rem;
  overflow-y: auto;
  
  left: 3.875rem;
  width: 14.25rem;
  top: 3.5rem;
  border-radius: var(--border-radius);
  padding: 0.75rem;
  font-size: 0.875rem;
}
.search-results a {
  display: block;
  padding: 0.625rem;
  text-decoration: none;
  color: var(--text-color);
  font-size: 0.875rem;
}
.search-results a:hover {
  background-color: var(--primary-ghost);
}

.form-element--checkbox {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row;
}
.form-element .form-check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: 0.25rem;
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-right: 0.625rem;
}
.form-element .form-check-input:focus {
  box-shadow: var(--focus-shadow);
}
.form-element .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-element .form-check-input:checked:after {
  font-family: var(--font-awesome);
  content: "\f00c";
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  font-size: 0.875rem;
  height: 100%;
}
.form-element .form-check-input:checked:hover {
  border-color: var(--primary);
}
.form-element .form-check-label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.875rem;
}

.form-element--radio {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row;
}

.form-radio-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--border-color);
  border-radius: 50%;
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-right: 0.625rem;
}
.form-radio-input:checked {
  border-color: var(--primary);
}
.form-radio-input:checked:after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--primary);
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-radio-input:hover {
  border-color: var(--primary);
}

.form-radio-label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}


.form-radio-input:focus {
  box-shadow: var(--focus-shadow);
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  font-size: 0.875rem;
}

.breadcrumb {
  display: flex;
  gap: 0.125rem;
  font-size: 0.75rem;
  align-items: center;
}

.breadcrumb-item {
  font-weight: 600;
}
.breadcrumb-item:not(:last-of-type):after {
  content: "/";
  font-family: var(--font-awesome);
  font-size: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  color: var(--gray500);
}
.breadcrumb-item.active a {
  color: var(--text-color);
}

.breadcrumbs {
  grid-area: breadcrumbs;
  padding: 0 1.5rem;
  height: 1.9375rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.breadcrumbs .form-element {
  margin-right: 0.5rem;
  margin-left: -1.5rem;
}
.breadcrumbs .form-element .form-select {
  border-radius: 0;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
  border-left: 0.0625rem solid var(--white);
  padding-left: 1.5rem;
  height: 2rem;
}
.breadcrumbs .form-element .form-select:focus {
  box-shadow: none;
  border: 0.0625rem solid var(--primary);
}

.prism-breadcrumb {
  display: flex;
  gap: 0.125rem;
  font-size: 0.75rem;
  align-items: center;
}

.prism-breadcrumb-item {
  font-weight: 600;
}
.prism-breadcrumb-item:not(:last-of-type):after {
  content: "/";
  font-family: var(--font-awesome);
  font-size: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  color: var(--gray500);
}
.prism-breadcrumb-item.active a {
  color: var(--text-color);
}

.prism-breadcrumbs {
  grid-area: breadcrumbs;
  padding: 0 1.5rem;
  height: 1.9375rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.prism-breadcrumbs .form-element {
  margin-right: 0.5rem;
  margin-left: -1.5rem;
}
.prism-breadcrumbs .form-element .form-select {
  border-radius: 0;
  border-right: 0.0625rem solid var(--card-border-color);
  border-top: 0.0625rem solid var(--card-border-color);
  border-bottom: 0.0625rem solid var(--card-border-color);
  border-left: 0.0625rem solid var(--white);
  padding-left: 1.5rem;
  height: 2rem;
}
.prism-breadcrumbs .form-element .form-select:focus {
  box-shadow: none;
  border: 0.0625rem solid var(--primary);
}

.file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 18.75rem;
}

.file-label {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
  padding: 0.25rem 1rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background-color 0.3s;
}
.file-label.error {
  border: 0.0625rem solid var(--error);
  background: var(--error-ghost);
  color: var(--error-text);
}

.file-label:hover {
  background-color: var(--primary-ghost);
}

.file-input {
  display: none;
}

.file-name {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  color: var(--gray500);
}

.file-error {
  color: var(--error);
  font-size: 0.75rem;
  margin-top: 0.3125rem;
}

darkmode-switch {
  display: block;
  grid-area: darkmode-switch;
  padding: 1rem 0;
  border-top: 0.0625rem solid var(--card-border-color);
}

.darkmode-switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.125rem;
}
.darkmode-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.darkmode-switch .labels {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  color: var(--white);
}
.darkmode-switch .label-light, .darkmode-switch .label-dark {
  font-size: 0.75rem;
}
.darkmode-switch .label-light {
  color: var(--text-color);
}
.darkmode-switch .label-dark {
  color: var(--text-color);
  opacity: 0.5;
}
.darkmode-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  filter: drop-shadow(0 -0.0625rem 0.04rem hsla(0, 0%, 0%, 0.3));
  border-radius: 2.125rem;
  transition: all 0.2s ease-in-out;
}
.darkmode-switch .slider:before {
  position: absolute;
  content: "";
  height: 1.625rem;
  width: 5.625rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: var(--white);
  border: 0.0625rem solid var(--gray300);
  transition: 0.4s;
  border-radius: 3.125rem;
}
.darkmode-switch input:checked + .slider {
  background-color: var(--dark-border);
  border-color: var(--dark-border);
}
.darkmode-switch input:checked + .slider:before {
  transform: translateX(13.0625rem);
  border-color: var(--dark-bg-light);
  background-color: var(--dark-bg-light);
  filter: drop-shadow(0 -0.0625rem 0.04rem hsla(0, 0%, 100%, 0.1));
  width: 5.25rem;
}
.darkmode-switch input:checked + .slider .label-light {
  opacity: 0.5;
}
.darkmode-switch input:checked + .slider .label-dark {
  opacity: 1;
}

.personal-drawer {
  position: fixed;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0.125rem;
  grid-template-areas: "personal-drawer__header" "personal-drawer__body" "personal-drawer__footer";
  height: 100vh;
  background: var(--white);
  width: 21.875rem;
  top: 0;
  bottom: 0;
  right: -25rem;
  z-index: 100000000;
  box-shadow: var(--shadow-2xl);
  padding: 1.5rem;
  transition: right 0.3s ease-in-out;
}
.personal-drawer .mobile__qr-code {
  width: 6.25rem;
}
.personal-drawer__email {
  border-bottom: 0.0625rem solid var(--gray300);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.125rem;
  grid-template-areas: "." "." ".";
}
.personal-drawer__email-body + .readmore {
  width: -moz-fit-content;
  width: fit-content;
}
.personal-drawer__email-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-drawer__email-date {
  font-size: 0.75rem;
  font-weight: 600;
}
.personal-drawer__email-title {
  font-weight: 600;
}
.personal-drawer__email-title i {
  margin-right: 0.5rem;
}
.personal-drawer__header {
  grid-area: personal-drawer__header;
  display: flex;
  justify-content: space-between;
}
.personal-drawer__header .e-btn {
  color: var(--text-color);
}
.personal-drawer__header .e-btn .e-btn:hover {
  color: var(--primary);
}
.personal-drawer__user-info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-drawer__user-info__initials {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-drawer__user-info__avatar {
  width: 2.2rem;
  height: 2.2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border: none;
  border-radius: 6.25rem;
  background: var(--primary-ghost);
  color: var(--primary);
  cursor: pointer;
}
.personal-drawer__user-info__avatar img {
  border-radius: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.personal-drawer__user-info__avatar--image {
  width: 100%;
  width: 2rem;
  height: 2rem;
  border-radius: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.personal-drawer__user-info__avatar--initials {
  background-color: var(--primary-ghost);
  color: var(--primary);
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  box-shadow: 0 0 0 0.1875rem var(--primary-ghost);
}
.personal-drawer__user-info__avatar--cta .personal-drawer__user-info__avatar--initials {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.personal-drawer__user-info__avatar--cta .personal-drawer__user-info__avatar--initials:hover {
  background-color: var(--primary-info);
}
.personal-drawer__user-info__personal {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
}
.personal-drawer__user-info__email, .personal-drawer__user-info__name {
  width: 10.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personal-drawer__user-info__name {
  font-weight: 600;
  font-size: 1.125rem;
}
.personal-drawer__body {
  grid-area: personal-drawer__body;
  margin: 1rem 0 0;
  font-size: 0.875rem;
  overflow: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 0 0;
  grid-template-areas: "." "darkmode-switch";
}
.personal-drawer__body__nav {
  overflow-y: auto;
}
.personal-drawer__body__nav-item {
  padding: 0.25rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.personal-drawer__body__nav-item:hover {
  color: var(--primary);
}
.personal-drawer__body__nav .email li:not(:first-of-type) .personal-drawer__email {
  padding-top: 0.5rem;
}
.personal-drawer__body .divider {
  margin: 0.125rem;
  padding: 0.125rem;
  border-bottom: 0.0625rem solid var(--card-border-color);
}
.personal-drawer__body--full {
  height: calc(100vh - 7.875rem);
}
.personal-drawer__version {
  border-top: 0.0625rem dashed var(--card-border-color);
  width: 100%;
  padding: 0.5rem 0;
}
.personal-drawer__version-title {
  line-height: 0.9rem;
  font-size: 0.75rem;
}
.personal-drawer__version-info {
  line-height: 1.05rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.personal-drawer__footer {
  grid-area: personal-drawer__footer;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 0.5rem;
  grid-template-areas: "." ".";
  height: -moz-fit-content;
  height: fit-content;
}
.personal-drawer__footer-wrapper {
  border-top: 0.0625rem dashed var(--card-border-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
}
.personal-drawer__footer-img {
  width: 5rem;
  padding: 0.3125rem;
  background: white;
  border-radius: var(--border-radius);
}
.personal-drawer__footer-message {
  padding: 0 1.5rem 1rem;
  line-height: 0.9rem;
  font-size: 0.75rem;
}
.personal-drawer.drawer-open {
  right: 0;
}

page-header-banner {
  background: var(--pg);
  border-radius: var(--cbr);
  display: flex;
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  justify-content: space-between;
  max-width: var(--max-view-width);
  margin: 1.5rem;
  grid-area: page-title;
}

page-header-banner::part(h1) {
  max-width: 65%;
  margin: 0;
  font-weight: 400;
  font-size: 1.5rem;
  padding: 1rem;
}

page-header-banner::part(image) {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
}

page-header-banner::part(image-container) {
  height: 100%;
}

:root {
  --bm: var(--base-margin);
  --cbr: var(--card-border-radius);
  --pg: var(--primary-ghost);
}

.dark-mode page-header-banner {
  background: var(--dark-grid-border);
}

:root {
  --activeITemBG: var(--gray100);
}

active-item::part(card) {
  background: var(--gray100);
  border-bottom: 0.1875rem solid var(--primary);
  border-radius: 0.5rem 0.5rem 0 0;
  box-sizing: border-box;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0.75rem;
  grid-template-areas: "." "." ".";
  height: 11.5rem;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: var(--text-color);
}
active-item::part(card):hover {
  background: var(--primary-ghost);
}

active-item::part(status) {
  align-items: center;
  display: flex;
  gap: 0.4375rem;
  color: var(--text-color);
  font-size: 0.875rem;
}

active-item::part(date) {
  font-size: 0.875rem;
}

active-item::part(ready) {
  background: var(--primary);
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
}

active-item::part(complete) {
  background: var(--success);
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
}

active-item::part(incomplete) {
  background: var(--warning);
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
}

active-item::part(in-progress):before {
  content: "\f01e";
  font-family: var(--font-awesome);
}

active-item::part(title) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.dark-mode active-item::part(card) {
  background: var(--dark-grid-border);
}

.card {
  border-radius: var(--card-border-radius);
  border-color: var(--card-border-color);
  box-shadow: 0 0 0 transparent;
  transition: all 0.3s ease-in-out;
  margin-bottom: 24px;
}
.card:hover {
  box-shadow: var(--box-shadow);
  border-color: var(--white);
}
.card-title {
  font-size: 1.125rem;
  /*font-weight: 600;*/
  /*display: flex;*/
}
.card-title--justify {
  justify-content: space-between;
}
/*.card svg {
  width: 100%;
}*/

@media (max-width: 595px) {
  .card-title {
    flex-direction: column;
  }
}
.quicklink-card {
  background: var(--white);
  transition: all 0.3s ease-in-out;
  border-radius: var(--card-border-radius);
  border: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 13.75rem;
}
.quicklink-card:hover {
  cursor: pointer;
  background: var(--primary-ghost);
  border-color: var(--primary-ghost);
  box-shadow: var(--box-shadow);
}
.quicklink-card__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.quicklink-card-title {
  color: var(--primary-link);
  background: var(--primary-ghost);
  border-radius: 6.25rem;
  font-size: 1.5rem;
  padding: 0.875rem;
}
.quicklink-card__lead {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.quicklink-card h2 {
  font-size: 1.125rem;
  color: var(--text-color);
  font-weight: 600;
}

.dark-mode .card {
  background: var(--dark-bg-light);
  border-color: var(--dark-bg-light);
}

.quicklink__link {
  margin-bottom: 1rem;
}

.quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.quicklinks__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-color);
}
.quicklinks a {
  border: 0.0625rem solid var(--primary-ghost);
  background-color: var(--primary-ghost);
  color: var(--primary);
  border-radius: 6.25rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background-color 0.3s ease-in-out;
}
.quicklinks a:hover {
  background: var(--primary-info);
}

@media only screen and (max-width: 768px) {
  .quicklinks {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .quicklink {
    width: 100%;
  }
  .quicklink a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.375rem;
  }
}
@media only screen and (max-width: 595px) {
  .quicklink__link {
    font-size: 1rem;
  }
}
.dark-mode .quicklinks a {
  border-color: var(--dark-border);
  background-color: var(--dark-border);
  transition: all 0.3s ease-in-out;
}
.dark-mode .quicklinks a:hover {
  color: var(--primary-hover);
}

.message-panel {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "message-panel__img message-panel__wrapper";
  position: relative;
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
  color: var(--text-color);
  padding: 1.5rem;
  font-size: 0.875rem;
  border-radius: var(--card-border-radius);
  max-width: var(--max-view-width);
  font-weight: 500;
  align-items: flex-start;
}
.message-panel__img {
  grid-area: message-panel__img;
}
.message-panel__img img,
.message-panel__img svg {
  width: 4.8125rem;
  height: 4.8125rem;
  margin-right: 1rem;
}
.message-panel__wrapper {
  grid-area: message-panel__wrapper;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  grid-template-areas: "message-panel__title message-panel__controls" "message-panel__body message-panel__controls";
  height: 100%;
}
.message-panel__controls {
  grid-area: message-panel__controls;
}
.message-panel__cta {
  margin-top: 1rem;
}
.message-panel__title {
  grid-area: message-panel__title;
  display: flex;
  align-items: center;
  line-height: 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  min-height: 0;
  margin-bottom: 0.5rem;
}
.message-panel__body {
  grid-area: message-panel__body;
  max-width: 50rem;
  font-size: 0.875rem;
  display: grid;
  grid-auto-rows: auto auto;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 1rem;
  grid-template-areas: "." ".";
}
.message-panel__body .btn {
  background: var(--primary);
  color: var(--white);
  border: 0.0625rem solid var(--primary);
  border-radius: var(--border-radius);
  min-width: 5rem;
  max-height: 2rem;
  padding: 0 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.message-panel__body .btn:hover {
  background-color: var(--primary-hover);
}
.message-panel__collapse-btn, .message-panel__close-button {
  background-color: transparent;
  color: var(--text-color);
  font-size: 1rem;
  border: none;
  cursor: pointer;
  min-width: unset;
  transition: all 0.3s ease-in-out;
}
.message-panel__collapse-btn:focus, .message-panel__collapse-btn:active, .message-panel__close-button:focus, .message-panel__close-button:active {
  background: transparent;
}
.message-panel__collapse-btn:hover, .message-panel__close-button:hover {
  color: var(--primary);
}
.message-panel__collapse-btn.btn-check:checked + .btn, .message-panel__collapse-btn.btn.active, .message-panel__collapse-btn.btn.show, .message-panel__collapse-btn.btn:first-child:active, .message-panel__collapse-btn:not(.btn-check) + .btn:active, .message-panel__close-button.btn-check:checked + .btn, .message-panel__close-button.btn.active, .message-panel__close-button.btn.show, .message-panel__close-button.btn:first-child:active, .message-panel__close-button:not(.btn-check) + .btn:active {
  background-color: transparent;
}
.message-panel__close {
  position: absolute;
  top: 0.625rem;
  right: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.message-panel button {
  height: 2.125rem;
}
.message-panel--info {
  background: var(--primary-ghost);
  border: 0.0625rem solid var(--primary-ghost);
}
.message-panel--warning {
  background: var(--yellow100);
  border: 0.0625rem solid var(--yellow100);
}
.message-panel--success {
  background: var(--green100);
  border: 0.0625rem solid var(--green100);
}
.message-panel--error, .message-panel--broken {
  background: var(--error-ghost);
  border: 0.0625rem solid var(--error-ghost);
}
.message-panel.collapsed .message-panel__body {
  display: none;
}
.message-panel.collapsed .message-panel__close {
  top: 1.25rem;
}
.message-panel.collapsed .message-panel__collapse-btn {
  transform: rotate(180deg);
}
.message-panel.collapsed .message-panel__img {
  display: none;
}
.message-panel.collapsed .message-panel__img img {
  height: 3.125rem;
}
.message-panel--disabled {
  background: var(--disabled);
  border: 0.0625rem solid var(--disabled);
  box-shadow: none;
}

card-wrapper {
  max-width: var(--max-view-width);
}

custom-select::part(display) {
  padding: 0.5rem;
  border: 0.0625rem solid var(--border-color);
  cursor: pointer;
  background-color: var(--white);
  display: flex;
  justify-content: space-between;
  border-radius: var(--border-radius);
  align-items: center;
  transition: all 0.3 ease-in-out;
}
custom-select::part(display):active, custom-select::part(display):focus, custom-select::part(display):focus-within {
  box-shadow: var(--focus-shadow);
}

custom-select::part(pagetitle) {
  font-size: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.0625rem dashed var(--primary);
  display: flex;
  align-items: center;
  color: var(--primary);
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3 ease-in-out;
}
custom-select::part(pagetitle):hover {
  color: var(--primary-hover);
}
custom-select::part(pagetitle):after {
  content: "\f107";
  font-family: var(--font-awesome);
  font-size: 0.875rem;
  color: var(--primary);
}

custom-select::part(options) {
  background-color: var(--white);
  border: none;
  margin-top: 0.5rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  width: -moz-fit-content;
  width: fit-content;
  min-width: 15.625rem;
  padding: 0.5rem;
  transition: all 0.3 ease-in-out;
}

custom-select::part(option) {
  padding: 0.5rem;
  cursor: pointer;
  background: var(--white);
  border-radius: 0.25rem;
  transition: all 0.3 ease-in-out;
}
custom-select::part(option):hover {
  background: var(--primary-ghost);
  color: var(--primary);
}

page-title::part(h1) {
  font-size: 1.5rem;
  color: var(--gray500);
  font-weight: 400;
  background: var(--white);
  position: sticky;
  top: 0;
  background: var(--white);
}

page-title::part(slot) {
  display: block;
}

page-title {
    grid-area: page-title;
    display: flex;
    align-items: center;
    height: 3.125rem;
    margin: 0 0 0.7rem 0;
}

.dark-mode page-title::part(h1) {
  color: var(--gray400);
}

.input-group {
  display: flex;
  border-radius: var(--border-radius);
  background: var(--white);
  overflow: hidden;
}
.input-group .form-element {
  width: 100%;
}
.input-group.password .form-control {
  border-radius: 0;
  width: 100%;
  border: none;
  background: transparent;
}
.input-group.password .btn {
  border-radius: 0;
  border: none;
  background: transparent;
}
.input-group.password .btn:hover {
  background: var(--primary-ghost);
  color: var(--primary);
}

.theme-tool {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  gap: 1.5rem 5rem;
  grid-auto-flow: row;
  grid-template-areas: "theme-tool__title theme-tool__title" "theme-tool__settings theme-tool__template";
  border: 0.0625rem solid var(--card-border-color);
  padding: 1rem;
  border-radius: var(--card-border-radius);
}
.theme-tool__login .login {
  padding: 4rem;
}
.theme-tool__login .login__bg-image {
  overflow: hidden;
  border-radius: var(--card-border-radius);
}
.theme-tool__title {
  grid-area: theme-tool__title;
  font-size: 1.5rem;
  color: var(--gray500);
  font-weight: 600;
}
.theme-tool__settings {
  grid-area: theme-tool__settings;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 1.5rem;
  grid-auto-flow: row;
  grid-template-areas: "theme-tool__settings-copy" "theme-tool__settings-form" "theme-tool__settings-footer";
}
.theme-tool__settings-copy {
  grid-area: theme-tool__settings-copy;
}
.theme-tool__settings-form {
  grid-area: theme-tool__settings-form;
}
.theme-tool__settings-form__cta {
  border-top: 0.0625rem solid var(--card-border-color);
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 1rem 0;
}
.theme-tool__settings-form__body {
  border-top: 0.0625rem solid var(--card-border-color);
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1.5rem 0;
}
.theme-tool__settings-footer {
  grid-area: theme-tool__settings-footer;
}
.theme-tool__template {
  position: relative;
  grid-area: theme-tool__template;
}
.theme-tool__template .tab-content {
  margin-top: 1rem;
}

.theme-builder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas: " theme-settings template-builder" "ts-footer ts-footer ";
}

.theme-settings {
  grid-area: theme-settings;
  background-color: var(--white);
  border-right: 0.0625rem solid var(--gray300);
  padding: 0 1.5rem 0 0;
}
.theme-settings p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.theme-settings .upload-image {
  max-width: 12.5rem;
}
.theme-settings-header {
  grid-area: ts-header;
}
.theme-settings-footer {
  grid-area: ts-footer;
}

.theme-ctas {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.theme-cta {
  min-width: unset;
}

.template-builder {
  grid-area: template-builder;
  display: grid;
  grid-template-columns: 1.875rem 1fr;
  grid-template-rows: auto 2.5rem 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas: "template-builder-title template-builder-title" "template-builder__leftnav template-builder__header" "template-builder__leftnav template-builder__body";
  height: 100%;
  width: 100%;
  min-height: 37.5rem;
  background-color: var(--theme-page-bg-color);
  border-radius: var(--card-border-radius);
  position: relative;
}
.template-builder-title {
  grid-area: template-builder-title;
  background-color: white;
  font-weight: 600;
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
}
.template-builder__leftnav {
  grid-area: template-builder__leftnav;
  background-color: var(--navbar-bg);
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: 0.0625rem solid var(--navbar-bg);
  border-bottom: 0.0625rem solid var(--navbar-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.template-builder__leftnav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--navbar-bg);
  font-size: 1.5rem;
}
.template-builder__leftnav-item:after {
  content: "\f004";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.875rem;
  font-weight: 300;
  position: absolute;
  top: 0.3125rem;
  left: 0.1875rem;
  bottom: 0;
  right: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  color: var(--navbar-item-color);
  border-radius: 6.25rem;
  display: flex;
}
.template-builder__leftnav-item--primary {
  color: var(--navbar-item-hover);
}
.template-builder__leftnav-item--primary:after {
  font-weight: 900;
  color: var(--navbar-item-active);
}
.template-builder__header {
  grid-area: template-builder__header;
  background-color: var(--white);
  display: flex;
  align-items: center;
  border-top: 0.0625rem solid var(--border-color);
  border-right: 0.0625rem solid var(--border-color);
  border-bottom: 0.0625rem solid var(--border-color);
  padding-left: 0.25rem;
  border-radius: 0 0.5rem 0 0;
}
.template-builder__header-logo {
  max-height: 1.25rem;
}
.template-builder__dashboard-title {
  line-height: 0.9rem;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  color: var(--accent);
  font-weight: 600;
}
.template-builder__body {
  grid-area: template-builder__body;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0 0 0.5rem 0;
  border-right: 0.0625rem solid var(--border-color);
  border-bottom: 0.0625rem solid var(--border-color);
}
.template-builder__body .mani-body__client-info {
  margin: -0.5rem -0.5rem 0 -0.5rem;
  box-shadow: none;
  font-size: 0.75rem;
  padding: 0.25rem;
}
.template-builder__body .breadcrumbs {
  margin: -0.5rem -0.5rem 0 -0.5rem;
}
.template-builder__body .breadcrumbs .breadcrumb {
  height: unset;
  padding: 0 0 0 0.5rem;
}
.template-builder__body .breadcrumbs .breadcrumb .breadcrumb-item {
  font-size: 0.75rem;
}
.template-builder__body .breadcrumbs .breadcrumb .breadcrumb-item a:after {
  font-size: 0.625rem;
}
.template-builder__body .dataTables_wrapper tr,
.template-builder__body .dataTables_wrapper td {
  font-size: 0.75rem;
}
.template-builder__body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  font-size: 0.75rem;
  padding: 0 0.5rem;
}
.template-builder__body .dataTables_info {
  font-size: 0.75rem;
  padding: 0;
  line-height: unset;
  height: 1.25rem;
}
.template-builder__body .paginate_button {
  font-size: 0.75rem;
}
.template-builder__body .bottom {
  font-size: 0.75rem;
}
.template-builder__body .card {
  margin: 0;
  padding: 1rem;
}
.template-builder__body .card-dash {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  gap: 0.5rem;
}
.template-builder__body .card-dash .card {
  min-width: 33.3333333%;
  border-radius: var(--card-border-radius);
}
.template-builder__body .card-dash .card .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-builder__body .card-title {
  padding: 0;
  margin: 0;
  line-height: 0.9rem;
  font-size: 0.75rem;
}
.template-builder__body .card-body {
  font-size: 0.5rem;
  line-height: 0.75rem;
  font-size: 0.625rem;
}
.template-builder__body .card-body img {
  width: 50%;
}
.template-builder__body .card-img img {
  width: 6.25rem;
}
.template-builder__body .primary-btn,
.template-builder__body .secondary-btn {
  padding: 0.375rem 0.875rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-builder__body .primary-btn {
  background-color: var(--primary);
  color: var(--white);
}
.template-builder__body .secondary-btn {
  background-color: var(--white);
  border: 0.0625rem solid var(--primary);
  color: var(--primary);
}
.template-builder__body-btns {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem;
}
.template-builder__body-accent {
  color: var(--accent);
  font-weight: 600;
  padding: 0.5rem;
}
.template-builder__input {
  height: 1.5rem;
  font-size: 0.75rem;
  border: 0.0625rem solid var(--primary);
  border-color: var(--border-color-active);
  box-shadow: var(--focus-shadow);
  padding: 0.625rem;
  width: 9.375rem;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  color: var(--gray400);
  position: relative;
}
.template-builder__input label {
  position: absolute;
  top: -1rem;
  left: 0;
  color: var(--gray900);
  font-weight: 600;
  font-size: 0.625rem;
}
.template-builder__input--dropdown {
  justify-content: space-between;
}
.template-builder__input--dropdown i {
  color: Var(--primary);
}
.template-builder__input--required {
  box-shadow: none;
  border-color: var(--border-color);
}
.template-builder__input--required label {
  color: var(--accent);
}
.template-builder__input--required label i {
  font-size: 0.5rem;
  position: absolute;
  left: -0.5625rem;
}
.template-builder__form-elements {
  margin: 1rem 0;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.template-builder__checkbox {
  color: var(--primary);
  font-size: 1.125rem;
}
.template-builder__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.template-builder__background:before {
  content: "";
  background: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  border-radius: var(--card-border-radius);
}
.template-builder__background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: var(--card-border-radius);
}

@media only screen and (max-width: 1280px) {
  .theme-builder {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: " theme-settings" "template-builder" "ts-footer";
  }
}
.masked-text {
  padding: 1.5rem;
}
.masked-text .masked,
.masked-text .unmasked {
  display: flex;
  align-items: center;
  font-size: 2rem;
}
.masked-text__label {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.masked-text__body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.masked-text__body .btn {
  width: 100%;
}
.masked-text__wrapper {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  justify-content: center;
}

.info-banner {
  background: var(--primary-ghost);
  padding: 1rem 1.5rem;
  color: var(--primary);
  margin: 0 -1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-banner__message {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.info-banner__cta {
  background: var(--primary);
  color: var(--white);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: var(--border-radius);
  transition: all 0.3s ease-in-out;
}
.info-banner__cta:hover {
  background: var(--primary-hover);
  color: var(--white);
}
.info-banner--warning {
  background: var(--warning-ghost);
  color: var(--warning-dark);
}
.info-banner--warning .info-banner__cta {
  background: var(--warning);
  color: var(--warning-dark);
}
.info-banner--warning .info-banner__cta:hover {
  background: var(--warning-hover);
}
.info-banner--error {
  background: var(--error-ghost);
  color: var(--error-dark);
}
.info-banner--error .info-banner__cta {
  background: var(--error);
  color: var(--error-dark);
}
.info-banner--error .info-banner__cta:hover {
  background: var(--error-hover);
}
.info-banner--success {
  background: var(--success-ghost);
  color: var(--success-dark);
}
.info-banner--success .info-banner__cta {
  background: var(--success);
  color: var(--success-dark);
}
.info-banner--success .info-banner__cta:hover {
  background: var(--success-hover);
}

/*.form-group {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}*/

.rotating-ad {
  gap: 0.25rem;
  height: 100%;
  width: 100%;
}
@container (min-width: 1024px) {}
@container (min-width: 1200px) {}
.rotating-ad__wrapper {
  position: relative;
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.rotating-ad__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.rotating-ad__copy {
  position: relative;
  text-align: center;
  font-size: 2rem;
  align-items: center;
  justify-content: center;
  color: var(--white);
  padding: 2.5rem 1rem;
  font-weight: 600;
  text-wrap: pretty;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  
  text-shadow: 0 0 0.625rem var(--gray900);
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5410539216) 100%);
  
  
  
}
.rotating-ad__tag {
  font-size: 1rem;
  font-weight: 400;
  text-wrap: pretty;
}

.dark-mode .rotating-ad__copy {
  color: var(--gray100);
}

.ee {
  background: var(--gray600);
}
.ee .prismatic {
  margin: auto;
  width: 93.75rem;
}
.ee .left-nav {
  width: 18.75rem;
}
.ee .left-nav.collapsed {
  width: 3.125rem;
  padding: 0;
}

.bg-primary.bg-soft {
    background-color: rgba(0, 112, 192, .25) !important;
}

.avatar-xs {
    height: 2rem;
    width: 2rem;
}

.avatar-sm {
    height: 3rem;
    width: 3rem;
}

.avatar-md {
    height: 4.5rem;
    width: 4.5rem;
}

.avatar-lg {
    height: 6rem;
    width: 6rem;
}

.avatar-xl {
    height: 7.5rem;
    width: 7.5rem;
}

.avatar-title {
    align-items: center;
    background-color: $primary;
    color: $white;
    display: flex;
    font-weight: $fw-medium;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.rounded-circle {
    border-radius: 50% !important;
}

@media (max-width: 1500px) {
  .ee .prismatic {
    width: 100%;
  }
}

.dxgvControl_Material a {
    color: #0f5cf5;
    text-decoration: none;
}

.dxpLite_Material .dxp-current {
    /*background-color: #757575;*/
    color: #FFFFFF;
    text-decoration: none;
    /*font-size: 12px !important;*/
    /*font: 12px poppins;*/
    /*padding: 0 !important;*/
    padding: 8px 12px 8px 12px !important;
    border-radius: 50px;
    margin: 0 !important;
}

.dxtcLite_Material.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 3px solid #0f5cf5 !important;
    text-transform: uppercase;
    font: 12px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 1em;
}

.dxflGroupBox_Material {
    display: table;
    border-collapse: separate;
    width: 100%;
    border: 1px Solid #DFDFDF;
    padding: 0 0 12px;
    margin: 10px 0 !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 0.13rem solid #999696;
}
.dx-pager .dx-pages {
    float: left;
}

    .dx-pager .dx-pages .dx-selection {
        background-color: #0d6efd;
    }

.dxflRequired_Material {
    color: #0f5cf5;
    font-style: normal;
}

.dxeCalendarWeekend_Material {
    color: #000;
}

.dxucControl .dxucBrowseButton a {
    color: #0f5cf5 !important;
}

.dxucBrowseButton {
    border: 0.0625rem solid var(--primary) !important;
    background-color: var(--white) !important;
    color: var(--primary) !important;
    border-radius: var(--border-radius) !important;
    background-image: none;
}

.dxucBrowseButton:hover {
    background-color: var(--primary-hover) !important;
    color: var(--white) !important;
}

.dxucBrowseButton:focus {
    background-color: var(--primary-hover) !important;
    color: var(--white) !important;
}

.dxucBrowseButton:active {
    background-color: var(--primary-hover) !important;
    color: var(--white);
}

.dxucgen-1_dxFIButtonHover {
    border: 0.0625rem solid var(--primary) !important;
    background-color: var(--white) !important;
    color: var(--primary) !important;
    border-radius: var(--border-radius) !important;
    background-image: none;
}
    .dxucgen-1_dxFIButtonHover:hover {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }

    .dxucgen-1_dxFIButtonHover:focus {
        background-color: var(--primary-hover) !important;
        color: var(--white) !important;
    }

    .dxucgen-1_dxFIButtonHover:active {
        background-color: var(--primary-hover) !important;
        color: var(--white);
    }