@charset "UTF-8";

/* node_modules/bootstrap/dist/css/bootstrap.min.css */
/*!
* Bootstrap  v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255,255,255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33,37,41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33,37,41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248,249,250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13,110,253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10,88,202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52,58,64;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43,48,53;
  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110,168,254;
  --bs-link-hover-color-rgb:139,185,254;
  --bs-code-color:#e685b5;
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:#664d03;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}
*,
::after,
::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + .9vw);
}
@media (min-width:1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + .6vw);
}
@media (min-width:1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: .875em;
}
.mark,
mark {
  padding: .1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  line-height: inherit;
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: .875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}
.row {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x:0;
}
.g-0,
.gy-0 {
  --bs-gutter-y:0;
}
.g-1,
.gx-1 {
  --bs-gutter-x:0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y:0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x:0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y:0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x:1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y:1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x:1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y:1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x:3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y:3rem;
}
@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.table {
  --bs-table-color-type:initial;
  --bs-table-bg-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-state:initial;
  --bs-table-color:var(--bs-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: .25rem .25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state:var(--bs-table-active-color);
  --bs-table-bg-state:var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state:var(--bs-table-hover-color);
  --bs-table-bg-state:var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#a6b5cc;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#b5b6b7;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#a6c3ca;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#ccc2a4;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#c6acae;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#c6c7c8;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#4d5154;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: .5rem;
}
.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem;
}
.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg:var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: .25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: .5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), .65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:var(--bs-border-radius);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}
.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}
.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}
.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}
.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}
.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}
.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}
.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}
.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}
.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}
.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}
.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}
.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}
.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}
.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}
.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}
.btn-link {
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --bs-btn-active-border-color:transparent;
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:0 0 0 #000;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:var(--bs-body-color);
  --bs-dropdown-bg:var(--bs-body-bg);
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:var(--bs-border-radius);
  --bs-dropdown-border-width:var(--bs-border-width);
  --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:var(--bs-box-shadow);
  --bs-dropdown-link-color:var(--bs-body-color);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position:start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position:end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius,0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}
.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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.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:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width:var(--bs-border-width);
  --bs-nav-tabs-border-color:var(--bs-border-color);
  --bs-nav-tabs-border-radius:var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg:var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius:var(--bs-border-radius);
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap:1rem;
  --bs-nav-underline-border-width:0.125rem;
  --bs-nav-underline-link-active-color:var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto;
}
@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header,
  .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer,
  .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header,
  .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer,
  .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:var(--bs-body-color);
  --bs-accordion-bg:var(--bs-body-bg);
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:var(--bs-border-width);
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg:var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:var(--bs-body-bg);
  --bs-pagination-border-width:var(--bs-border-width);
  --bs-pagination-border-color:var(--bs-border-color);
  --bs-pagination-border-radius:var(--bs-border-radius);
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color:var(--bs-border-color);
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:var(--bs-secondary-color);
  --bs-pagination-disabled-bg:var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color:var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --bs-alert-margin-bottom:1rem;
  --bs-alert-color:inherit;
  --bs-alert-border-color:transparent;
  --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius:var(--bs-border-radius);
  --bs-alert-link-color:inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color:var(--bs-primary-text-emphasis);
  --bs-alert-bg:var(--bs-primary-bg-subtle);
  --bs-alert-border-color:var(--bs-primary-border-subtle);
  --bs-alert-link-color:var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color:var(--bs-secondary-text-emphasis);
  --bs-alert-bg:var(--bs-secondary-bg-subtle);
  --bs-alert-border-color:var(--bs-secondary-border-subtle);
  --bs-alert-link-color:var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color:var(--bs-success-text-emphasis);
  --bs-alert-bg:var(--bs-success-bg-subtle);
  --bs-alert-border-color:var(--bs-success-border-subtle);
  --bs-alert-link-color:var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color:var(--bs-info-text-emphasis);
  --bs-alert-bg:var(--bs-info-bg-subtle);
  --bs-alert-border-color:var(--bs-info-border-subtle);
  --bs-alert-link-color:var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color:var(--bs-warning-text-emphasis);
  --bs-alert-bg:var(--bs-warning-bg-subtle);
  --bs-alert-border-color:var(--bs-warning-border-subtle);
  --bs-alert-link-color:var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color:var(--bs-danger-text-emphasis);
  --bs-alert-bg:var(--bs-danger-bg-subtle);
  --bs-alert-border-color:var(--bs-danger-border-subtle);
  --bs-alert-link-color:var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color:var(--bs-light-text-emphasis);
  --bs-alert-bg:var(--bs-light-bg-subtle);
  --bs-alert-border-color:var(--bs-light-border-subtle);
  --bs-alert-link-color:var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color:var(--bs-dark-text-emphasis);
  --bs-alert-bg:var(--bs-dark-bg-subtle);
  --bs-alert-border-color:var(--bs-dark-border-subtle);
  --bs-alert-link-color:var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color:var(--bs-primary-text-emphasis);
  --bs-list-group-bg:var(--bs-primary-bg-subtle);
  --bs-list-group-border-color:var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
  --bs-list-group-active-color:var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color:var(--bs-secondary-text-emphasis);
  --bs-list-group-bg:var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color:var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-active-color:var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color:var(--bs-success-text-emphasis);
  --bs-list-group-bg:var(--bs-success-bg-subtle);
  --bs-list-group-border-color:var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-success-border-subtle);
  --bs-list-group-active-color:var(--bs-success-bg-subtle);
  --bs-list-group-active-bg:var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color:var(--bs-info-text-emphasis);
  --bs-list-group-bg:var(--bs-info-bg-subtle);
  --bs-list-group-border-color:var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-info-border-subtle);
  --bs-list-group-active-color:var(--bs-info-bg-subtle);
  --bs-list-group-active-bg:var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color:var(--bs-warning-text-emphasis);
  --bs-list-group-bg:var(--bs-warning-bg-subtle);
  --bs-list-group-border-color:var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
  --bs-list-group-active-color:var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg:var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color:var(--bs-danger-text-emphasis);
  --bs-list-group-bg:var(--bs-danger-bg-subtle);
  --bs-list-group-border-color:var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
  --bs-list-group-active-color:var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg:var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color:var(--bs-light-text-emphasis);
  --bs-list-group-bg:var(--bs-light-bg-subtle);
  --bs-list-group-border-color:var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-light-border-subtle);
  --bs-list-group-active-color:var(--bs-light-bg-subtle);
  --bs-list-group-active-bg:var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color:var(--bs-dark-text-emphasis);
  --bs-list-group-bg:var(--bs-dark-bg-subtle);
  --bs-list-group-border-color:var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
  --bs-list-group-active-color:var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg:var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform .3s ease-out;
}
@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width:576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width:992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:var(--bs-body-bg);
  --bs-tooltip-bg:var(--bs-emphasis-color);
  --bs-tooltip-border-radius:var(--bs-border-radius);
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:var(--bs-body-bg);
  --bs-popover-border-width:var(--bs-border-width);
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow:var(--bs-box-shadow);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color:inherit;
  --bs-popover-header-bg:var(--bs-secondary-bg);
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:var(--bs-body-color);
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg:#fff;
  --bs-carousel-caption-color:#fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}
@media (prefers-reduced-motion:reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}
@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: .5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: .6em;
}
.placeholder-sm {
  min-height: .8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: .2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity,1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform;
}
@media (prefers-reduced-motion:reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform,translate3d(.25em,0,0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio:100%;
}
.ratio-4x3 {
  --bs-aspect-ratio:75%;
}
.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: .25 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-75 {
  opacity: .75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity:0.1;
}
.border-opacity-25 {
  --bs-border-opacity:0.25;
}
.border-opacity-50 {
  --bs-border-opacity:0.5;
}
.border-opacity-75 {
  --bs-border-opacity:0.75;
}
.border-opacity-100 {
  --bs-border-opacity:1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important;
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: .25rem !important;
}
.mt-2 {
  margin-top: .5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: .25rem !important;
}
.me-2 {
  margin-right: .5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: .25rem !important;
}
.ms-2 {
  margin-left: .5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: .25rem !important;
}
.pt-2 {
  padding-top: .5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: .25rem !important;
}
.pe-2 {
  padding-right: .5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: .25rem !important;
}
.pb-2 {
  padding-bottom: .5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: .25rem !important;
}
.ps-2 {
  padding-left: .5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: .25rem !important;
}
.gap-2 {
  gap: .5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: .25rem !important;
}
.row-gap-2 {
  row-gap: .5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: .25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: .5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + .9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + .6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + .3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, .5) !important;
}
.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, .5) !important;
}
.text-body-secondary {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity:1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity:1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity:0.25;
}
.text-opacity-50 {
  --bs-text-opacity:0.5;
}
.text-opacity-75 {
  --bs-text-opacity:0.75;
}
.text-opacity-100 {
  --bs-text-opacity:1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity:0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity:0.1;
}
.link-opacity-25 {
  --bs-link-opacity:0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity:0.25;
}
.link-opacity-50 {
  --bs-link-opacity:0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity:0.5;
}
.link-opacity-75 {
  --bs-link-opacity:0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity:0.75;
}
.link-opacity-100 {
  --bs-link-opacity:1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity:1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity:1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity:1;
}
.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity:1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width:576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: .25rem !important;
  }
  .mt-sm-2 {
    margin-top: .5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: .25rem !important;
  }
  .me-sm-2 {
    margin-right: .5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: .5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: .25rem !important;
  }
  .ms-sm-2 {
    margin-left: .5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: .25rem !important;
  }
  .pt-sm-2 {
    padding-top: .5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: .25rem !important;
  }
  .pe-sm-2 {
    padding-right: .5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: .25rem !important;
  }
  .ps-sm-2 {
    padding-left: .5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: .25rem !important;
  }
  .gap-sm-2 {
    gap: .5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width:768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: .25rem !important;
  }
  .mt-md-2 {
    margin-top: .5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: .25rem !important;
  }
  .me-md-2 {
    margin-right: .5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: .25rem !important;
  }
  .mb-md-2 {
    margin-bottom: .5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: .25rem !important;
  }
  .ms-md-2 {
    margin-left: .5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: .25rem !important;
  }
  .pt-md-2 {
    padding-top: .5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: .25rem !important;
  }
  .pe-md-2 {
    padding-right: .5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: .25rem !important;
  }
  .pb-md-2 {
    padding-bottom: .5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: .25rem !important;
  }
  .ps-md-2 {
    padding-left: .5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: .25rem !important;
  }
  .gap-md-2 {
    gap: .5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: .25rem !important;
  }
  .row-gap-md-2 {
    row-gap: .5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width:992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: .25rem !important;
  }
  .mt-lg-2 {
    margin-top: .5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: .25rem !important;
  }
  .me-lg-2 {
    margin-right: .5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: .5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: .25rem !important;
  }
  .ms-lg-2 {
    margin-left: .5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: .25rem !important;
  }
  .pt-lg-2 {
    padding-top: .5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: .25rem !important;
  }
  .pe-lg-2 {
    padding-right: .5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: .25rem !important;
  }
  .ps-lg-2 {
    padding-left: .5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: .25rem !important;
  }
  .gap-lg-2 {
    gap: .5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: .25rem !important;
  }
  .mt-xl-2 {
    margin-top: .5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: .25rem !important;
  }
  .me-xl-2 {
    margin-right: .5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: .25rem !important;
  }
  .ms-xl-2 {
    margin-left: .5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: .25rem !important;
  }
  .pt-xl-2 {
    padding-top: .5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: .25rem !important;
  }
  .pe-xl-2 {
    padding-right: .5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: .25rem !important;
  }
  .ps-xl-2 {
    padding-left: .5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: .25rem !important;
  }
  .gap-xl-2 {
    gap: .5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: .25rem !important;
  }
  .m-xxl-2 {
    margin: .5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: .25rem !important;
  }
  .mt-xxl-2 {
    margin-top: .5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: .25rem !important;
  }
  .me-xxl-2 {
    margin-right: .5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: .25rem !important;
  }
  .ms-xxl-2 {
    margin-left: .5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: .25rem !important;
  }
  .p-xxl-2 {
    padding: .5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: .25rem !important;
  }
  .pt-xxl-2 {
    padding-top: .5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: .25rem !important;
  }
  .pe-xxl-2 {
    padding-right: .5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: .25rem !important;
  }
  .ps-xxl-2 {
    padding-left: .5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: .25rem !important;
  }
  .gap-xxl-2 {
    gap: .5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/* projects/depot-management-system/src/styles.scss */
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb:
    110,
    168,
    254;
  --bs-link-hover-color-rgb:
    139,
    185,
    254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb:
    60,
    153,
    110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb:
    11,
    172,
    204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb:
    217,
    164,
    6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb:
    13,
    110,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb:
    25,
    135,
    84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb:
    13,
    202,
    240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb:
    255,
    193,
    7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.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: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover,
.list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,
.link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,
.link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,
.link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,
.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,
.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,
.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.primary-colour {
  color: #005d28 !important;
}
.primary-colour-dark {
  color: #024A20 !important;
}
.primary-colour-light {
  color: #008131 !important;
}
.primary-colour-bg {
  background: #005d28 !important;
}
.primary-colour-dark-bg {
  background: #024A20 !important;
}
.primary-colour-light-bg {
  background: #008131 !important;
}
.secondary-colour {
  color: #c07c01 !important;
}
.secondary-colour-dark {
  color: #523601 !important;
}
.secondary-colour-light {
  color: #e09b1a !important;
}
.secondary-colour-bg {
  background: #c07c01 !important;
}
.secondary-colour-dark-bg {
  background: #523601 !important;
}
.secondary-colour-light-bg {
  background: #e09b1a !important;
}
.app-header {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  height: 60px;
  width: 100%;
  display: flex;
  padding: 8px 15px 8px 0;
  align-items: center;
  justify-content: space-between;
  background:
    linear-gradient(
      to right,
      #000000,
      #005d28);
  color: #fff;
  transition: all 0.6s ease;
}
.app-header .app-header-left {
  display: flex;
  align-items: center;
}
.app-header .app-header-left .header-page-title {
  color: #E2FF99;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.app-header .app-header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-header .app-header-right .fullscreen,
.app-header .app-header-right .to-do {
  margin: 0px 10px 0 10px;
  cursor: pointer;
  width: 35px;
  height: 30px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}
.app-header .app-header-right .fullscreen .material-symbols-outlined,
.app-header .app-header-right .to-do .material-symbols-outlined {
  font-size: 25px;
}
.app-header .app-header-right .fullscreen .count-number,
.app-header .app-header-right .to-do .count-number {
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  background: #df4640;
  text-align: center;
  align-content: center;
  width: auto;
  min-width: 20px;
  height: 20px;
  border-radius: 30px;
  position: absolute;
  top: -8px;
  right: 20px;
  padding: 4px;
  transition: all 0.3s ease;
}
.app-header .app-header-right .fullscreen .count-number:hover,
.app-header .app-header-right .to-do .count-number:hover {
  opacity: 0.8;
}
.app-header .app-header-right .fullscreen .count-number:empty,
.app-header .app-header-right .to-do .count-number:empty {
  display: none;
}
.app-header .app-header-right .header-profile {
  display: flex;
  align-items: center;
  margin-left: 15px;
  white-space: inherit;
  cursor: pointer;
  color: #fff;
}
.app-header .app-header-right .header-profile .header-profile-pic {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.app-header .app-header-right .header-profile .header-profile-pic img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.app-header .app-header-right .header-profile .header-profile-info {
  padding: 0 0 0 0px;
  width: 100%;
}
.app-header .app-header-right .header-profile .header-profile-info.dropdown-toggle::after {
  display: none;
}
.app-header .app-header-right .header-profile .header-profile-info .header-profile-info-name {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}
.app-header .app-header-right .header-profile .header-profile-info .header-profile-info-role {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  margin-bottom: 0px;
}
.app-header .app-header-right .header-profile .header-profile-info span {
  color: #fff;
  margin-left: 5px;
}
.app-header .app-header-right .header-profile-dropdown {
  width: 250px;
  padding: 10px 0;
  background: #fff;
  overflow: hidden;
  border-radius: 0;
  border-color: #fff;
  box-shadow: 0 0 4px #999;
  top: 8px !important;
}
.app-header .app-header-right .header-profile-dropdown .item-link {
  width: 100%;
  padding: 12px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  border-bottom: 1px solid #ccc;
}
.app-header .app-header-right .header-profile-dropdown .item-link:last-child {
  border-bottom: 0;
}
.app-header .app-header-right .header-profile-dropdown .item-link:hover {
  padding-left: 25px;
}
.app-header .app-header-right .header-profile-dropdown .item-link:active {
  background: #c07c01;
}
.app-header .app-header-right .header-profile-dropdown .item-link .material-symbols-outlined {
  margin-right: 8px;
  display: none;
}
.app-header .app-header-right .header-nav {
  padding-right: 10px;
}
.app-header .app-header-right .header-nav a {
  color: #fff;
  padding: 6px 10px;
  margin-right: 10px;
  text-decoration: none;
  transition: all 0.6s ease;
  position: relative;
  overflow: hidden;
}
.app-header .app-header-right .header-nav a span {
  font-size: 32px;
}
.app-header .app-header-right .header-nav a:hover {
  color: #fff;
}
.app-header .app-header-right .header-nav a:nth-last-of-type(1) {
  margin-right: 0px;
}
.app-header .app-header-right .branding {
  height: 40px;
  border-radius: 0px;
  margin-left: 10px;
}
.app-header .app-header-right .branding .home-logo {
  display: none;
}
.app-header .app-header-right .branding img {
  height: 100%;
}
.app-header .noti-block {
  padding-top: 5px;
}
.app-header .noti-block .noti-block-icon {
  background: none;
  border: 0;
  padding: 4px;
  background: none;
  color: #fff;
  outline: none !important;
}
.app-header .noti-block .noti-block-icon .material-symbols-outlined {
  font-size: 25px;
}
.app-header .noti-block .noti-block-icon::after {
  display: none;
}
.app-header .noti-block .noti-block-icon .noti-count {
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  background: #df4640;
  text-align: center;
  align-content: center;
  width: auto;
  min-width: 20px;
  height: 20px;
  border-radius: 30px;
  position: absolute;
  top: -2px;
  right: 20px;
  padding: 4px;
  transition: all 0.3s ease;
}
.app-header .noti-block .noti-block-icon .noti-count:hover {
  opacity: 0.8;
}
.app-header .noti-block .noti-block-icon .noti-count:empty {
  display: none;
}
.app-header .noti-block .noti-block-dropdown {
  width: 350px;
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
  border: 0 !important;
  color: #000;
  background: #fff;
  box-shadow: 0 0 2px #000;
}
.app-header .noti-block .noti-block-dropdown .noti-header {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
.app-header .noti-block .noti-block-dropdown .noti-header .noti-header-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.app-header .noti-block .noti-block-dropdown .noti-header .read-btn {
  all: unset;
  display: flex;
  align-items: center;
  color: #008131;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
}
.app-header .noti-block .noti-block-dropdown .noti-header .read-btn:active {
  transform: scale(0.8);
}
.app-header .noti-block .noti-block-dropdown .noti-header .read-btn .material-symbols-outlined {
  margin-right: 5px;
}
.app-header .noti-block .noti-block-dropdown .noti-body {
  width: 100%;
  padding: 5px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 130px;
  max-height: 350px;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul {
  width: 100%;
  margin: 0;
  padding: 0 0 0 0px;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul li {
  width: 100%;
  position: relative;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul li .material-symbols-outlined {
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul li::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 27px;
  width: 1px;
  height: 100%;
  background: #ccc;
  z-index: 0;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul li:last-child::before {
  content: none;
}
.app-header .noti-block .noti-block-dropdown .noti-body ul li.active {
  border: 1px solid #000;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item {
  color: #000;
  padding: 10px 10px 10px 60px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-bottom: 10px;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item .noti-title-new {
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #008131;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item .noti-item-title {
  width: 100%;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item .noti-item-text {
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item .noti-item-time {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item.new {
  background: rgba(0, 129, 49, 0.1);
  border-color: rgba(0, 129, 49, 0.1);
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item.new:hover {
  background: rgba(0, 129, 49, 0.15);
  border-color: rgba(0, 129, 49, 0.15);
}
.app-header .noti-block .noti-block-dropdown .noti-body .dropdown-item:hover {
  background: rgba(0, 129, 49, 0.05);
  border-color: rgba(0, 129, 49, 0.1);
}
.app-header .noti-block .noti-block-dropdown .noti-body::-webkit-scrollbar {
  width: 3px;
}
.app-header .noti-block .noti-block-dropdown .noti-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.app-header .noti-block .noti-block-dropdown .noti-body::-webkit-scrollbar-track {
  background: transparent;
}
.app-header .noti-block .noti-block-dropdown .noti-body:hover::-webkit-scrollbar-thumb {
  background: #0fb955;
}
.app-header .noti-block .noti-block-dropdown .noti-body:hover::-webkit-scrollbar-track {
  background: #293244;
}
.app-header .noti-block .noti-footer {
  width: 100%;
  padding: 15px 10px;
  border-top: 1px solid #ccc;
  text-align: center;
}
.app-header .noti-block .noti-footer a {
  color: #024b20;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.app-header .noti-block .noti-footer a:hover {
  text-decoration: underline;
}
.table-container {
  width: 100%;
  overflow: auto;
}
.info-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  font-size: 14px;
  margin-top: -10px;
}
.info-table tr {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
}
.info-table tr:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.info-table thead tr {
  color: #fff;
  background: #000;
  background-size: contain;
}
.info-table th {
  padding: 8px 8px;
  vertical-align: top;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  min-width: 100px;
}
.info-table tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-left: 1px solid #000;
}
.info-table tr th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-right: 1px solid #000;
}
.info-table td {
  padding: 8px 8px;
  vertical-align: top;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-width: 100px;
}
.info-table tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-left: 1px solid #ccc;
}
.info-table tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-right: 1px solid #ccc;
}
.label {
  display: block;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 4px;
}
.value {
  display: block;
  font-weight: 500;
  color: #111827;
  word-break: break-word;
}
.tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}
.tag.transport {
  background-color: #f0f9ff;
  color: #0284c7;
}
.tag.courier {
  background-color: #fef2f2;
  color: #dc2626;
}
.info-table-btn-group {
  padding: 12px 0 0 0;
}
@media (max-width: 768px) {
  .info-table,
  .info-table tbody,
  .info-table tr,
  .info-table td {
    display: block;
    width: 100%;
  }
  .info-table {
    margin: 0;
  }
  .info-table tr {
    margin-bottom: 10px;
  }
  .info-table td {
    border-bottom: 1px solid #f0f0f0;
  }
  .info-table td {
    vertical-align: top;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .info-table tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 12px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  .info-table tr td:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 12px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .info-table td:last-child {
    border-bottom: none;
  }
}
.login-page-container {
  z-index: 1;
  width: 100%;
  height: 100vh;
  color: #fff;
}
.login-page-container .login-page {
  width: 100%;
  height: calc(100vh - 10px);
  padding: 0 100px;
}
.login-page-container .login-page .login-page-header {
  width: 100%;
  height: 80px;
  padding: 10px 5px;
  color: #fff;
  background: #024A20;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  box-shadow: 0 2px 3px #000;
}
.login-page-container .login-page .login-page-header .login-page-logo img {
  width: auto;
  max-width: 250px;
  max-height: 50px;
  cursor: pointer;
}
.login-page-container .login-page .login-page-header .login-page-brand {
  color: #b0c47d;
  font-size: 14px;
}
.login-page-container .login-page .login-page-header .login-page-brand a {
  color: #b0c47d;
}
.login-page-container .login-page .login-page-header .login-page-brand a:hover {
  text-decoration: none;
}
.login-page-container .login-page .login-page-header::before {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 80px solid #024A20;
  border-left: 100px solid transparent;
  filter: drop-shadow(-2px 0px 1px #000);
}
.login-page-container .login-page .login-page-header::after {
  content: "";
  position: absolute;
  right: -100px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 80px solid #024A20;
  border-right: 100px solid transparent;
  filter: drop-shadow(2px 0px 1px #000);
}
.login-page-container .login-page .login-page-body {
  width: 100%;
  padding: 20px 5px;
  display: flex;
  align-items: center;
  height: calc(100vh - 260px);
}
.login-page-container .login-page .login-page-body .login-page-body-left {
  font-size: 50px;
  line-height: 64px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
}
.login-page-container .login-page .login-page-body .login-page-body-left div {
  width: 320px;
  position: relative;
  z-index: 1;
  display: inline;
}
.login-page-container .login-page .login-page-body .login-page-body-right {
  width: 100%;
  text-align: right;
}
.login-page-container .login-page .login-page-body .login-page-body-right img {
  width: auto;
  max-width: 250px;
  max-height: 190px;
  position: relative;
  z-index: 1;
}
.login-page-container .login-page .login-page-footer {
  width: 100%;
}
.login-page-container .login-page .login-page-footer .top-footer {
  width: 100%;
  height: 50px;
  color: #fff;
  background: #024A20;
  position: relative;
}
.login-page-container .login-page .login-page-footer .top-footer::before {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 50px solid #024A20;
  border-left: 100px solid transparent;
}
.login-page-container .login-page .login-page-footer .top-footer::after {
  content: "";
  position: absolute;
  right: -100px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 50px solid #024A20;
  border-right: 100px solid transparent;
}
.login-page-container .login-page .login-form {
  width: 100%;
  height: 120px;
  color: #000;
  background: #fff;
  padding: 25px 25px 10px 25px;
  position: relative;
}
.login-page-container .login-page .login-form .form-control {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  height: 40px;
  background: #fff !important;
  box-shadow: none !important;
  border: 1px solid #ddd;
  letter-spacing: 0.5px;
  padding-left: 8px;
}
.login-page-container .login-page .login-form .form-control::placeholder {
  color: #474747;
}
.login-page-container .login-page .login-form .form-select {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  height: 40px;
  background-color: #fff !important;
  box-shadow: none !important;
  border: 1px solid #ddd;
  letter-spacing: 0.5px;
}
.login-page-container .login-page .login-form input:-webkit-autofill,
.login-page-container .login-page .login-form input:-webkit-autofill:hover,
.login-page-container .login-page .login-form input:-webkit-autofill:focus,
.login-page-container .login-page .login-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.login-page-container .login-page .login-form .control-icon {
  position: relative;
}
.login-page-container .login-page .login-form .control-icon .control-icon-box {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #000;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}
.login-page-container .login-page .login-form .control-icon .form-control {
  padding-right: 40px;
}
.login-page-container .login-page .login-form .login-error-box {
  width: 500px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0px;
  background: none;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
.login-page-container .login-page .login-form .forgot-link {
  cursor: pointer;
  display: inline-block;
}
.login-page-container .login-page .login-form .forgot-link:hover {
  text-decoration: underline;
}
.login-page-container .text-error {
  font-size: 14px;
  line-height: 16px;
  display: block;
  color: #ff0000;
  position: absolute;
  top: 42px;
  left: 0;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.login-error {
  color: #fff;
  background: rgba(255, 0, 0, 0.7);
  padding: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.login-success {
  color: #fff;
  background: rgba(0, 203, 0, 0.7);
  padding: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.forgot-link {
  color: #005d28;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 0;
  margin: 0;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  font-size: 14px;
}
.forgot-link:hover {
  text-decoration: underline;
}
.login-btn-group {
  width: 100%;
  padding-top: 22px;
}
.login-btn-group .login-btn {
  width: 100%;
  height: 40px;
  text-align: center;
  color: #ffffff;
  background: #000000;
  border: 0;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.login-btn-group .login-btn .arrow-block {
  position: relative;
  height: 20px;
  margin-left: 25px;
}
.login-btn-group .login-btn .arrow-block .arrow {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: rotate(-90deg);
  cursor: pointer;
}
.login-btn-group .login-btn .arrow-block .arrow span {
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}
.login-btn-group .login-btn .arrow-block .arrow span:nth-child(2) {
  animation-delay: -0.2s;
}
.login-btn-group .login-btn .arrow-block .arrow span:nth-child(3) {
  animation-delay: -0.4s;
}
.login-btn-group .login-btn:hover {
  opacity: 0.8;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-10px, -10px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(10px, 10px);
  }
}
.bottom-footer {
  width: 100%;
  display: flex;
  position: relative;
}
.bottom-footer div {
  width: 100%;
  height: 10px;
  background: #046836;
}
.bottom-footer div:nth-child(2) {
  background: #4b7f2a;
}
.bottom-footer div:nth-child(3) {
  background: #b0c47d;
}
.bottom-footer div:nth-child(4) {
  background: #73ac39;
}
.login-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-flex .login-flex-left {
  width: 100%;
  text-align: left;
}
.login-flex .login-flex-right {
  width: 100%;
  text-align: right;
}
.login-check {
  display: block;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border-radius: 4px;
  background-color: #ddd;
}
.login-check:hover input ~ .login-checkmark {
  background-color: #ccc;
}
.login-check input:checked ~ .login-checkmark {
  background-color: #f47737;
}
.login-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.login-check input:checked ~ .login-checkmark:after {
  display: block;
}
.login-check .login-checkmark:after {
  left: 5.5px;
  top: 1px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.user-select-radio-wrapper {
  clear: both;
  display: inline-block;
  width: 100%;
}
.user-select-radio-wrapper .user-select-radio-button {
  position: absolute;
  left: -9999em;
  top: -9999em;
}
.user-select-radio-wrapper .user-select-radio-button + label {
  float: left;
  width: 33.3334%;
  height: 40px;
  padding: 10px 5px;
  cursor: pointer;
  border: 1px solid #000000;
  margin-right: -1px;
  color: #000;
  background-color: #fff;
  text-align: center;
}
.user-select-radio-wrapper .user-select-radio-button:checked + label {
  background-color: #c07c01;
  color: #fff;
}
.bg-animation {
  z-index: 0;
  position: fixed;
  height: 100vh;
  width: 100%;
  background:
    linear-gradient(
      to right,
      #000000 0%,
      #005d28 100%);
  background:
    linear-gradient(
      to right,
      #000000 0%,
      #005d28 100%);
  display: flex;
  top: 0;
  left: 0;
  flex-direction: column;
  overflow: hidden;
}
.bg-animation .icon-row {
  position: relative;
  width: 100%;
  display: flex;
  padding: 10px 0;
  white-space: nowrap;
  transform: rotate(-30deg);
  flex-wrap: nowrap;
  top: -50%;
}
.bg-animation .icon-row div {
  animation: animate1 160s linear infinite;
  animation-delay: -160s;
}
.bg-animation .icon-row div:nth-child(2) {
  animation: animate2 160s linear infinite;
  animation-delay: -80s;
}
.bg-animation .icon-row:nth-child(even) div {
  animation: animate3 160s linear infinite;
  animation-delay: -160s;
}
.bg-animation .icon-row:nth-child(even) div:nth-child(2) {
  animation: animate4 160s linear infinite;
  animation-delay: -80s;
}
.bg-animation .icon-row:nth-child(even) span {
  animation: rotataterev 15s infinite;
}
.bg-animation .icon-row span {
  color: rgba(255, 255, 255, 0.03);
  font-size: 48px;
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
  padding: 5px 25px;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  animation: rotatate 15s infinite;
}
.bg-animation .icon-row span:hover {
  color: #3cc904;
  text-shadow: 0 0 120px #0f0;
}
.bg-animation .icon-row div span:nth-child(1):hover {
  color: #ff4cf0;
  text-shadow: 0 0 120px #ff4cf0;
}
.bg-animation .icon-row div span:nth-child(2):hover {
  color: #9a41ff;
  text-shadow: 0 0 120px #9a41ff;
}
.bg-animation .icon-row div span:nth-child(3):hover {
  color: #5f4dff;
  text-shadow: 0 0 120px #5f4dff;
}
.bg-animation .icon-row div span:nth-child(4):hover {
  color: #04c9c9;
  text-shadow: 0 0 120px #04c9c9;
}
.bg-animation .icon-row div span:nth-child(5):hover {
  color: #04c96d;
  text-shadow: 0 0 120px #04c96d;
}
.bg-animation .icon-row div span:nth-child(6):hover {
  color: #33ff00;
  text-shadow: 0 0 120px #33ff00;
}
.bg-animation .icon-row div span:nth-child(7):hover {
  color: #abc904;
  text-shadow: 0 0 120px #abc904;
}
.bg-animation .icon-row div span:nth-child(8):hover {
  color: #fffb02;
  text-shadow: 0 0 120px #fffb02;
}
.bg-animation .icon-row div span:nth-child(9):hover {
  color: #ffbe46;
  text-shadow: 0 0 120px #ffbe46;
}
.bg-animation .icon-row div span:nth-child(10):hover {
  color: #fdb36e;
  text-shadow: 0 0 120px #fdb36e;
}
.bg-animation .icon-row div span:nth-child(11):hover {
  color: #ff4c4c;
  text-shadow: 0 0 120px #ff4c4c;
}
.bg-animation .icon-row div span:nth-child(12):hover {
  color: #ffffff;
  text-shadow: 0 0 120px #ffffff;
}
.bg-animation .icon-row div span:nth-child(13):hover {
  color: #ff4ee7;
  text-shadow: 0 0 120px #ff4ee7;
}
.bg-animation .icon-row div span:nth-child(14):hover {
  color: #6b5bff;
  text-shadow: 0 0 120px #6b5bff;
}
.bg-animation .icon-row div span:nth-child(15):hover {
  color: #059bff;
  text-shadow: 0 0 120px #059bff;
}
.bg-animation .icon-row div span:nth-child(16):hover {
  color: #04c9b9;
  text-shadow: 0 0 120px #04c9b9;
}
.bg-animation .icon-row div span:nth-child(17):hover {
  color: #fff;
  text-shadow: 0 0 120px #fff;
}
.bg-animation .icon-row div span:nth-child(18):hover {
  color: #4bff3b;
  text-shadow: 0 0 120px #4bff3b;
}
.bg-animation .icon-row div span:nth-child(19):hover {
  color: #00bdec;
  text-shadow: 0 0 120px #00bdec;
}
.bg-animation .icon-row div span:nth-child(20):hover {
  color: #8e65ff;
  text-shadow: 0 0 120px #8e65ff;
}
@keyframes animate1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes animate2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes animate3 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes animate4 {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes rotatate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotataterev {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media screen and (max-width: 768px) {
  .login-page-container .login-page .login-page-header {
    display: block;
  }
  .login-page-container .login-page .login-page-header .login-page-logo {
    text-align: center;
  }
  .login-page-container .login-page .login-page-header .login-page-logo img {
    margin: 0 auto;
  }
  .login-page-container .login-page .login-page-header .login-page-brand {
    display: none;
  }
  .login-page-container .login-page .login-page-body {
    height: calc(100vh - 411px);
  }
  .login-page-container .login-page .login-page-body .login-page-body-left,
  .login-page-container .login-page .login-page-body .login-page-body-right {
    display: none;
  }
  .login-page-container .login-page .login-page-footer .login-form {
    height: auto;
  }
  .login-page-container .login-page .login-page-footer .login-form .login-control-group {
    margin-bottom: 25px;
  }
  .login-page-container .bottom-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .login-page-container .login-page {
    padding: 0 60px;
  }
  .login-page-container .login-page .login-page-header {
    height: 60px;
    padding: 5px 5px;
  }
  .login-page-container .login-page .login-page-header::before {
    left: -60px;
    border-top-width: 60px;
    border-left-width: 60px;
  }
  .login-page-container .login-page .login-page-header::after {
    right: -60px;
    border-top-width: 60px;
    border-right-width: 60px;
  }
  .login-page-container .login-page .login-page-header .login-page-logo img {
    margin: 0 auto;
  }
  .login-page-container .login-page .login-page-body {
    height: calc(100vh - 391px);
  }
  .login-page-container .login-page .login-page-footer .top-footer::before {
    left: -60px;
    border-top-width: 60px;
    border-left-width: 60px;
  }
  .login-page-container .login-page .login-page-footer .top-footer::after {
    right: -60px;
    border-top-width: 60px;
    border-right-width: 60px;
  }
  .login-page-container .bottom-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (max-height: 500px) {
  .login-page-container .login-page .login-page-body .login-page-body-left {
    font-size: 25px;
    line-height: 30px;
  }
  .login-page-container .login-page .login-page-body .login-page-body-right img {
    max-height: 100px;
  }
}
@media screen and (max-height: 350px) {
  .login-page-container .login-page .login-page-body .login-page-body-left,
  .login-page-container .login-page .login-page-body .login-page-body-right {
    display: none;
  }
}
.welcome-dashboard {
  display: flex;
}
.welcome-dashboard .dashboard-container {
  width: calc(100% - 200px);
}
.welcome-dashboard .dashboard-container .welcome-box {
  min-height: 200px;
  width: 100%;
}
.welcome-dashboard .dashboard-sidebar {
  padding: 20px;
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats {
  width: 250px;
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box {
  margin-bottom: 25px;
  color: #fff;
  background-color: #c77700;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 5px #999;
  background-size: 110% !important;
  background-position: center center !important;
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box:nth-child(1) {
  background: url("./media/tile1-QIHJTG3R.jpg");
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box:nth-child(2) {
  background: url("./media/tile2-UAFZCLOI.jpg");
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box:nth-child(3) {
  background: url("./media/tile3-O72QYVJ2.jpg");
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box .dashboard-stats-label {
  margin-bottom: 40px;
}
.welcome-dashboard .dashboard-sidebar .dashboard-stats .dashboard-staus-box .dashboard-stats-value {
  font-weight: 700;
  font-size: 28px;
}
.master-db {
  display: flex;
}
.master-db .db-container {
  width: calc(100% - 200px);
}
.master-db .db-container .db-top-section {
  display: flex;
  width: 100%;
  padding: 25px;
  margin-bottom: 15px;
}
.master-db .db-container .db-top-section .db-stats {
  width: 250px;
}
.master-db .db-container .db-top-section .db-stats .db-staus-box {
  margin-bottom: 25px;
  color: #fff;
  background-color: #c77700;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 5px #999;
  background-size: 110% !important;
  background-position: center center !important;
}
.master-db .db-container .db-top-section .db-stats .db-staus-box:nth-child(1) {
  background: url("./media/tile1-QIHJTG3R.jpg");
}
.master-db .db-container .db-top-section .db-stats .db-staus-box:nth-child(2) {
  background: url("./media/tile2-UAFZCLOI.jpg");
}
.master-db .db-container .db-top-section .db-stats .db-staus-box:nth-child(3) {
  background: url("./media/tile3-O72QYVJ2.jpg");
}
.master-db .db-container .db-top-section .db-stats .db-staus-box .db-stats-label {
  margin-bottom: 40px;
}
.master-db .db-container .db-top-section .db-stats .db-staus-box .db-stats-value {
  font-weight: 700;
  font-size: 28px;
}
.master-db .db-container .db-top-section .db-hero-chart {
  width: calc(100% - 275px);
  margin-left: 25px;
}
.master-db .db-container .db-top-section .db-hero-chart img {
  width: 100%;
}
.master-db .db-container .db-details-section {
  padding: 0 25px 0 25px;
}
.master-db .db-container .db-details-section .db-details-box {
  margin-bottom: 25px;
  color: #333;
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 5px #999;
  background-size: 100% 100px !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}
.master-db .db-container .db-details-section .db-details-box .db-details-icon {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-bottom: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.master-db .db-container .db-details-section .db-details-box .db-details-icon span {
  font-size: 40px;
}
.master-db .db-container .db-details-section .db-details-box.orange-box {
  background: url("./media/orange-bg-ZY4GRHTN.png");
}
.master-db .db-container .db-details-section .db-details-box.orange-box .db-details-icon {
  background-color: #f8debd;
}
.master-db .db-container .db-details-section .db-details-box.orange-box .db-details-icon span {
  color: #e69a38;
}
.master-db .db-container .db-details-section .db-details-box.red-box {
  background: url("./media/red-bg-W5XXYACN.png");
}
.master-db .db-container .db-details-section .db-details-box.red-box .db-details-icon {
  background-color: #fbf0f4;
}
.master-db .db-container .db-details-section .db-details-box.red-box .db-details-icon span {
  color: #ca6c6d;
}
.master-db .db-container .db-details-section .db-details-box.blue-box {
  background: url("./media/blue-bg-DQGWHRRC.png");
}
.master-db .db-container .db-details-section .db-details-box.blue-box .db-details-icon {
  background-color: #d0fcff;
}
.master-db .db-container .db-details-section .db-details-box.blue-box .db-details-icon span {
  color: #468f96;
}
.master-db .db-container .db-details-section .db-details-box.purple-box {
  background: url("./media/purple-bg-224WQBKP.png");
}
.master-db .db-container .db-details-section .db-details-box.purple-box .db-details-icon {
  background-color: #d0b7ff;
}
.master-db .db-container .db-details-section .db-details-box.purple-box .db-details-icon span {
  color: #3d05a3;
}
.master-db .db-container .db-details-section .db-details-box .db-details-label {
  margin-bottom: 30px;
  clear: both;
}
.master-db .db-container .db-details-section .db-details-box .db-details-value {
  font-weight: 700;
  font-size: 28px;
}
.master-db .db-container .db-block-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
.master-db .db-sidebar {
  width: 200px;
  background: rgba(255, 255, 255, 0.5);
  padding: 25px 15px;
  border-left: 1px solid #ddd;
}
.master-db .db-sidebar .db-sidebar-title {
  font-weight: 600;
  font-size: 18px;
}
.db-dash {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.db-dash img {
  max-width: 100%;
}
.db {
  width: 100%;
  word-wrap: break-word;
}
.db .db_header_block {
  width: 100%;
  color: #000000;
}
.db .db_header_block .db_header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 15px 10px 15px;
  justify-content: space-between;
}
.db .db_header_block .db_header .db_header_left {
  padding-right: 15px;
  font-size: 18px;
  letter-spacing: 0.3px;
}
.db .db_header_block .db_header .db_header_right {
  padding-left: 15px;
}
.db .db_header_block .db_header_bottom {
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 0px;
  justify-content: space-between;
}
.db .db_header_block .db_header_bottom .db_header_bottom_left {
  padding-right: 15px;
  font-size: 18px;
  letter-spacing: 0.3px;
  padding: 10px 15px;
}
.db .db_header_block .db_header_bottom .db_header_bottom_right {
  padding: 10px 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
}
.db .db_header_block .db_header_bottom .header-btn {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.4);
  padding: 5px 10px 3px 10px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.db .db_header_block .db_header_bottom .header-btn .material-symbols-outlined {
  font-size: 20px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 20px;
  margin-right: 3px;
  margin-left: -5px;
}
.db .db_header_block .db_header_bottom .search-container {
  position: relative;
  display: inline-block;
  height: 28px;
  width: 28px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  cursor: pointer;
}
.db .db_header_block .db_header_bottom .search-container .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  display: block;
}
.db .db_header_block .db_header_bottom .search-container .mglass {
  display: inline-block;
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.db .db_header_block .db_header_bottom .search-container .searchbutton {
  position: absolute;
  font-size: 22px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.db .db_header_block .db_header_bottom .search-container .search:focus + .searchbutton {
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  background-color: white;
  color: black;
}
.db .db_header_block .db_header_bottom .search-container .search {
  position: absolute;
  left: 49px;
  color: #fff;
  background-color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  outline: none;
  padding: 0;
  width: 0;
  height: 100%;
  z-index: 10;
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  opacity: 0;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.db .db_header_block .db_header_bottom .search-container .search::placeholder {
  color: #fff;
}
.db .db_header_block .db_header_bottom .search-container .search:focus {
  width: 200px;
  opacity: 1;
}
.db .db_header_block .db_header_bottom .search-container .expandright {
  left: auto;
  top: 0;
  right: 26px;
}
.db .db_header_block .db_header_bottom .search-container .expandright:focus {
  padding: 0 0 0 6px;
}
.db .db_body_block {
  display: flex;
}
.db .db_body_block .db_body_block_left {
  width: calc(100% - 300px);
  background: #fff;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 133px);
}
.db .db_body_block .db_body_block_left::-webkit-scrollbar {
  width: 3px;
}
.db .db_body_block .db_body_block_left::-webkit-scrollbar-thumb {
  background: transparent;
}
.db .db_body_block .db_body_block_left:hover::-webkit-scrollbar-thumb {
  background: #020381;
}
.db .db_body_block .db_body_block_right {
  width: 300px;
  flex-shrink: 0;
  background: #f1f5f4;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 133px);
}
@media (max-width: 991px) {
  .db .db_body_block {
    display: block;
  }
  .db .db_body_block .db_body_block_left {
    width: 100%;
    height: auto;
  }
  .db .db_body_block .db_body_block_left .db_status {
    padding: 15px;
    border-radius: 10px;
  }
  .db .db_body_block .db_body_block_left .db_status .db_status_title {
    min-height: auto;
  }
  .db .db_body_block .db_body_block_right {
    width: 100%;
    height: auto;
  }
}
.top_tabs {
  width: 100%;
  padding: 0px 0px;
}
.top_tabs .top_tabs-nav {
  width: auto;
  padding: 0;
}
.top_tabs .top_tabs-nav .top_tabs-nav-item {
  color: #000000;
  display: inline-block;
  font-size: 16px;
  list-style-type: none;
  background: none;
  border-radius: 5px 5px 0px 0px;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-bottom: 3px solid transparent;
  padding: 8px 20px 5px 20px;
  cursor: pointer;
  margin-right: 4px;
  transition: all 0.3s ease;
}
.top_tabs .top_tabs-nav .top_tabs-nav-item:hover {
  border-color: #45bb76;
}
.top_tabs .top_tabs-nav .top_tabs-nav-item.active {
  color: #008131;
  border-color: #008131;
}
.top_tabs .top_tabs-content {
  width: 100%;
  padding: 15px 15px 15px 0px;
  overflow: auto;
  height: calc(100vh - 180px);
}
.top_tabs .top_tabs-content .top_tabs-pane {
  display: none;
}
.top_tabs .top_tabs-content .top_tabs-pane.active {
  display: block;
}
.db_chart_box {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #000;
  background: #f1f5f4;
  overflow: hidden;
}
.db_chart_box .db_chart_box_header {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.db_chart_box .db_chart_box_body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.db_status {
  width: 100%;
  padding: 0px 15px 10px 15px;
  background: url("./media/tile4-NG6XK3PD.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  border-radius: 8px;
}
.db_status .db_status_box {
  height: 128px;
  border: 2px solid #02b098;
  border-radius: 8px;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  margin-left: auto;
  background: #fff;
  box-shadow: 0 0 2px #fff;
}
.db_status .db_status_box .db_status_box_value {
  color: #02b098;
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
}
.db_status .db_status_box .db_status_box_value::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 30px;
  height: 2px;
  border-radius: 30px;
  background: #02b098;
}
.db_status .db_status_box .db_status_box_label {
  width: 100%;
  font-size: 12px;
}
.db_status .db_status_box .db_status_box_label span {
  font-size: 20px;
  letter-spacing: 0.5px;
  display: block;
  width: 100%;
  padding: 10px 0 15px 0;
}
.db_status .db_status_box .status-trigger {
  color: #02b098;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0px 5px 1px 0px;
  text-align: right;
}
.db_status .db_status_box .status-trigger .material-symbols-outlined {
  cursor: default;
}
.db_status .db_status_title {
  color: #fff;
  min-height: 38px;
}
.db_status.orange {
  background: url("./media/tile-QHY2JNQC.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  border-radius: 8px;
}
.db_status.orange .db_status_box {
  border-color: #df4539;
}
.db_status.orange .db_status_box .db_status_box_value,
.db_status.orange .db_status_box .status-trigger {
  color: #df4539;
}
.db_status.orange .db_status_box .db_status_box_value::before,
.db_status.orange .db_status_box .status-trigger::before {
  background: #df4539;
}
.db_status.purple {
  background: url("./media/tile2-RDJZBZ2L.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  border-radius: 8px;
}
.db_status.purple .db_status_box {
  border-color: #9449ec;
}
.db_status.purple .db_status_box .db_status_box_value,
.db_status.purple .db_status_box .status-trigger {
  color: #9449ec;
}
.db_status.purple .db_status_box .db_status_box_value::before,
.db_status.purple .db_status_box .status-trigger::before {
  background: #9449ec;
}
.db_status.blue {
  background: url("./media/tile3-WODXKPAI.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  border-radius: 8px;
}
.db_status.blue .db_status_box {
  border-color: #6a59f3;
}
.db_status.blue .db_status_box .db_status_box_value,
.db_status.blue .db_status_box .status-trigger {
  color: #6a59f3;
}
.db_status.blue .db_status_box .db_status_box_value::before,
.db_status.blue .db_status_box .status-trigger::before {
  background: #6a59f3;
}
@media (max-width: 1800px) {
  .db_status {
    background-position-y: top !important;
  }
}
@media (max-width: 1500px) {
  .db_status {
    background-position-y: bottom !important;
  }
}
.status-b {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 0 3px #afafaf;
  padding: 10px;
  background: #f1f5f4;
}
.status-b .status-b-date {
  background: #fff;
  font-size: 14px;
  flex-shrink: 0;
  position: relative;
  margin-right: 30px;
}
.status-b .status-b-date .status-b-date-inner {
  width: 50px;
  height: 50px;
  padding: 4px 0px 4px 4px;
  overflow: hidden;
  position: sticky;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #000;
  border-right: 0;
  font-size: 12px;
  line-height: 14px;
}
.status-b .status-b-date::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 8px;
  background: #fff;
  transform: rotate(45deg);
}
.status-b .status {
  width: 100%;
  text-align: center;
}
.status-b .status .status-label {
  width: 100%;
  font-size: 14px;
  margin-bottom: 6px;
}
.status-b .status .status-value {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.status-b.blue-bg {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #84d3fe 100%);
}
.status-b.purple-bg {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #d5a8df 100%);
}
.d-left-chart {
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 15px;
}
.d-left-chart .d-left-chart-header {
  width: 100%;
  color: #fff;
  background: #404042;
  padding: 8px 10px;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.d-left-chart .d-left-chart-body {
  width: 100%;
  padding: 10px;
}
.modules-wrapper {
  width: 100%;
  height: calc(100vh - 70px);
}
.modules-wrapper .modules-list-in {
  width: 100%;
  height: calc(100vh - 70px);
}
.modules-wrapper .modules-list-in .modules-body {
  overflow: hidden;
  overflow-y: auto;
  padding: 0 15px;
  height: calc(100vh - 120px);
  position: relative;
}
.modules-wrapper .modules-list-in .modules-body .modules-welcome {
  text-align: center;
  color: #000;
  padding-top: 50px;
}
.modules-wrapper .modules-list-in .modules-body .modules-welcome .logo-icon img {
  width: 60px;
}
.modules-wrapper .modules-list-in .modules-body .modules-welcome .lite-title {
  margin-top: 20px;
  font-size: 20px;
}
.modules-wrapper .modules-list-in .modules-body .modules-welcome .strong-title {
  font-weight: 700;
  font-size: 24px;
}
@media (max-height: 700px) {
  .modules-wrapper .modules-list-in .modules-body .modules-welcome {
    padding-top: 20px;
  }
}
.modules-wrapper .modules-list-in .modules-body .modules-list {
  position: absolute;
  width: 100%;
  bottom: 80px;
  display: flex;
  left: 0;
  justify-content: center;
  margin-top: auto;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul {
  padding: 0;
  margin: 0;
  overflow: auto;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  min-height: 198px;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul::-webkit-scrollbar-thumb {
  background: transparent;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul::-webkit-scrollbar-track {
  background: transparent;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul:hover::-webkit-scrollbar-thumb {
  background: #636363;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li {
  list-style: none;
  display: inline-block;
  padding: 0 25px;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item {
  width: 150px;
  height: 180px;
  border-radius: 10px 50px 10px 10px;
  position: relative;
  cursor: pointer;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("./media/pattern-5O5JYQXU.png");
  background-size: cover;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-title {
  color: #fff;
  padding: 20px 10px;
  white-space: nowrap;
  font-weight: 600;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon {
  width: 130px;
  height: 95px;
  position: absolute;
  bottom: 0;
  left: -10px;
  transition: all 0.6s ease;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.dashboard {
  background: url("./media/dashboard-KM3NBJPK.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.location_away {
  background: url("./media/depots-KA52RLHG.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.summarize {
  background: url("./media/reports-FAO4R2OH.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.person_raised_hand {
  background: url("./media/demander-RE42MMCO.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.inventory {
  background: url("./media/suppliers-YMO62KYD.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item .menu-icon.settings {
  background: url("./media/settings-GUOHDFOG.png") no-repeat;
  background-size: contain;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li .module-item:hover .menu-icon {
  left: 10px;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(1) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #ff4d21,
      #ff8e65);
  border-right: 6px solid #c3583e;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(2) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #90c841,
      #09b195);
  border-right: 6px solid #1a9178;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(3) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #7b45f7,
      #2da4e9);
  border-right: 6px solid #4538d5;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(4) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #e66345,
      #e66345);
  border-right: 6px solid #a03323;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(5) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #8333fc,
      #c992b8);
  border-right: 6px solid #5f379b;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(6) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #f3719b,
      #ff9374);
  border-right: 6px solid #d8426e;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(7) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #01a783,
      #69ffde);
  border-right: 6px solid #019273;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(8) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #ff74dc,
      #b30095);
  border-right: 6px solid #750262;
}
.modules-wrapper .modules-list-in .modules-body .modules-list ul li:nth-of-type(9) .module-item {
  background:
    linear-gradient(
      to right bottom,
      #ff4d21,
      #ff8e65);
  border-right: 6px solid #c3583e;
}
@media (max-height: 700px) {
  .modules-wrapper .modules-list-in .modules-body .modules-list {
    bottom: 10px;
  }
}
.modules-wrapper .modules-list-in .modules-footer {
  width: calc(100% - 200px);
  margin-left: 100px;
}
.modules-wrapper .modules-list-in .modules-footer .modules-footer-in {
  width: 100%;
  height: 50px;
  color: #fff;
  background: #024A20;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0c47d;
}
.modules-wrapper .modules-list-in .modules-footer .modules-footer-in a {
  color: #b0c47d;
}
.modules-wrapper .modules-list-in .modules-footer .modules-footer-in::before {
  content: "";
  position: absolute;
  left: -99px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 51px solid #024A20;
  border-left: 100px solid transparent;
}
.modules-wrapper .modules-list-in .modules-footer .modules-footer-in::after {
  content: "";
  position: absolute;
  right: -100px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 51px solid #024A20;
  border-right: 100px solid transparent;
}
.page-border-bottom {
  width: 100%;
  display: flex;
}
.page-border-bottom div {
  width: 100%;
  height: 10px;
  background: #046836;
}
.page-border-bottom div:nth-child(2) {
  background: #4b7f2a;
}
.page-border-bottom div:nth-child(3) {
  background: #b0c47d;
}
.page-border-bottom div:nth-child(4) {
  background: #73ac39;
}
.predashboard .page-wrapper {
  background: url("./media/greyicons-V3HYYULO.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.predashboard .app-header {
  width: 100%;
  background: transparent;
  height: 80px;
}
.predashboard .app-header .header-page-title {
  display: none;
}
.predashboard .app-header .app-header-right .branding {
  height: 50px;
  position: absolute;
  left: 0px;
  top: 20px;
}
.predashboard .app-header .app-header-right .to-do {
  color: #000;
}
.predashboard .app-header .app-header-right .header-nav a {
  color: #000;
}
.predashboard .app-header .app-header-right .noti-block .noti-block-icon {
  color: #000;
}
.predashboard .app-header .app-header-right .header-profile .header-profile-info span {
  color: #000;
}
.predashboard .app-header .branding .sys-logo {
  display: none;
}
.predashboard .app-header .branding .home-logo {
  display: block;
}
.predashboard .content-block {
  width: 100%;
  border-left: 0px solid #ddd;
}
@media screen and (max-width: 768px) {
  .modules-wrapper .modules-list-in {
    height: calc(100vh - 21px);
  }
  .modules-wrapper .modules-list-in .modules-body {
    height: auto;
    padding-top: 50px;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-welcome {
    padding: 0;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-welcome .logo-icon {
    display: none;
  }
  .modules-wrapper .modules-list-in .modules-body .dash-barcodes {
    display: block;
  }
  .modules-wrapper .modules-list-in .modules-body .dash-barcodes .dash-barcodes-box {
    text-align: center;
    padding: 0 10px 10px 10px;
  }
  .modules-wrapper .modules-list-in .modules-body .dash-barcodes .dash-barcodes-box .barcode {
    width: 100%;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list {
    position: static;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list ul li {
    padding: 0 15px;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list ul li:first-child {
    padding-left: 0;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list ul li:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .modules-wrapper .modules-list-in .modules-body .dash-barcodes .dash-barcodes-box {
    padding: 0 0px 10px 0px;
  }
  .modules-wrapper .modules-list-in .modules-body .dash-barcodes .dash-barcodes-box .barcode {
    width: 100%;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list {
    position: static;
  }
  .modules-wrapper .modules-list-in .modules-body .modules-list ul li {
    padding: 0 15px;
  }
  .modules-wrapper .modules-list-in .modules-footer {
    font-size: 12px;
  }
}
* {
  box-sizing: border-box;
}
body {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  background:
    linear-gradient(
      to bottom,
      #6ACE94,
      #ffffff 40%);
  background-size: cover;
}
a,
button {
  cursor: pointer;
}
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  visibility: hidden;
  scrollbar-width: thin;
}
::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 50px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
select::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 3px;
}
.page-wrapper {
  overflow: hidden;
}
.page-wrapper-in {
  display: flex;
}
.left-nav-trigger {
  width: 100%;
  height: 45px;
  padding: 5px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  transition: all 0.3s ease;
}
.left-nav-trigger .left-nav-title {
  width: 100%;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
  font-size: 15px;
  color: #000;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  opacity: 1;
}
.left-nav-trigger .left-nav-title .active-text {
  display: block;
}
.left-nav-trigger .left-nav-title .inactive-text {
  display: none;
}
.mobile-trigger {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  color: #ffffff;
  background: #008131;
  border: 1px solid #008131;
  cursor: pointer;
  overflow: hidden;
  padding: 3px 2px;
  text-align: center;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.mobile-trigger .material-symbols-outlined {
  font-size: 20px;
}
.mobile-trigger:hover {
  opacity: 0.8;
}
.mobile-trigger:active {
  transform: scale(0.8);
}
.mobile-view {
  display: none;
}
.mobile-view .mobile-menu .dropdown-toggle {
  width: 25px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-color: #ffffff;
  background: #005d28;
}
.mobile-view .mobile-menu .dropdown-toggle::after {
  content: none;
}
.mobile-menu-body {
  width: 230px;
}
.mobile-menu-body .dropdown-item {
  width: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 0.4px;
  border-bottom: 1px solid #f7f7f7;
  cursor: pointer;
  padding: 5px 10px;
  transition: all 0.3s ease;
}
.mobile-menu-body .dropdown-item .material-symbols-outlined {
  margin-right: 10px;
}
.mobile-menu-body .dropdown-item label {
  margin: 0px;
  cursor: pointer;
}
.mobile-menu-body .dropdown-item:last-child {
  border-bottom: 0px;
}
.mobile-menu-body .dropdown-item:hover {
  background: rgba(0, 93, 40, 0.3);
  border-color: rgba(0, 93, 40, 0.3);
}
.mobile-menu-body .dropdown-item:active {
  color: #ffffff;
  background: #005d28;
}
.mobile-menu-body .logout_btn {
  color: #f54d4d;
  font-weight: 600;
}
.mobile-menu-body .logout_btn:hover {
  background: #ffebeb;
}
.mobile-menu-body .logout_btn:active {
  color: #ffffff;
  background: #f54d4d !important;
}
.mobile-menu-body .header-barcode {
  width: 200px;
  margin: 0 auto 8px auto !important;
}
.mobile-menu-body .header-barcode input {
  color: #000 !important;
  border-color: #005d28 !important;
}
.mobile-menu-body .header-barcode input::placeholder {
  color: #000 !important;
}
.mobile-menu-body .header-barcode::after {
  color: #005d28 !important;
}
.back-home {
  width: 250px;
  font-size: 12px;
  line-height: 15px;
  height: 60px;
  display: flex;
  background-color: #000;
  color: #fff;
  margin-right: 25px;
  flex-shrink: 0;
  overflow: hidden;
  letter-spacing: 0.5px;
}
.back-home .back-home-icon {
  height: 100%;
  width: 60px;
  color: #fff;
  background-color: #000;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.back-home .back-home-label {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding: 0px 0 0 0px;
  white-space: nowrap;
  width: calc(100% - 60px);
  transition: all 0.6s ease;
  font-weight: 700;
  font-size: 18px;
  padding-left: 12px;
  position: relative;
}
.back-home .back-home-label::before {
  content: "";
  position: absolute;
  height: 80%;
  width: 3px;
  left: 0;
  background-color: #005d28;
  border-radius: 2px;
}
.left-bar {
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 10;
  font-size: 14px;
  transition: all 0.2s ease;
  opacity: 1;
  z-index: 11;
}
.left-bar .left-bar-nav {
  overflow: hidden;
  box-shadow: 0 0 2px #5a5a5a;
  background: #fff url("./media/pattern-lite-OBTDV3AR.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.left-bar .left-bar-nav .nav-block {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  font-weight: 200;
  padding-bottom: 25px;
  height: calc(100vh - 105px);
}
.left-bar .left-bar-nav .nav-block::-webkit-scrollbar {
  width: 2px;
}
.left-bar .left-bar-nav .nav-block::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.left-bar .left-bar-nav .nav-block::-webkit-scrollbar-track {
  background: transparent;
}
.left-bar .left-bar-nav .nav-block:hover::-webkit-scrollbar-thumb {
  background: #c83642;
}
.left-bar .left-bar-nav .nav-block:hover::-webkit-scrollbar-track {
  background: #293244;
}
.left-bar .left-bar-nav .nav-block .nav-div {
  position: relative;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav {
  width: 100%;
  padding: 0;
  margin: 0;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item {
  width: 100%;
  list-style: none;
  position: relative;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item a {
  width: 100%;
  min-height: 45px;
  line-height: 20px;
  color: #000;
  padding: 10px 10px 10px 18px;
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  outline: none !important;
  cursor: pointer;
  font-weight: 500;
  border-bottom: 1px dashed #ddd;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item a .nav-icon {
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item a .nav-icon .material-symbols-outlined {
  font-size: 21px;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item a .nav-label {
  padding: 3px 0 0 5px;
  margin: 0;
  cursor: pointer;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item a:hover {
  color: #008131;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item.active > a {
  color: #008131;
  font-weight: 700;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item.active .child-nav {
  height: auto;
  overflow: auto;
  opacity: 1;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav {
  width: 100%;
  padding: 0;
  margin: 0;
  background: rgba(0, 93, 40, 0.1);
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav li a {
  min-height: 40px;
  cursor: pointer;
  padding: 8px 10px 8px 15px !important;
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  cursor: pointer;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav li a .material-symbols-outlined {
  width: 25px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav li a:hover {
  color: #008131;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item .child-nav li a.active {
  font-weight: 700;
  color: #005d28;
  background: rgba(0, 93, 40, 0.1);
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item > a {
  padding-right: 20px;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e145";
  z-index: 1;
  right: 0px;
  top: 14px;
  font-size: 16px;
  color: #000;
  transition: all 0.3s ease;
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item:hover::after {
  color: #008131;
  transform: rotate(90deg);
}
.left-bar .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item.active::after {
  content: "\f88a";
  transform: none;
}
.page-wrapper-in.nav-hide .left-bar {
  width: 60px;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .left-nav-trigger .left-nav-title {
  width: 0;
  padding: 0;
  opacity: 0;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .left-nav-trigger .left-nav-title .active-text {
  display: none;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .left-nav-trigger .left-nav-title .inactive-text {
  display: block;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .nav-block::-webkit-scrollbar {
  width: 0px;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .nav-block .nav-div .nav-label {
  display: none;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item::after {
  font-size: 12px;
}
.page-wrapper-in.nav-hide .left-bar .left-bar-wrapper .left-bar-nav .nav-block .nav-div .parent-nav li .child-nav {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0;
}
.page-wrapper-in.nav-hide .left-bar:hover {
  width: 250px;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .left-nav-trigger {
  justify-content: flex-start;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .left-nav-trigger .left-nav-title {
  width: 100%;
  padding: 5px 10px;
  opacity: 1;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .nav-block::-webkit-scrollbar {
  width: 3px;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .nav-block .nav-div .nav-label {
  display: block;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .nav-block .nav-div .parent-nav.hasChild .parent-nav-item::after {
  font-size: 10px;
}
.page-wrapper-in.nav-hide .left-bar:hover .left-bar-wrapper .left-bar-nav .nav-block .nav-div .parent-nav .parent-nav-item.active .child-nav {
  height: auto !important;
  overflow: auto !important;
  opacity: 1;
}
.page-wrapper-in.nav-hide .form-container {
  margin-left: 60px;
  width: calc(100% - 60px);
}
.content-block {
  width: 100%;
  height: 100vh;
  padding: 60px 0 0 0px;
  padding-top: 60px;
  word-wrap: break-word;
  transition: all 0.2s ease;
  overflow-y: auto;
}
.content-block.space-management {
  width: 100%;
  padding: 0;
  position: fixed;
  z-index: 99;
  transition: none !important;
}
.content-block.space-management .side-form .side-form-header {
  padding: 4px 10px;
}
.form-container {
  width: calc(100% - 250px);
  margin-left: 250px;
  background:
    linear-gradient(
      to bottom,
      #6ace94,
      #f6f6f6 360px,
      #f6f6f6);
  transition: all 0.2s ease;
}
.form-container .form-body {
  width: 100%;
  padding: 15px 20px;
  word-wrap: break-word;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 60px);
}
.form-container .form-header {
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.form-container .form-header .form-header-top {
  width: 100%;
  padding: 6px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  position: relative;
}
.form-container .form-header .form-header-top .form-header-left {
  text-align: left;
  display: flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.form-container .form-header .form-header-top .form-header-left .form-header-tabs {
  display: flex;
  gap: 20px;
}
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .filter-tab,
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .data-tab {
  padding: 7px 25px 6px 15px;
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 30px;
  gap: 5px;
  box-shadow: 0 0 2px #333;
  position: relative;
  cursor: pointer;
}
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .filter-tab *,
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .data-tab * {
  cursor: pointer;
}
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .filter-tab.active,
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .data-tab.active {
  color: #2eae3c;
}
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .filter-tab.active:after,
.form-container .form-header .form-header-top .form-header-left .form-header-tabs .data-tab.active:after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 60px;
  height: 60px;
  bottom: -40px;
  left: calc(50% - 30px);
  background: url("./media/shape-M3OMK3IX.svg");
  background-size: 100% 100%;
  filter: drop-shadow(inset 0 -1px 4px #666);
}
.form-container .form-header .form-header-top .form-header-right {
  text-align: right;
  display: flex;
  align-items: center;
  gap: 20px;
}
.form-container .form-header .form-header-top .form-header-right .grid-type {
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  display: none;
}
.form-container .form-header .form-header-top .form-header-right .grid-type .grid-list-link {
  color: #fff;
  background: #a25b0b;
  padding: 5px 10px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.form-container .form-header .form-header-top .form-header-right .grid-type .grid-card-link {
  color: #000;
  background: #fff;
  padding: 5px 10px 5px 10px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn {
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 20px 6px 35px;
  text-align: center;
  color: #fff;
  background: #008131;
  box-shadow: none;
  cursor: pointer;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 30px;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn::before {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e145";
  height: 100%;
  z-index: 1;
  left: 8px;
  top: -1px;
  font-size: 24px;
  color: #fff;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-left: 36px #008131;
  border-radius: 60px;
  z-index: 0;
  left: 0px;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn span {
  margin-right: 8px;
  font-size: 18px;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn:hover {
  color: #fff;
  background: #008131;
  border-color: #008131;
  box-shadow: none;
}
.form-container .form-header .form-header-top .form-header-right .add-form-btn:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  opacity: 1;
}
.form-container .form-header .form-header-top .form-header-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}
.form-container .form-header .header-tab-container {
  padding: 0 25px;
  margin-top: 20px;
  z-index: 0;
  position: relative;
}
.form-container .form-header .header-tab-container .header-tab-container-in {
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  box-shadow: inset 0 0 2px #888;
  height: 105px;
  display: flex;
  align-items: center;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block {
  min-height: auto;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .filter-block-in .form-control,
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .filter-block-in .form-select {
  border: 1px solid #ddd;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .filter-block-in .form-select {
  padding-right: 20px;
  background-position: right 0.15rem center;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .filter-block-in .form-group {
  margin-bottom: 0 !important;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .filter-block-in .form-group label {
  margin-bottom: 5px;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .multiselect-dropdown .dropdown-btn {
  display: flex;
  align-items: center;
  min-height: 35px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 5px 5px !important;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .multiselect-dropdown .disabled {
  pointer-events: none;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .smart-filter {
  margin-top: 0;
}
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block .smart-filter .smart-filter-btn {
  height: 35px;
}
.form-container .form-header .header-tab-container .header-tab-container-in .status-block-wrapper,
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block {
  display: none;
  width: 100%;
}
.form-container .form-header .header-tab-container .header-tab-container-in .status-block-wrapper.active,
.form-container .form-header .header-tab-container .header-tab-container-in .filter-block.active {
  display: block;
}
.form-container .web-form-body {
  width: 100%;
  padding: 0 25px 15px 25px;
  position: relative;
  z-index: 0;
}
.form-container .has-footer {
  height: calc(100vh - 158px);
}
.form-container .web-form-footer {
  width: 100%;
  padding: 6px 15px;
  height: 43px;
  background: #f2f7ff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ccc;
}
.form-container .web-form-footer button {
  margin-left: 10px;
}
.btn-box-left {
  width: 100%;
  text-align: left;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.btn-box-left button {
  margin-right: 10px;
}
.btn-box-center {
  width: 100%;
  text-align: right;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-box-center button {
  margin: 0 5px;
}
.btn-box-right {
  width: 100%;
  text-align: right;
  padding: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btn-box-right button {
  margin-left: 10px;
}
.btn-box-right button:last-child {
  margin-right: 0 !important;
}
.export-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.export-dropdown {
  background-color: #c07c01;
  border-radius: 0;
  color: #fff;
  transition: all 0.6s ease;
}
.export-dropdown:hover {
  background-color: #005d28;
  color: #fff;
}
.export-dropdown.dropdown .dropdown-toggle {
  border: 0;
  background: none;
  color: #00a949;
  font-weight: 700;
}
.export-dropdown.dropdown .dropdown-toggle::after {
  content: none;
}
.export-dropdown.dropdown .dropdown-toggle .material-symbols-outlined {
  font-weight: 700;
}
.btn-style-1 {
  padding: 6px 15px;
  text-align: center;
  border: 1px solid #000;
  background: #fff;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn-style-1.purple {
  color: #9c0672;
  border-color: #9c0672;
}
.btn-style-1.yellow {
  color: #bbb31b;
  border-color: #bbb31b;
}
.btn-style-1.active.purple {
  color: #fff;
  background: #9c0672;
}
.btn-style-1.active.yellow {
  color: #fff;
  background: #bbb31b;
}
.btn-style-1:hover {
  opacity: 0.8;
}
.form-group {
  width: 100%;
  margin-bottom: 22px;
}
.form-control,
.form-select {
  width: 100%;
  padding: 10px 5px;
  border-radius: 5px 5px 0px 0px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
}
.form-control:focus,
.form-select:focus {
  background-color: #fff !important;
}
.form-floating textarea.form-control {
  line-height: 20px !important;
  padding-top: 15px !important;
  margin-top: 15px;
}
.form-floating textarea + label {
  top: -15px;
}
.custom-control label {
  max-width: 100%;
}
.form-control:focus,
.form-select:focus {
  background-color: #f5f5f7;
  border-color: #005d28;
}
.form-control:disabled,
.form-select:disabled {
  color: #979797 !important;
  background-color: #f5f5f7 !important;
  cursor: not-allowed !important;
}
.input-group input:focus,
.input-group input:active {
  justify-content: space-between !important;
}
.input-group .date-picker-icon {
  padding-right: 0;
  border: 0;
  border-bottom: 1px solid #dddddd;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0 !important;
}
.input-group .date-picker-icon .material-symbols-outlined {
  font-size: 22px;
}
ngb-datepicker.dropdown-menu {
  z-index: 111 !important;
  position: absolute !important;
}
.input-group input:focus,
.input-group input:active,
.input-group > span {
  color: #005d28;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: 0;
  border-bottom: 1px solid #dddddd;
}
.input-group input:focus + span,
.input-group input:visited + span,
.input-group input:not(:placeholder-shown) + span,
.input-group input:focus + label + span,
.input-group input:visited + label + span,
.input-group input:not(:placeholder-shown) + label + span {
  border-bottom: 1px solid #dddddd;
  background: #fff;
}
.mandatory {
  position: relative;
}
.mandatory::before {
  content: "*";
  position: absolute;
  top: 0px;
  right: -14px;
  font-weight: 500;
  color: #d91313;
  font-size: 18px;
}
.form-floating .mandatory::before {
  top: 15px;
  right: 0px;
}
.form-btn {
  height: 35px;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 20px;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  box-shadow: 0 0 2px #333;
  cursor: pointer;
  outline: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  text-transform: capitalize;
  margin-right: 10px;
  letter-spacing: 0.5px;
}
.form-btn span {
  margin-right: 5px;
}
.form-btn:hover {
  color: #fff;
  border-color: #005d28;
  background: #005d28;
}
.form-btn.active {
  color: #fff;
  background: #005d28;
  border-color: #005d28;
  box-shadow: none;
}
.form-btn.active:hover {
  opacity: 0.8;
}
.form-btn.close,
.form-btn.btn-red,
.form-btn.close-btn {
  color: #c42b1c;
  background: #fff;
  border-color: #c42b1c;
  box-shadow: 0 0 2px #fff;
}
.form-btn.close:hover,
.form-btn.btn-red:hover,
.form-btn.close-btn:hover {
  color: #fff;
  background: #c42b1c;
  border-color: #c42b1c;
  box-shadow: none;
}
.form-btn.close.active,
.form-btn.btn-red.active,
.form-btn.close-btn.active {
  color: #fff;
  background: #c42b1c;
  border-color: #c42b1c;
  box-shadow: none;
}
.form-btn.clear,
.form-btn.reset-btn,
.form-btn.clear-btn,
.form-btn.btn-orange {
  color: #df9204;
  background: #fff;
  border-color: #df9204;
  box-shadow: 0 0 2px #fff;
}
.form-btn.clear:hover,
.form-btn.reset-btn:hover,
.form-btn.clear-btn:hover,
.form-btn.btn-orange:hover {
  color: #fff;
  background: #df9204;
  border-color: #df9204;
  box-shadow: none;
}
.form-btn.clear.active,
.form-btn.reset-btn.active,
.form-btn.clear-btn.active,
.form-btn.btn-orange.active {
  color: #fff;
  background: #df9204;
  border-color: #df9204;
  box-shadow: none;
}
.form-btn.btn-black {
  color: #fff;
  background: #000;
  border-color: #000;
}
.form-btn.btn_blue {
  color: #fff !important;
  background: #0066a0 !important;
  border-color: #0066a0 !important;
}
.form-btn:disabled,
.form-btn.disabled {
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
.form-btn.sm {
  height: 28px;
  font-size: 13px;
  padding: 4px 8px;
}
.form-btn.sm .material-symbols-outlined {
  font-size: 20px;
}
.on-form-btn .form-btn {
  height: 46px;
  line-height: 46px;
}
.form-btn-1 {
  color: #c07c01;
  font-weight: 600;
  background: #fff;
  padding: 6px 20px;
  text-align: center;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  outline: none !important;
  display: inline-block;
  align-items: center;
  border: 2px solid #c07c01;
}
.form-btn-1:hover {
  color: #ffffff;
  background: #c07c01;
}
.form-btn-1 .material-symbols-outlined {
  margin-right: 5px;
}
.form-btn-1.active {
  border: 2px solid #005d28;
  color: #ffffff;
  background-color: #005d28;
}
.form-btn-1.active:hover {
  background: #024A20;
}
.form-btn-2 {
  color: #fff;
  font-weight: 600;
  background:
    linear-gradient(
      to right,
      #005d28,
      #024A20);
  padding: 8px 10px;
  text-align: center;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  outline: none !important;
  display: inline-block;
  align-items: center;
  height: 46px;
}
.form-btn-2:hover {
  opacity: 0.8;
}
.form-btn-2 .material-symbols-outlined {
  margin-right: 5px;
}
.textarea-btn-group {
  padding-top: 37px !important;
}
.form-btn-group-lg {
  width: 100%;
  text-align: left;
  padding-top: 25px;
  white-space: nowrap;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.form-btn-group-lg button {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .form-btn-group-lg {
    text-align: right;
    padding-top: 0;
    justify-content: end;
  }
}
.full-form-btn-group {
  float: left;
  width: 100%;
  padding: 20px 0 18px 0;
  background:
    linear-gradient(
      to right,
      rgba(0, 129, 49, 0),
      rgba(0, 129, 49, 0.4),
      rgba(0, 129, 49, 0));
}
.full-form-btn-group .form-btn-group-in {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
}
.full-form-btn-group .form-btn-group-in .form-btn {
  height: 35px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background: #fff;
  display: flex;
  border: 0;
  border-radius: 30px;
  box-shadow: 0 0 2px #fff;
  cursor: pointer;
  outline: none !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  text-transform: capitalize;
  margin-right: 10px;
  padding: 10px 30px;
  display: block;
}
.full-form-btn-group .form-btn-group-in .form-btn:last-child {
  margin-right: 0px;
}
.full-form-btn-group .form-btn-group-in .form-btn.reject {
  background: #bb2424;
  color: #fff;
}
.full-form-btn-group .form-btn-group-in .form-btn.accept {
  background: #008131;
  color: #fff;
}
.form-floating-btn-group-md {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  min-height: 45px;
}
.data-filter-item {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.data-filter-item button {
  margin-left: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none !important;
}
.data-filter-item .filter-btn {
  margin-left: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none !important;
  background: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 30px;
  box-shadow: 0 0 5px #005d28;
}
.data-filter-item .filter-btn:hover {
  color: #fff;
  background: #005d28;
}
.data-filter-item .filter-btn.active {
  border: 2px solid #005d28;
  color: #fff;
  background: #005d28;
}
.data-filter-item .filter-btn.active:hover {
  background: #008131;
}
.data-filter-item.sm {
  padding-top: 7px;
}
.data-filter-item.sm .filter-btn {
  width: 35px;
  height: 35px;
}
.data-filter-item.sm .filter-btn .material-symbols-outlined {
  font-size: 19px;
}
.form-btn-group-md.custom {
  padding-top: 18px;
}
@media (max-width: 768px) {
  .form-btn-group-md {
    text-align: right;
    padding-top: 0;
    justify-content: end;
  }
}
.form-btn-group-sm {
  width: 100%;
  text-align: left;
  padding-top: 18px;
  white-space: nowrap;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.form-btn-group-sm button {
  margin-left: 10px;
}
@media (max-width: 576px) {
  .form-btn-group-sm {
    text-align: right;
    padding-top: 0;
    justify-content: end;
  }
}
.data-table {
  width: 100%;
  overflow: auto;
  padding: 0px;
  box-shadow: 0 0 3px #d1d1d1;
  border-radius: 10px 10px 0 0;
  min-height: 60px;
  max-height: calc(100vh - 185px);
}
.data-table::-webkit-scrollbar {
  width: 3px;
}
.data-table::-webkit-scrollbar-thumb {
  background: #c07c01;
}
.data-table .search-box {
  padding: 0px 0 10px 0;
}
.data-table .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: 0;
  font-size: 14px;
  color: #000;
  background: #fff;
}
.data-table .table thead {
  background: #000000;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.data-table .table thead tr {
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.data-table .table thead tr th {
  color: #fff;
  background: transparent;
  letter-spacing: 0.5px;
  padding: 12px 8px 10px 8px;
  font-weight: 400;
  vertical-align: middle;
  top: 0;
  left: 0;
  white-space: nowrap !important;
  z-index: 11;
  font-weight: 600;
}
.data-table .table thead tr th .check-style-1-checkmark {
  border-color: #ffffff;
}
.data-table .table thead tr th .check-style-3 {
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.data-table .table tbody {
  background: #fff;
}
.data-table .table tbody tr td {
  padding: 6px 8px;
  border-color: #ccc;
  vertical-align: middle;
  background-color: #fff;
}
.data-table .table tbody tr td .grid-action-block .grid-action-list {
  all: unset;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.data-table .table tbody tr td .grid-action-block .grid-action-list::after {
  display: none;
}
.data-table .table tbody tr td .grid-action-block .grid-action-list:hover {
  color: #008131;
  border-color: #008131;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item {
  padding: 0;
  margin: 0;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .grid-drop-btn {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  display: block;
  border-bottom: 1px solid #ddd;
  border-left: 5px solid #00a949;
  padding: 6px 10px;
  cursor: pointer;
  transition: all 0.6s ease;
  margin-bottom: 2px;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .grid-drop-btn:hover {
  background-color: #00a949;
  color: #fff;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active {
  all: unset;
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active:hover {
  color: #008131;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active:active {
  color: #fff;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active .material-symbols-outlined {
  min-width: 20px;
  margin-right: 10px;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive {
  all: unset;
  color: #ccc;
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: not-allowed;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive .material-symbols-outlined {
  min-width: 20px;
  margin-right: 10px;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:hover,
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:active,
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:focus {
  background: #fff !important;
}
.data-table .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item:last-child .grid-drop-btn {
  border-bottom: 0px solid #ddd;
  margin-bottom: 0px;
}
.data-table .table tbody tr td .check-style-1-checkmark {
  top: 0;
}
.data-table .table tbody tr.nested-parent > td {
  background-color: #deffeb;
}
.data-table .table tfoot tr td {
  border: 0 !important;
  font-weight: 700 !important;
  background: #f9f9f9;
  letter-spacing: 0.5px;
}
.data-table .table .input-group {
  font-size: 18px;
  min-width: 120px;
  border-radius: 3px 0 0 3px !important;
}
.data-table .table .input-group .material-symbols-outlined {
  font-size: 18px;
  width: 25px;
  height: 29px;
  border: 1px solid #488b60;
  border-radius: 0 3px 3px 0;
}
.data-table .table .grid-form-btn {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
  border: 0 !important;
  outline: none !important;
  color: #fff !important;
  background: #11a04c !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 10px 10px 10px auto !important;
}
.data-table .table .grid-form-btn:hover {
  opacity: 0.9;
}
.data-table .table .grid-form-btn:active {
  transform: scale(0.8);
}
.data-table .nested-table thead {
  background: #a2e6b4 url("./media/pattern-dark-UPG26VVI.png");
  background-size: 200px;
}
.data-table .nested-table thead tr th {
  background: rgb(255, 207, 148);
  letter-spacing: 0.5px;
  padding: 8px 12px 6px 12px;
  font-weight: 400;
  vertical-align: middle;
  top: 0;
  left: 0;
  white-space: nowrap !important;
  z-index: 11;
  font-weight: 600;
}
.data-table .nested-table thead tr th .check-style-1-checkmark {
  border-color: #fff;
}
.data-table .nested-table tbody {
  background: #fff;
}
.data-table .nested-table tbody tr td {
  padding: 6px 8px;
  border-color: #ccc;
  box-shadow: 0 0 0 #ccc;
  vertical-align: middle;
  background-color: #fff;
}
.data-table .nested-table tbody tr td:nth-child(1) {
  padding-left: 12px;
}
.data-table .nested-table tfoot tr td {
  border: 0 !important;
  font-weight: 700 !important;
  background: #f9f9f9;
  letter-spacing: 0.5px;
}
.data-table .child_row td {
  padding: 0 !important;
}
.data-table .child_row td .child_row-colum {
  width: 100%;
  height: 100%;
  padding: 6px 8px;
}
.data-table .child_row td:first-child .child_row-colum {
  border-left: 50px solid #fff;
}
.data-table.sm table {
  font-size: 12px;
  line-height: 14px;
}
.data-table.sm table thead tr th {
  padding: 6px 4px 7px 4px;
}
.data-table.sm table tbody tr td {
  padding: 6px 4px 7px 4px;
}
.min-height-200 {
  min-height: 200px !important;
}
.min-height-250 {
  min-height: 250px !important;
}
.min-height-200 .data-table {
  min-height: 200px !important;
}
.min-height-250 .data-table {
  min-height: 250px !important;
}
.full-borders table thead tr th,
.full-borders .table thead tr th {
  border: 1px solid #ddd;
}
.full-borders table tbody tr td,
.full-borders .table tbody tr td {
  border: 1px solid #ddd;
}
.full-borders table tfoot tr td,
.full-borders .table tfoot tr td {
  border: 1px solid #ddd !important;
}
.dr-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dr-row .name {
  flex: 1;
  text-align: left;
}
.dr-row .dr {
  flex-shrink: 0;
  margin-left: auto;
  color: #2e7d32;
  text-align: right;
  padding-right: 20px;
  font-weight: 600;
}
.cr-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cr-row .name {
  padding-left: 30px;
}
.cr-row .dr {
  flex-shrink: 0;
  padding-right: 5px;
  color: #d32f2f;
  font-weight: 600;
}
.fixed-header-table {
  width: 100%;
  position: relative;
  overflow: auto;
  word-wrap: break-word;
  min-height: 300px;
  max-height: calc(100vh - 165px);
  background: #fff;
}
.fixed-header-table table {
  width: 100%;
  border-collapse: collapse;
}
.fixed-header-table table thead {
  position: sticky;
  left: 0;
  top: -1px;
  z-index: 1;
  background: #fff;
}
.fixed-header-table table thead th {
  white-space: nowrap;
  position: relative;
  z-index: 10;
}
.fixed-height-300 {
  height: auto;
  max-height: 300px !important;
}
.sub-table {
  width: 100%;
  border-collapse: collapse;
}
.sub-table tr td {
  padding: 6px 8px;
}
.sub-table input,
.sub-table select,
.sub-table textarea {
  width: 100%;
}
.data-table-barcode {
  width: 77px;
  height: 35px;
  position: relative;
  font-size: 12px;
  line-height: 15px;
}
.data-table-barcode img {
  max-width: 100%;
  max-height: 35px;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  right: 0;
  cursor: default;
  padding: 2px;
  background: #fff;
  border: 1px solid transparent;
}
.data-table-barcode:hover img {
  max-width: 300px;
  width: auto;
  height: auto;
  max-height: 100px;
  z-index: 1;
  border-color: #ccc;
  z-index: 11;
}
.view-box .data-table-barcode img {
  top: auto;
  bottom: 0px;
}
.table-layout-fixed {
  table-layout: fixed !important;
}
.table-layout-auto {
  table-layout: auto !important;
}
.no-data {
  width: 100%;
  padding: 115px 10px 10px 10px !important;
  text-align: center;
  letter-spacing: 0.5px;
  background: #fff;
  border-radius: 10px;
  background-image: url("./media/no-data-5-Y2XG3NZV.png");
  background-size: 100px;
  background-position: 50% 8px;
  background-repeat: no-repeat;
  box-shadow: 0 0 2px #979797;
  margin-top: 10px;
  margin-bottom: 10px;
}
.no-data p {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
}
.no-data .no-data-btn {
  font-size: 14px;
  border-radius: 50px;
  text-align: center;
  padding: 5px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #005d28;
  transition: all 0.3s ease;
  outline: none !important;
  letter-spacing: 0.5px;
  cursor: pointer;
  border: 1px solid #005d28;
}
.no-data .no-data-btn .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.no-data .no-data-btn:hover {
  opacity: 0.8;
}
.no-data.md {
  font-size: 14px;
  background-size: 80px;
  padding: 95px 10px 10px 10px !important;
}
.no-data.md p {
  margin-bottom: 5px;
}
.no-data.md .no-data-btn {
  padding: 4px 10px;
}
.no-data.sm {
  font-size: 12px;
  background-size: 50px;
  background-position: 50% 5px;
  padding: 57px 5px 5px 5px !important;
}
.no-data.sm p {
  margin-bottom: 5px;
}
.no-data.sm .no-data-btn {
  font-size: 10px;
  padding: 0px 6px;
}
.no-data.sm .no-data-btn .material-symbols-outlined {
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.grid-pagination {
  width: 100%;
  color: #fff;
  background: #666;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
}
.grid-pagination ul {
  padding: 0;
  margin: 0;
}
.grid-pagination ul li a {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2px;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  cursor: pointer;
}
.grid-pagination ul li a:hover {
  background: #c07c01 !important;
}
.grid-pagination ul li.disabled a {
  color: #ccc !important;
}
.grid-pagination .list-section {
  margin-left: auto;
  margin-right: 25px;
  padding-right: 25px;
  border-right: 1px solid #999;
}
.grid-pagination .list-section .pagination-select {
  padding: 2px 8px;
  border-radius: 6px;
  background-color: #fff;
  outline: none !important;
  box-shadow: none !important;
}
.grid-pagination .ng-pagination {
  display: flex;
  align-items: center;
  height: 30px;
  border: 1px solid #909090;
  padding: 0 15px;
}
.grid-pagination .ng-pagination .ng-pagination-label {
  padding: 0 10px;
}
.grid-pagination .ng-pagination input {
  width: 50px;
  height: 28px;
  outline: none !important;
  color: #fff;
  background: #c07c01;
  border: 0;
  text-align: center;
}
.data-table-1 {
  width: 100%;
  max-height: 300px;
  overflow: auto;
  padding: 0px;
  position: relative;
  word-wrap: break-word;
  border-bottom: 1px solid #ccc;
}
.data-table-1::-webkit-scrollbar {
  width: 3px;
}
.data-table-1::-webkit-scrollbar-thumb {
  background: #c07c01;
}
.data-table-1 .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: 0;
  font-size: 14px;
}
.data-table-1 .table thead {
  background: none;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.data-table-1 .table thead tr th {
  color: #333;
  background: none;
  letter-spacing: 0.5px;
  padding: 6px 6px 6px 6px;
  font-weight: 400;
  vertical-align: middle;
  top: 0;
  left: 0;
  white-space: nowrap !important;
  z-index: 11;
  font-weight: 700;
  border: 0 !important;
  background: #f9f9f9;
}
.data-table-1 .table thead tr th .check-style-1-checkmark {
  border-color: #fff;
}
.data-table-1 .table tbody {
  background: #fff;
}
.data-table-1 .table tbody tr td {
  padding: 4px 6px 4px 6px;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  vertical-align: middle;
  background-color: #fff;
}
.data-table-1 .table tbody tr td:first-child {
  border-left: 1px solid #ccc;
}
.data-table-1 .table tbody tr td:last-child {
  border-right: 1px solid #ccc;
}
.data-table-1 .table tbody tr td .grid-action-block .grid-action-list {
  all: unset;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.data-table-1 .table tbody tr td .grid-action-block .grid-action-list::after {
  display: none;
}
.data-table-1 .table tbody tr td .grid-action-block .grid-action-list:hover {
  color: #008131;
  border-color: #008131;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item {
  padding: 0;
  margin: 0;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .grid-drop-btn {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  display: block;
  border-bottom: 1px solid #ddd;
  border-left: 5px solid #00a949;
  padding: 6px 10px;
  cursor: pointer;
  transition: all 0.6s ease;
  margin-bottom: 2px;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .grid-drop-btn:hover {
  background-color: #00a949;
  color: #fff;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active {
  all: unset;
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active:hover {
  color: #008131;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active:active {
  color: #fff;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-active .material-symbols-outlined {
  min-width: 20px;
  margin-right: 10px;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive {
  all: unset;
  color: #ccc;
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: not-allowed;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive .material-symbols-outlined {
  min-width: 20px;
  margin-right: 10px;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:hover,
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:active,
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item .dropdown-item-inactive:focus {
  background: #fff !important;
}
.data-table-1 .table tbody tr td .grid-action-block .dropdown-menu .dropdown-item:last-child .grid-drop-btn {
  border-bottom: 0px solid #ddd;
  margin-bottom: 0px;
}
.data-table-1 .table tbody tr td .check-style-1-checkmark {
  top: 0;
}
.data-table-1 .table tbody tr:last-child td {
  border-bottom: 0;
}
.data-table-1 .table .input-group {
  font-size: 18px;
  min-width: 120px;
  border-radius: 3px 0 0 3px !important;
}
.data-table-1 .table .input-group .material-symbols-outlined {
  font-size: 18px;
  width: 25px;
  height: 29px;
  border: 1px solid #488b60;
  border-radius: 0 3px 3px 0;
}
.data-table-1 .table .grid-form-btn {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
  border: 0 !important;
  outline: none !important;
  color: #fff !important;
  background: #11a04c !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 10px 10px 10px auto !important;
}
.data-table-1 .table .grid-form-btn:hover {
  opacity: 0.9;
}
.data-table-1 .table .grid-form-btn:active {
  transform: scale(0.8);
}
.data-table-2 {
  width: 100%;
  position: relative;
  box-shadow: 0 0 2px #767676;
  max-height: 300px;
  overflow: auto;
  overflow-y: auto;
}
.data-table-2::-webkit-scrollbar {
  width: 3px;
}
.data-table-2 table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.data-table-2 table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.data-table-2 table thead tr th {
  color: #fff;
  background: #005d28;
  padding: 8px 5px;
  letter-spacing: 0.5px;
}
.data-table-2 table thead tr th .check-style-1-checkmark {
  border: 1px solid #ccc;
}
.data-table-2 table tbody tr td {
  padding: 6px 5px;
  border-bottom: 1px solid #ccc;
}
.data-table-2 table tbody tr:last-child td {
  border: 0;
}
.data-table-2.sm table {
  font-size: 12px;
  line-height: 14px;
}
.data-table-2.sm table thead tr th {
  padding: 4px 5px !important;
  background-color: #0ea351 !important;
}
.data-table-2.sm table tbody tr td {
  padding: 4px 5px !important;
  background: #fff !important;
}
.gray-grid {
  width: 100%;
  position: relative;
  box-shadow: 0 0 2px #767676;
  max-height: 300px;
  overflow: auto;
  overflow-y: auto;
}
.gray-grid::-webkit-scrollbar {
  width: 3px;
}
.gray-grid table {
  width: 100%;
  border-collapse: collapse;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.gray-grid table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.gray-grid table thead tr th {
  color: #000;
  background: #e2e2e2;
  padding: 8px 5px;
  letter-spacing: 0.5px;
}
.gray-grid table thead tr th .check-style-1-checkmark {
  border: 1px solid #ccc;
}
.gray-grid table tbody tr td {
  padding: 6px 5px;
  border-bottom: 1px solid #ccc;
}
.gray-grid table tbody tr:last-child td {
  border: 0;
}
.gray-grid.sm table {
  font-size: 12px;
  line-height: 14px;
}
.gray-grid.sm table thead tr th {
  padding: 4px 5px !important;
}
.gray-grid.sm table tbody tr td {
  padding: 4px 5px !important;
}
.data-table-3 {
  width: 100%;
  position: relative;
  max-height: 300px;
  overflow: auto;
  box-shadow: 0 0 2px #e6e6e6;
}
.data-table-3::-webkit-scrollbar {
  width: 3px;
}
.data-table-3 table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
  line-height: 16px;
  margin: 0 !important;
}
.data-table-3 table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.data-table-3 table thead tr {
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.data-table-3 table thead tr th {
  color: #fff;
  padding: 10px 5px;
  letter-spacing: 0.5px;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  border: 1px solid #7d9c8a;
  white-space: nowrap;
  position: relative;
}
.data-table-3 table thead tr th::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #7d9c8a;
}
.data-table-3 table thead tr th::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -1px;
  width: 1px;
  height: 100% !important;
  background: #7d9c8a;
}
.data-table-3 table tbody tr td {
  font-size: 13px;
  line-height: 16px;
  padding: 8px 5px;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.data-table-3 table tbody tr:nth-child(even) td {
  background: #f9f9f9;
}
.status-active,
.status-inactive,
.delete-active,
.delete-inactive,
.view-active,
.view-inactive,
.edit-active,
.edit-inactive,
.download-active,
.download-inactive,
.generate-inactive,
.document-active,
.document-inactive {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
}
.status-active .material-symbols-outlined,
.status-inactive .material-symbols-outlined,
.delete-active .material-symbols-outlined,
.delete-inactive .material-symbols-outlined,
.view-active .material-symbols-outlined,
.view-inactive .material-symbols-outlined,
.edit-active .material-symbols-outlined,
.edit-inactive .material-symbols-outlined,
.download-active .material-symbols-outlined,
.download-inactive .material-symbols-outlined,
.generate-inactive .material-symbols-outlined,
.document-active .material-symbols-outlined,
.document-inactive .material-symbols-outlined {
  font-size: 20px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
  display: flex;
}
.status-active label,
.status-inactive label,
.delete-active label,
.delete-inactive label,
.view-active label,
.view-inactive label,
.edit-active label,
.edit-inactive label,
.download-active label,
.download-inactive label,
.generate-inactive label,
.document-active label,
.document-inactive label {
  margin: 0;
  padding: 0px 0px 0px 5px;
}
.status-active.sm,
.status-inactive.sm,
.delete-active.sm,
.delete-inactive.sm,
.view-active.sm,
.view-inactive.sm,
.edit-active.sm,
.edit-inactive.sm,
.download-active.sm,
.download-inactive.sm,
.generate-inactive.sm,
.document-active.sm,
.document-inactive.sm {
  padding: 0 !important;
  margin: 0 5px 0 0 !important;
}
.status-active.sm .material-symbols-outlined,
.status-inactive.sm .material-symbols-outlined,
.delete-active.sm .material-symbols-outlined,
.delete-inactive.sm .material-symbols-outlined,
.view-active.sm .material-symbols-outlined,
.view-inactive.sm .material-symbols-outlined,
.edit-active.sm .material-symbols-outlined,
.edit-inactive.sm .material-symbols-outlined,
.download-active.sm .material-symbols-outlined,
.download-inactive.sm .material-symbols-outlined,
.generate-inactive.sm .material-symbols-outlined,
.document-active.sm .material-symbols-outlined,
.document-inactive.sm .material-symbols-outlined {
  font-size: 15px !important;
  width: 22px !important;
  height: 22px !important;
}
.status-active.sm:last-child,
.status-inactive.sm:last-child,
.delete-active.sm:last-child,
.delete-inactive.sm:last-child,
.view-active.sm:last-child,
.view-inactive.sm:last-child,
.edit-active.sm:last-child,
.edit-inactive.sm:last-child,
.download-active.sm:last-child,
.download-inactive.sm:last-child,
.generate-inactive.sm:last-child,
.document-active.sm:last-child,
.document-inactive.sm:last-child {
  margin: 0 !important;
}
.status-active .material-symbols-outlined,
.view-active .material-symbols-outlined,
.edit-active .material-symbols-outlined,
.download-active .material-symbols-outlined,
.document-active .material-symbols-outlined {
  color: #fff;
  background: #005d28;
}
.delete-active .material-symbols-outlined {
  color: #fff;
  background: #db1b1b;
}
.status-inactive .material-symbols-outlined {
  color: #fff;
  background: #8f8d8d !important;
}
.view-inactive .material-symbols-outlined,
.edit-inactive .material-symbols-outlined,
.download-inactive .material-symbols-outlined,
.delete-inactive .material-symbols-outlined,
.generate-inactive .material-symbols-outlined,
.document-inactive .material-symbols-outlined {
  color: #cbcbcb !important;
  background: #8f8d8d !important;
  cursor: not-allowed;
}
.data-table table tr td .status-active label,
.data-table table tr td .status-inactive label,
.data-table table tr td .delete-active label,
.data-table table tr td .delete-inactive label,
.data-table table tr td .view-active label,
.data-table table tr td .view-inactive label,
.data-table table tr td .edit-active label,
.data-table table tr td .edit-inactive label,
.data-table table tr td .download-active label,
.data-table table tr td .download-inactive label,
.data-table table tr td .generate-inactive label,
.data-table table tr td .document-active label,
.data-table table tr td .document-inactive label {
  display: none;
}
.data-table th.sticky-td {
  top: 0;
  right: -1px;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: cover;
  text-align: center;
}
.data-table .sticky-td {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: -1px;
  background: #f8f8f8;
  text-align: center;
}
.data-table th.sticky-td-1 {
  top: 0;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
  text-align: center;
}
.data-table .sticky-td-1 {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: 50px !important;
  background: #f8f8f8;
  text-align: center;
}
.data-table th.sticky-td-2 {
  top: 0;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: cover;
  text-align: center;
}
.data-table .sticky-td-2 {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: 100px !important;
  background: #f8f8f8;
  text-align: center;
}
.data-table .has-border-left {
  border-left: 1px solid #f3f3f3 !important;
}
.data-table th.has-border-left {
  border-left-color: #838282 !important;
}
.data-table .first-sticky-td {
  position: sticky;
  left: -1px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.data-table th.first-sticky-td {
  border-right-color: #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg") !important;
  background-size: contain;
}
.data-table .first-sticky-td-0 {
  position: sticky;
  width: 150px !important;
  left: -1px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.data-table th.first-sticky-td-0 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg") !important;
  background-size: contain;
}
.data-table .first-sticky-td-1 {
  width: 150px !important;
  position: sticky;
  left: 150px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.data-table th.first-sticky-td-1 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg") !important;
  background-size: contain;
}
.data-table .first-sticky-td-2 {
  position: sticky;
  left: 300px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.data-table th.first-sticky-td-2 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg") !important;
  background-size: contain;
}
.card-view .status-active,
.card-view .status-inactive,
.card-view .delete-active,
.card-view .delete-inactive,
.card-view .view-active,
.card-view .view-inactive,
.card-view .edit-active,
.card-view .edit-inactive,
.card-view .download-active,
.card-view .download-inactive,
.card-view .generate-inactive,
.card-view .document-active,
.card-view .document-inactive {
  width: auto;
  height: auto;
  padding: 0;
}
.card-view .status-active .material-symbols-outlined,
.card-view .status-inactive .material-symbols-outlined,
.card-view .delete-active .material-symbols-outlined,
.card-view .delete-inactive .material-symbols-outlined,
.card-view .view-active .material-symbols-outlined,
.card-view .view-inactive .material-symbols-outlined,
.card-view .edit-active .material-symbols-outlined,
.card-view .edit-inactive .material-symbols-outlined,
.card-view .download-active .material-symbols-outlined,
.card-view .download-inactive .material-symbols-outlined,
.card-view .generate-inactive .material-symbols-outlined,
.card-view .document-active .material-symbols-outlined,
.card-view .document-inactive .material-symbols-outlined {
  font-size: 20px;
  width: auto;
  height: auto;
  padding: 0px;
  margin: 0px;
  background: none;
  color: #000;
}
.card-view .grid-btn {
  text-align: left;
  padding: 0;
  margin: 0;
  color: #000;
  transform: none !important;
}
.card-view .grid-btn .material-symbols-outlined {
  font-size: 20px;
  width: auto;
  height: auto;
  padding: 0px;
  margin: 0px;
  background: none;
  color: #000;
}
.card-view .grid-icon .material-symbols-outlined {
  color: #000;
  margin: 0;
}
.tooltip {
  z-index: 1 !important;
}
.offcanvas {
  background: url("./media/page-bg-CWWDXWPN.jpg");
  background-size: cover;
}
.offcanvas-backdrop + .offcanvas + .offcanvas-backdrop {
  z-index: 1045 !important;
}
.slide-form-sm {
  width: 530px !important;
}
.slide-form-md {
  width: 50% !important;
}
.slide-form-lg {
  width: 65% !important;
}
.slide-form-xl {
  width: 80% !important;
}
.slide-form-xxl {
  width: 95% !important;
}
.slide-form-full {
  width: 100% !important;
}
.chat-slide-form {
  width: 100% !important;
  background: none !important;
  border: 0 !important;
}
.side-form {
  width: 100%;
  word-wrap: break-word;
  background: #F2F3FA;
  background-size: 800px;
  background-repeat: no-repeat;
}
.side-form .side-form-body {
  width: 100%;
  padding: 25px;
  overflow-y: auto;
  word-wrap: break-word;
  height: calc(100vh - 60px);
}
.side-form .side-form-body.bg-white {
  background: #fff !important;
}
.side-form .side-form-body.bg-gray {
  background: #f9f9f9 !important;
}
.side-form .side-form-body .side-form-body-inner .side-split-form-block {
  display: flex;
}
.side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-image {
  width: 250px;
  margin-right: 15px;
  position: fixed;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
  height: calc(100vh - 105px);
}
.side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-image::-webkit-scrollbar {
  width: 2px;
}
.side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-form {
  width: calc(100% - 270px);
  margin-left: 270px;
}
.side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-form.full-form {
  width: 100%;
}
.side-form-field-group {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
  border: 1px solid #7ed4a2;
}
.side-form-field-group .field-group-header {
  padding: 10px 35px 10px 15px;
  color: #000;
  background:
    linear-gradient(
      to right,
      #ffffff,
      #6ACE94);
  box-shadow: 0 0 1px #666;
  position: relative;
  border-radius: 8px 8px 8px 8px;
  cursor: pointer;
}
.side-form-field-group .field-group-header::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  height: 100%;
  z-index: 1;
  right: 11px;
  top: 11px;
  font-size: 24px;
  color: #000;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-form-field-group .field-group-header.show::after {
  content: "\e316";
}
.side-form-field-group .field-group-header.no-action {
  cursor: default;
  padding: 10px 15px 10px 15px;
}
.side-form-field-group .field-group-header.no-action::after {
  display: none;
}
.side-form-field-group .field-group-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.side-form-field-group .field-group-body {
  padding: 0px 15px 0px 15px;
  transition: all 0.3s ease;
  border-top: 0;
  margin-top: -5px;
  border-radius: 0px 0px 8px 8px;
}
.side-form-field-group .field-group-body > div:first-child {
  padding-top: 25px;
}
.side-form-field-group .field-group-body .data-table {
  margin-bottom: 20px;
}
.side-form-field-group .field-group-body .data-table-block {
  margin-bottom: 20px;
}
.side-form-field-group .field-group-body .data-table-block .data-table {
  margin-bottom: 0px !important;
}
.side-form-field-group .field-group-body::-webkit-scrollbar {
  width: 3px;
}
.side-form-field-group.sm {
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 16px;
}
.side-form-field-group.sm .field-group-header {
  width: 100%;
  height: 35px;
  border-radius: 4px;
  padding: 5px 25px 5px 6px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.side-form-field-group.sm .field-group-header::after {
  right: 3px;
  top: 9px;
  font-size: 20px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.side-form-field-group.sm .field-group-header h4 {
  font-size: 16px;
  line-height: 18px;
}
.custom-input-form {
  padding-top: 30px;
}
.dash-top-block {
  width: 100%;
  display: block;
  margin: 0 0 0px 0;
  transition: all 0.3s ease;
}
.dash-top-block .dash-color-box {
  width: 100%;
  padding: 20px 20px;
  border-radius: 15px;
  letter-spacing: 0.5px;
  min-height: 130px;
}
.dash-top-block .dash-color-box.dash-bg-blue {
  background: #fff;
  background-size: 100% 100%;
}
.dash-top-block .dash-color-box.dash-bg-blue .box-icon span {
  color: #005d28;
}
.dash-top-block .dash-color-box.dash-bg-orange {
  background: #fff;
  background-size: 100% 100%;
}
.dash-top-block .dash-color-box.dash-bg-orange span {
  color: #c07c01;
}
.dash-top-block .dash-color-box .box-text {
  display: flex;
  width: 100%;
  padding: 15px 0px;
}
.dash-top-block .dash-color-box .box-text label {
  margin-bottom: 10px;
  font-weight: 400;
}
.dash-top-block .dash-color-box .box-text h6 {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
  margin-left: auto;
}
.dash-top-block .dash-color-box .box-icon {
  width: 100%;
  text-align: center;
}
.dash-top-block .dash-color-box .box-icon span {
  font-size: 36px;
}
.dash-top-block .row .col-12:nth-child(1) .status-box {
  background: #fecacd;
  box-shadow: 0px 5px 0px #024A20;
}
.dash-top-block .row .col-12:nth-child(2) .status-box {
  background: #fcd6b9;
  box-shadow: 0px 5px 0px #c9681e;
}
.dash-top-block .row .col-12:nth-child(3) .status-box {
  background: #dde8fd;
  box-shadow: 0px 5px 0px #2f3a4e;
}
.dash-top-block .row .col-12:nth-child(4) .status-box {
  background: #faf0c6;
  box-shadow: 0px 5px 0px #aa8e10;
}
.dash-top-block .row div:nth-child(2) .fade-in {
  animation: fade-in 0.8s ease 200ms backwards;
}
.dash-top-block .row div:nth-child(3) .fade-in {
  animation: fade-in 1.2s ease 200ms backwards;
}
.dash-top-block .row div:nth-child(4) .fade-in {
  animation: fade-in 1.6s ease 200ms backwards;
}
.dash-top-block .row div:nth-child(5) .fade-in {
  animation: fade-in 2s ease 200ms backwards;
}
.radio-style-1 {
  width: 100%;
  display: flex;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  border: 0;
}
.radio-style-1 .radio-style-1-box {
  width: 100%;
}
.radio-style-1 .radio-style-1-box input[type=radio] {
  display: none;
}
.radio-style-1 .radio-style-1-box label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0;
  text-align: center;
  min-height: 40px;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
}
.radio-style-1 .radio-style-1-box input[type=radio]:checked + label {
  color: #fff;
  background:
    linear-gradient(
      to bottom,
      #409fc4 0%,
      #2f679d 100%);
  border-color: #409fc4 !important;
  font-weight: 600;
}
.radio-style-1 .radio-style-1-box:first-child label {
  border-radius: 10px 0 0 10px;
  border-right: 0;
}
.radio-style-1 .radio-style-1-box:last-child label {
  border-radius: 0px 10px 10px 0px;
}
.radio-style-1 .radio-style-1-box .nav {
  width: 100%;
}
.radio-style-1 .radio-style-1-box .nav .nav-item {
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  font-weight: 600;
  color: #2f3a4e;
}
.radio-style-1 .radio-style-1-box .nav .active {
  color: #fff;
  background:
    linear-gradient(
      to bottom,
      #409fc4 0%,
      #2f679d 100%);
  border-color: #409fc4 !important;
}
.radio-style-1 .radio-style-1-box:first-child .nav-item {
  border-right: 0;
  border-radius: 5px 0 0 5px;
}
.radio-style-1 .radio-style-1-box:last-child .nav-item {
  border-left: 0;
  border-radius: 0px 5px 5px 0px;
}
.radio-style-2 input[type=radio]:checked,
.radio-style-2 input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radio-style-2 input[type=radio]:checked + label,
.radio-style-2 input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000;
}
.radio-style-2 input[type=radio]:checked + label:before,
.radio-style-2 input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #00903e;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.radio-style-2 input[type=radio]:checked + label:after,
.radio-style-2 input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #00903e;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radio-style-2 input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radio-style-2 input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.min-height-auto {
  min-height: auto !important;
}
.filter-block {
  width: 100%;
  min-height: 61px;
}
.filter-block .form-group label {
  font-size: 14px;
}
.filter-block .form-control,
.filter-block .form-select {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: unset;
  height: 35px;
  padding: 5px 10px;
  font-size: 14px;
  box-shadow: none !important;
  outline: none !important;
}
.filter-block .input-group > span {
  width: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #ccc !important;
  border-radius: 0 5px 5px 0 !important;
}
textarea.form-control {
  min-height: 35px;
  height: auto !important;
}
.sub-title {
  width: 100%;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  color: #005d28;
  margin-bottom: 10px;
  letter-spacing: 0.8px;
}
.sub-title-1 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  color: #005d28;
  margin-bottom: 15px;
  letter-spacing: 0.8px;
}
.sub-title-2 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #005d28;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
}
.sub-title-2.sm {
  font-size: 16px;
  line-height: 20px;
}
.sub-title-3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #005d28;
  margin: 20px 0 10px 0;
  letter-spacing: 0.8px;
  border-bottom: 1px solid #000;
}
.check-style-1 {
  display: block;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  cursor: pointer;
}
.check-style-1-text {
  padding-left: 22px;
}
.check-style-1 input {
  position: relative;
  opacity: 0;
  cursor: pointer;
}
.check-style-1-checkmark {
  position: absolute;
  top: 0px;
  left: -2px;
  height: 17px;
  width: 17px;
  border-radius: 0px;
  border: 1px solid #005d28;
  background: none;
}
.check-style-1:hover input ~ .check-style-1-checkmark {
  background-color: #ccc;
}
.check-style-1 input:checked ~ .check-style-1-checkmark {
  background:
    linear-gradient(
      to right,
      #005d28,
      #008131);
}
.check-style-1-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-style-1 input:checked ~ .check-style-1-checkmark:after {
  display: block;
}
.check-style-1 .check-style-1-checkmark:after {
  left: 4px;
  top: 0px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.check-style-1 input:disabled + .check-style-1-checkmark {
  cursor: not-allowed;
  border-color: #ccc;
  background: #f9f9f9;
}
.check-style-1 input:checked:disabled + .check-style-1-checkmark {
  cursor: not-allowed;
  border-color: #474747 !important;
  background: #474747 !important;
}
.check-style-1 input:checked:disabled + .check-style-1-checkmark::after {
  border-color: #a9a8a8;
}
.checkbox-center .check-style-1-checkmark {
  left: auto;
  right: auto;
  margin: 0 auto;
}
.check-style-1.sm .check-style-1-checkmark {
  top: 2px;
  left: -1px;
  height: 14px;
  width: 14px;
}
.check-style-1.sm .check-style-1-checkmark::after {
  width: 5px;
  height: 10px;
}
.check-style-1.sm .check-style-1-text {
  padding-left: 3px;
  font-size: 12px;
  line-height: 14px;
}
.count {
  width: 100%;
  color: #2f3a4e;
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.count span {
  color: #f17b45;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  margin-left: 8px;
}
.status-list {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-transform: uppercase;
}
.status-list li {
  padding: 0 15px 0 0;
  margin-right: 15px;
  list-style-type: none;
  text-align: center;
  border-right: 1px solid #ccc;
}
.status-list li .count {
  margin: 0;
  height: 30px;
}
.status-list li:first-child {
  padding-left: 0;
}
.status-list li:last-child {
  border: 0;
}
@media (max-width: 991px) {
  .status-list li {
    width: 33.334%;
  }
}
.status-grid {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.status-grid .status-grid-box {
  width: 100%;
  text-align: center;
  background: #fff;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}
.status-grid .status-grid-box:hover {
  background: #f9f9f9;
}
.status-grid .status-grid-box .status-grid-box-label {
  padding: 5px 10px;
  color: #fff;
  background: #f07844;
  min-height: 34px;
}
.status-grid .status-grid-box .status-grid-box-value {
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #999;
  border-top: 0;
  border-right: 0;
  font-size: 22px;
  font-weight: bold;
  height: 60px;
  color: #f07844;
}
.status-grid .status-grid-box:first-child .status-grid-box-label {
  border-radius: 5px 0 0 0;
}
.status-grid .status-grid-box:first-child .status-grid-box-value {
  border-radius: 0 0 0 5px;
}
.status-grid .status-grid-box:last-child .status-grid-box-label {
  border-radius: 0 5px 0 0;
  background: #2f3a4e;
}
.status-grid .status-grid-box:last-child .status-grid-box-value {
  border-right: 1px solid #999;
  border-radius: 0 0 5px 0;
  color: #2f3a4e;
}
.form-control-group {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #ccc;
}
.form-control-group-1 {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #ccc;
  background: #fff;
}
.form-control-group-2 {
  width: 100%;
  padding: 15px;
  background: #fff;
  border: 1px solid #ccc;
}
.form-control-group-3 {
  width: 100%;
  padding: 15px;
  background: #fdfdfd;
  border: 1px solid #ccc;
}
.check-style-2 {
  width: 100%;
  line-height: 16px;
  position: relative;
  border-radius: 30px;
  letter-spacing: 0.5px;
  background-color: #fff;
}
.check-style-2 input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  border-radius: 30px;
}
.check-style-2 .switcher_checkbox {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #f17945;
  transition: all 0.25s ease;
  border-radius: 30px;
  box-shadow: 0 0 5px #bebebe;
  overflow: hidden;
}
.check-style-2 .switcher_checkbox .checker {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  transition: all 0.25s ease;
  flex-shrink: 0;
  border-right: 1px solid #ddd;
  border-radius: 30px 0px 0px 30px;
}
.check-style-2 .switcher_checkbox .checker::before {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e5ca";
  height: 100%;
  z-index: 1;
  left: 8px;
  top: calc(50% - 8px);
  font-size: 24px;
  color: #bdbdbd;
}
.check-style-2 .switcher_checkbox .checker-text {
  width: 100%;
  min-height: 40px;
  color: #000;
  padding: 6px 10px 6px 50px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
.check-style-2.reject-checkbox .checker-text {
  background: #fbeded;
}
.check-style-2.reject-checkbox .checker {
  background: #fdd5d5;
  border: 1px solid #782020;
}
.check-style-2 input:checked + .switcher_checkbox .checker_short-line::before,
.check-style-2 input:checked + .switcher_checkbox .checker_long-line::before {
  background-color: #eee;
}
.check-style-2 input:checked + .switcher_checkbox .checker-text {
  color: #005d28;
}
.check-style-2.reject-checkbox input:checked + .switcher_checkbox .checker-text {
  color: #fff;
  background: #d45b5b;
}
.check-style-2 input:checked + .switcher_checkbox .checker {
  border-color: transparent;
  background: #005d28;
}
.check-style-2 input:checked + .switcher_checkbox .checker::before {
  color: #fff;
}
.check-style-2.danger-check input:checked + .switcher_checkbox .checker {
  border-color: transparent;
  background: #ff0000;
}
.check-style-2.danger-check input:checked + .switcher_checkbox .checker::before {
  color: #fff;
}
.danger-check input:checked + .switcher_checkbox .checker-text {
  color: #ff0000;
}
.check-style-2.reject-checkbox input:checked + .switcher_checkbox .checker {
  border-color: transparent;
  background: #672525;
}
.check-style-2 input:checked + .switcher_checkbox .checker_short-line::before,
.check-style-2 input:checked + .switcher_checkbox .checker_long-line::before {
  transform: translateX(0);
}
.checker_long-line::before,
.check-style-2 input:checked + .switcher_checkbox .checker_short-line::before {
  transition-delay: 0s;
}
.checker_short-line::before,
.check-style-2 input:checked + .switcher_checkbox .checker_long-line::before {
  transition-delay: 0.12s;
}
.check-style-2 input:checked:disabled + .switcher_checkbox {
  cursor: not-allowed !important;
  box-shadow: none;
}
.check-style-2 input:checked:disabled + .switcher_checkbox .checker {
  cursor: not-allowed;
  background: #474747 !important;
}
.check-style-2 input:checked:disabled + .switcher_checkbox .checker::before {
  color: #747474;
}
.check-style-2 input:checked:disabled + .switcher_checkbox .checker-text {
  cursor: not-allowed !important;
  color: #939393;
  background: #e5e5e5;
}
.check-style-2 input:disabled {
  z-index: -1;
}
.check-style-2 input:disabled + .switcher_checkbox {
  cursor: not-allowed !important;
  box-shadow: none;
}
.check-style-2 input:disabled + .switcher_checkbox .checker {
  cursor: not-allowed;
  border-color: #ccc;
  background: #ccc !important;
}
.check-style-2 input:disabled + .switcher_checkbox .checker::before {
  color: #979797;
}
.check-style-2 input:disabled + .switcher_checkbox .checker-text {
  cursor: not-allowed;
  color: #939393;
  background: #e5e5e5;
}
.check-blue input:checked + .switcher_checkbox {
  color: #fff;
  background:
    linear-gradient(
      to right,
      #47536a 10%,
      #99a8c3 90%);
}
.check-blue .switcher_checkbox {
  color: #2f3a4e;
  border-color: #2f3a4e;
}
.check-blue .switcher_checkbox .checker {
  border-color: #2f3a4e;
}
.check-blue .switcher_checkbox .checker .checker_short-line::before,
.check-blue .switcher_checkbox .checker .checker_long-line::before {
  background-color: #2f3a4e;
}
.check-style-3 {
  display: inline-block;
  line-height: 16px;
  position: relative;
  border-radius: 30px;
  letter-spacing: 0.5px;
}
.check-style-3 input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  border-radius: 30px;
}
.check-style-3 .switcher_checkbox {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #005d28;
  transition: all 0.25s ease;
  border-radius: 5px;
}
.check-style-3 .switcher_checkbox .checker {
  position: relative;
  top: 0;
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  transition: all 0.25s ease;
  flex-shrink: 0;
  border: 2px solid #005d28;
}
.check-style-3 .switcher_checkbox .checker .checker_short-line,
.check-style-3 .switcher_checkbox .checker .checker_long-line {
  position: absolute;
  overflow: hidden;
  height: 3px;
  background-color: transparent;
  transform-origin: left;
}
.check-style-3 .switcher_checkbox .checker .checker_short-line {
  top: 9px;
  left: 4px;
  width: 6px;
  transform: rotate(44.5deg);
}
.check-style-3 .switcher_checkbox .checker .checker_long-line {
  top: 15px;
  left: 8px;
  width: 15px;
  transform: rotate(-50deg);
}
.check-style-3 .switcher_checkbox .checker .checker_short-line::before,
.check-style-3 .switcher_checkbox .checker .checker_long-line::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translateX(-110%);
  transform-origin: left;
  transition: all 0.15s ease;
}
.check-style-3 .switcher_checkbox .checker-text {
  width: 100%;
  color: #000;
  background: none;
  padding: 6px 10px 6px 10px;
  transition: all 0.3s ease;
  font-weight: 500;
}
.check-style-3.sm {
  font-size: 12px;
  line-height: 15px;
}
.check-style-3.sm .switcher_checkbox .checker {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-radius: 0;
}
.check-style-3.sm .switcher_checkbox .checker .checker_short-line {
  height: 2px;
  top: 8px;
  left: 3px;
  width: 6px;
}
.check-style-3.sm .switcher_checkbox .checker .checker_long-line {
  height: 2px;
  top: 13px;
  left: 7px;
  width: 13px;
}
.check-style-3.sm .switcher_checkbox .checker-text {
  padding: 0px 5px;
}
.check-style-3 input:checked + .switcher_checkbox .checker-text {
  color: #005d28;
}
.check-style-3 input:checked + .switcher_checkbox .checker {
  border: 0;
  background: #005d28;
}
.check-style-3 input:disabled + .switcher_checkbox .checker {
  background: #afa9a9;
  border-color: #a5a1a1;
  cursor: not-allowed;
}
.check-style-3 input:disabled + .switcher_checkbox .checker-text {
  color: #474747;
  cursor: not-allowed;
}
.check-style-3 input:disabled + .switcher_checkbox {
  cursor: not-allowed;
}
.check-style-3 input:checked:disabled + .switcher_checkbox .checker {
  background: #474747;
  border-color: #474747;
  cursor: not-allowed;
}
.check-style-3 input:checked:disabled + .switcher_checkbox .checker .checker_short-line::before,
.check-style-3 input:checked:disabled + .switcher_checkbox .checker .checker_long-line::before {
  background: #7e7e7e;
}
.check-style-3 input:checked:disabled + .switcher_checkbox {
  cursor: not-allowed;
}
.check-style-3 input:checked:disabled + .switcher_checkbox .checker-text {
  color: #474747;
  cursor: not-allowed;
}
.check-style-3 input:checked + .switcher_checkbox .checker_short-line::before,
.check-style-3 input:checked + .switcher_checkbox .checker_long-line::before {
  transform: translateX(0);
}
.checker_long-line::before,
.check-style-3 input:checked + .switcher_checkbox .checker_short-line::before {
  transition-delay: 0s;
}
.checker_short-line::before,
.check-style-3 input:checked + .switcher_checkbox .checker_long-line::before {
  transition-delay: 0.12s;
}
.custom-tree-grid {
  width: 100%;
  overflow-y: auto;
  position: relative;
  background: #fff;
  box-shadow: 0 0 1px #000;
}
.custom-tree-grid table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.custom-tree-grid table tr th {
  color: #fff;
  background: #333;
  letter-spacing: 0.5px;
  padding: 8px;
  font-weight: 600;
}
.custom-tree-grid table tr td {
  padding: 8px;
}
.custom-tree-grid table tr td .title-row {
  width: 100%;
  padding: 8px 8px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.custom-tree-grid table tr td .title-row:last-child {
  border-bottom: 0;
}
.custom-tree-grid table tr td .title-row-label {
  display: flex;
  align-items: center;
}
.custom-tree-grid table tr td .title-row-label .custom-tee-grid-toggle {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  color: #005d28;
}
.custom-tree-grid .list-table {
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0 !important;
  border: 0;
  background: none;
}
.custom-tree-grid .list-table:empty {
  display: none;
}
.custom-tree-grid .list-table li {
  list-style-type: none;
}
.custom-tree-grid .list-table li table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fdfdfd;
}
.custom-tree-grid .list-table li table tr td {
  padding: 4px 8px !important;
  border: 0;
}
.custom-tree-grid .list-table li table tr td:first-child {
  padding-left: 34px;
}
.custom-tree-grid .list-table li:last-child table {
  border-bottom: 0;
}
.custom-tree-grid .sub-list {
  width: calc(100% - 60px);
  margin: 10px 5px 10px 55px !important;
}
.custom-tree-grid .sub-list li table {
  background: #f8f8f8 !important;
}
.custom-tree-grid .sub-list li table tr td:first-child {
  padding-left: 10px;
}
.grid-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 6px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #f9f9f9;
}
.grid-header .grid-search {
  width: 250px;
  width: 200px;
}
.grid-header .grid-search input {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
  padding: 2px 8px;
}
.grid-header .grid-search input:focus {
  border-color: #ed7043;
}
.custom-tree-grid-1 {
  width: 100%;
  overflow-y: auto;
  position: relative;
  background: #fff;
  box-shadow: 0 0 1px #000;
}
.custom-tree-grid-1 table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0;
}
.custom-tree-grid-1 table tr th {
  color: #fff;
  background: #2f3a4e;
  letter-spacing: 0.5px;
  padding: 6px 8px;
  font-weight: 600;
}
.custom-tree-grid-1 table tr td {
  padding: 6px 8px;
  border-bottom: 1px solid #e7e7e7;
}
.custom-tree-grid-1 table tr td .nested-toggle .material-symbols-outlined {
  display: block;
  cursor: pointer;
  color: #ffab4f;
}
.custom-tree-grid-1 table tr td .padding-left-30 {
  padding-left: 30px;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 {
  width: 100%;
  position: relative;
  box-shadow: 0 0 2px #ccc;
  max-height: 250px;
  overflow: auto;
  background: #fff;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1::-webkit-scrollbar {
  width: 3px;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 table {
  width: 100%;
  font-size: 14px;
  table-layout: auto;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 table th {
  color: #fff;
  background: #474747;
  padding: 6px 8px;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 1;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 table tbody tr td {
  padding: 6px 8px;
  border-bottom: 1px solid #ebebeb;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 table tbody tr td .material-symbols-outlined {
  font-size: 20px;
}
.custom-tree-grid-1 table tr td .custom-inner-tree-grid-1 table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.control-icon {
  position: relative;
}
.control-icon-box {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}
.chang-pws-block {
  width: 100%;
  display: flex;
  padding: 0 30px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 60px);
}
.chang-pws-block .chang-pws-block-left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chang-pws-block .chang-pws-block-left .change-pws-logo img {
  width: 100%;
  max-height: 430px;
  max-width: 430px;
}
.chang-pws-block .chang-pws-block-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chang-pws-block .chang-pws-block-right .pws-block {
  width: 320px;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 3px #000;
  position: relative;
}
.chang-pws-block .chang-pws-block-right .pws-block .pws-error-box {
  width: 200px;
  position: absolute;
  top: 0;
  left: -210px;
  font-size: 12px;
  line-height: 14px;
  background: #fff;
  border-radius: 8px;
  color: #ed0606;
  font-weight: 500;
  box-shadow: 0 0 5px #999;
}
.chang-pws-block .chang-pws-block-right .pws-block .pws-error-box .pws-error-msg {
  padding: 6px 10px;
  background: #fff0f0;
}
.chang-pws-block .chang-pws-block-right .pws-block .pws-error-box .pws-error-msg:first-child {
  padding-top: 15px;
  border-radius: 8px 8px 0 0;
}
.chang-pws-block .chang-pws-block-right .pws-block .pws-error-box .pws-error-msg:last-child {
  padding-bottom: 15px;
  border-radius: 0 0 8px 8px;
}
.chang-pws-block .chang-pws-block-right .pws-block .pws-error-box .pws-error-msg:only-child {
  padding: 15px 10px;
  border-radius: 8px;
}
.chang-pws-block .chang-pws-block-right h2 {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.8px;
}
.input-icon {
  position: relative;
}
.input-icon input {
  padding-right: 35px !important;
}
.input-icon .input-icon-box {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  height: 34px;
  width: 34px;
  text-align: center;
  padding: 9px 0;
}
.input-icon .input-icon-box span {
  font-size: 20px;
  cursor: pointer;
}
.top-tabs-block {
  width: 100%;
}
.top-tabs-block .top-tabs-nav {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
}
.top-tabs-block .top-tabs-nav .top-tabs-nav-item a {
  color: #000000;
  display: inline-block;
  font-size: 16px;
  list-style-type: none;
  background: none;
  border-radius: 5px 5px 0px 0px;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-bottom: 3px solid transparent;
  padding: 8px 20px 5px 20px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 4px;
  transition: all 0.3s ease;
}
.top-tabs-block .top-tabs-nav .top-tabs-nav-item a:hover {
  border-color: #008131;
}
.top-tabs-block .top-tabs-nav .top-tabs-nav-item .active {
  color: #008131;
  border-color: #008131;
}
.top-tabs-block .top-tabs-content {
  width: 100%;
  padding: 15px 0px 15px 0px;
  display: none;
  position: relative;
}
.top-tabs-block .top-tabs-content.active {
  display: block;
}
.top-tabs-block .top-tabs-content .search-box {
  width: 240px;
  margin-right: 5px;
  position: absolute;
  top: -50px;
  left: 120px;
}
.top-tabs-block .top-status-info {
  padding: 0;
}
.no-search-position .search-box {
  position: static;
  margin-bottom: 10px;
}
.search-left-0 .search-box {
  left: 0;
}
.top-tab-1 {
  width: 100%;
}
.top-tab-1 .top-tab-nav {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 111;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item {
  height: 30px;
  display: inline-block;
  flex-shrink: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 50px;
  text-align: center;
  margin-right: 10px;
  padding: 7px 15px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  outline: none !important;
  transition: all 0.3s ease;
  cursor: pointer;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item:hover {
  background: #f2f2f2;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item.active {
  color: #fff;
  background: #005d28;
  border-color: #005d28;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item.active:hover {
  opacity: 0.8;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item .input-group .form-floating input {
  width: 90px;
  font-size: 13px;
  padding: 5px 0 4px 0 !important;
  height: 28px !important;
  border: 0 !important;
  letter-spacing: 0.5px;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item .input-group .form-floating input::placeholder {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item .input-group .form-floating label {
  display: none;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item .input-group .date-picker-icon {
  height: 28px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
}
.top-tab-1 .top-tab-nav .top-tab-nav-item .input-group .date-picker-icon .material-symbols-outlined {
  font-size: 18px !important;
}
.top-tab-1 .top-tab-container {
  width: 100%;
  padding: 10px 0;
}
.top-tab-1 .top-tab-container .data-table-block .search-box {
  position: static;
  margin-bottom: 10px;
}
.grid-componant {
  position: relative;
}
.grid-componant .search-box {
  width: 240px;
  margin-right: 5px;
  position: absolute;
  top: -51px;
  left: 120px;
}
.left-tabs-block {
  width: 100%;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.left-tabs-block .left-tabs-nav {
  width: 250px;
  flex-shrink: 0;
  overflow: hidden;
  overflow-y: auto;
  border-right: 1px solid #ccc;
  min-height: 300px;
  height: calc(100vh - 185px);
}
.left-tabs-block .left-tabs-nav::-webkit-scrollbar {
  width: 3px;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item {
  line-height: 18px;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item a {
  color: #000;
  padding: 10px 12px;
  display: block;
  text-decoration: none;
  background: none;
  width: 100%;
  cursor: pointer;
  letter-spacing: 0.5px;
  font-weight: 600;
  transition: all 0.3s ease;
  border-bottom: 1px solid #e5e3e3;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item .active {
  color: #ffffff;
  background: #005d28;
  border-color: #005d28;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item .active::after {
  background: #ffab4f;
  border-color: #ffab4f;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item .active::before {
  background: #ffab4f;
}
.left-tabs-block .left-tabs-nav .left-tabs-nav-item:first-child a::after {
  content: none;
}
.left-tabs-block .left-tabs-content {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 300px;
  height: calc(100vh - 185px);
}
.left-tabs-block .left-tabs-content::-webkit-scrollbar {
  width: 4px;
}
.left-tabs-block .left-tabs-content .data-table {
  min-height: auto;
  max-height: calc(100vh - 310px);
}
.left-tabs-block .search-box {
  position: static;
  margin-bottom: 15px;
}
.modal-content {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
}
.form-floating input {
  height: 46px !important;
  min-height: auto !important;
}
.form-floating .form-control,
.form-floating .form-control-plaintext {
  padding: 13px 10px 5px 0px !important;
  line-height: 46px !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.form-floating select,
.form-floating .form-select {
  height: 46px !important;
  min-height: auto !important;
  background-color: unset !important;
  box-shadow: none !important;
  outline: none !important;
}
.form-floating select:focus,
.form-floating .form-select:focus {
  background-color: unset !important;
}
.form-floating > label {
  top: -5px;
  z-index: 0;
  padding: 18px 10px 18px 0;
}
.custom-floating.form-floating label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-1.2rem);
  left: 0px;
  color: #474747;
  z-index: 1;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-1.2rem) translateX(0rem);
  color: #474747;
  z-index: 0;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  content: "";
  background-color: transparent;
  padding: 12px 5px;
  display: block;
  border-radius: 4px;
  left: 11px;
  top: 13px;
}
.custom-floating.form-floating > label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  content: "";
  padding: 12px 5px;
  display: block;
  border-radius: 4px;
  left: 11px;
  top: 13px;
}
.form-floating > .form-select {
  padding-top: 13px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-position: right 0 center;
}
.phone-number-control {
  width: 100%;
  display: flex;
}
.phone-number-control .phone-number-control-left {
  flex-shrink: 0;
  display: inline-block;
  font-weight: 500;
  padding: 16px 10px 10px 0px;
  border-bottom: 1px solid #dddddd;
}
.phone-number-control .phone-number-control-right {
  width: 100%;
}
.phone-number-control:active .phone-number-control-left {
  border-color: #005d28;
}
.text-error {
  color: #ff0000;
  font-size: 13px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.file-upload {
  width: 100%;
  padding: 5px;
  border: 0;
  position: relative;
  height: 46px;
  border-radius: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.file-upload label {
  position: absolute;
  top: -11px;
  padding: 4px 15px 3px 0px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 15px;
  color: #474747;
  margin: 0;
}
.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 46px;
  z-index: 1;
}
.file-upload-icon {
  width: 30px;
  height: 37px;
  background: none;
  color: #005d28;
  text-align: center;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0px;
  cursor: pointer;
  transition: all 0.6s ease;
}
.file-upload:hover .file-upload-icon {
  opacity: 0.8;
}
.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: none;
  padding: 15px 5px 12px 0px;
  display: block;
  width: calc(100% - 50px);
  pointer-events: none;
  z-index: 20;
  line-height: 10px;
  color: #000;
  font-weight: 300;
  border: 0;
  border-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
  cursor: pointer;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 46px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.file-upload-text {
  font-size: 14px;
  line-height: 16px;
  color: #0bab47 !important;
  font-weight: 400;
  text-decoration: none;
  padding: 4px 0 0 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-text:hover {
  text-decoration: underline;
}
.file-upload-text.disabled {
  color: #c9c9c9 !important;
  cursor: not-allowed;
}
.file-upload-text.disabled:hover {
  text-decoration: none;
}
.file-upload label.mandatory::after {
  right: 5px;
  font-size: 16px;
}
.text-hint {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  display: inline-block;
}
.file-upload-warning {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #d18803;
  display: inline-block;
}
.attachment-btn {
  margin-left: 10px;
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background:
    linear-gradient(
      to bottom,
      #42a6ca,
      #005d28);
  border: 0;
}
.add-more {
  margin-left: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c07c01;
}
.preview {
  display: flex;
  align-items: center;
}
.preview .preview-img {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background: #fff;
  flex-shrink: 0;
  border: 0;
  box-shadow: 0 0 3px #000;
  margin-right: 10px;
  padding: 0px;
  position: relative;
  z-index: 11;
}
.preview .preview-img .preview-img-box {
  width: 45px;
  height: 45px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.preview .preview-img .preview-img-box img {
  width: 45px;
  height: 45px;
  min-height: 45px;
  object-fit: cover;
  background: #fff;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}
.preview .preview-img:hover .preview-img-box {
  width: 400px;
  height: auto;
  max-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  border-color: #2f3a4e;
  box-shadow: 0 0 3px #000;
  overflow-y: auto;
}
.preview .preview-img:hover .preview-img-box img {
  width: 100%;
  height: auto;
  object-fit: unset;
}
.preview .preview-download {
  font-weight: 600;
  color: #0bab47;
  cursor: pointer;
  outline: none !important;
  border: none;
  background: none;
  padding: 0;
  outline: none !important;
}
.preview .preview-download:hover {
  text-decoration: none;
}
.view-image-block {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.view-image-block .view-image {
  width: 65px;
  height: 65px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  margin: 0 15px 15px 0;
  border: 1px solid #cdcdcd;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.view-image-block .view-image img {
  width: 65px;
  width: 100%;
  height: 65px;
  object-fit: cover;
  display: block;
}
.view-image-block .view-image::after {
  content: "View";
  width: 65px;
  height: 65px;
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  background: rgba(47, 58, 78, 0.9);
  transition: all 0.3s ease;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.view-image-block .view-image:hover::after {
  top: 0;
  opacity: 1;
}
.view-image-block .view-image:hover {
  border-color: #2f3a4e;
}
.toggle-tabs {
  width: 100%;
}
.toggle-tabs .accordion-item {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
}
.toggle-tabs .accordion-item .accordion-button {
  width: 100%;
  box-shadow: none !important;
  padding: 10px 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  overflow: hidden;
  background:
    linear-gradient(
      to right,
      #005d28,
      #008131);
  color: #ffffff !important;
  border-bottom: 1px solid transparent;
}
.toggle-tabs .accordion-item .accordion-button:not(.collapsed) {
  color: #c07c01;
}
.toggle-tabs .accordion-body {
  overflow: hidden;
  overflow-y: auto;
  min-height: 100px;
  padding: 15px 15px 15px 15px;
  max-height: calc(100vh - 190px);
  background: rgba(255, 255, 255, 0.4);
}
.toggle-tabs .accordion-body::-webkit-scrollbar {
  width: 4px;
}
.toggle-tabs .accordion-body .data-table {
  max-height: 300px;
}
.modal.fade {
  background: rgba(0, 0, 0, 0.5) !important;
}
.main-popup {
  width: 100%;
  background: #fff;
  word-wrap: break-word;
  box-shadow: 0 0 3px #e1e1e1;
  overflow: hidden;
  border-radius: 10px;
}
.main-popup .main-popup-header {
  width: 100%;
  height: 45px;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
  background:
    linear-gradient(
      to right,
      #000000,
      #005d28);
}
.main-popup .main-popup-header .main-popup-close {
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
  border-radius: 3px;
}
.main-popup .main-popup-header .main-popup-close:hover {
  transform: rotate(90deg);
  background: #df4640;
}
.main-popup .main-popup-header .main-popup-close .material-symbols-outlined {
  display: block;
  font-size: 22px;
}
.main-popup .main-popup-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: calc(100vh - 146px);
  border: 1px solid #ccc;
  border-top: 0;
}
.main-popup .main-popup-footer {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-top: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #f9f9f9;
  height: 45px;
  border-radius: 0 0 10px 10px;
}
.main-popup .main-popup-footer button {
  margin: 0 0 0 10px;
}
.main-popup .main-popup-footer .form-btn {
  height: 28px;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 15px;
}
.map-popup {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: flex-start;
  box-shadow: 0 0 3px #929292;
}
.map-popup .map-popup-left {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 56px);
}
.map-popup .map-popup-left .map-block {
  width: 100%;
  position: relative;
}
.map-popup .map-popup-left .map-block .map-search {
  position: absolute;
  top: 10px !important;
  left: inherit !important;
  right: 60px !important;
  width: 300px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #fff;
  padding: 10px;
  font-size: 16px;
  background: #fff;
  outline: none !important;
}
.map-popup .map-popup-left .map-block .map-search:focus {
  border-color: #474747;
}
.map-popup .map-popup-left .map-container {
  width: 100% !important;
  height: calc(100vh - 56px) !important;
}
.map-popup .map-popup-right {
  width: 350px;
  flex-shrink: 0;
  border-left: 1px solid #ccc;
}
.map-popup .map-popup-right .map-popup-right-header {
  width: 100%;
  height: 50px;
  padding: 12px 15px;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background:
    linear-gradient(
      to right,
      #005d28,
      #008131);
}
.map-popup .map-popup-right .map-popup-right-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 156px);
}
.map-popup .map-popup-right .map-popup-right-footer {
  width: 100%;
  padding: 8px 15px;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #f9f9f9;
  height: 50px;
}
.map-popup .map-popup-right .map-popup-right-footer button {
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .map-popup {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 60px);
  }
  .map-popup .map-popup-left {
    width: 100%;
    height: auto;
  }
  .map-popup .map-popup-left .map-block .map-search {
    width: 200px;
    left: unset !important;
    right: 60px;
  }
  .map-popup .map-popup-left .map-block .map-container {
    height: 250px !important;
  }
  .map-popup .map-popup-right {
    width: 100%;
  }
  .map-popup .map-popup-right .map-popup-right-header {
    display: none;
  }
  .map-popup .map-popup-right .map-popup-right-body {
    height: auto;
  }
}
.image-popup-wrapper + .modal .modal-dialog .modal-content {
  text-align: center;
}
.image-popup {
  width: auto;
  max-width: 100%;
  background: none;
  border: 0;
  word-wrap: break-word;
  box-shadow: 0 0 3px #000;
  display: inline-block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}
.image-popup .image-popup-btn {
  border: 0;
  padding: 0;
  background: none;
  color: #fff;
  outline: none !important;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  background: #ff0000;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.image-popup .image-popup-btn .material-symbols-outlined {
  display: block;
}
.image-popup .image-popup-btn:hover {
  background: #024A20;
  transform: rotate(90deg);
}
.image-popup .image-popup-body {
  width: 100%;
  text-align: center;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: calc(100vh - 60px);
}
.image-popup .image-popup-body img {
  width: auto;
  min-width: 500px;
  min-height: 300px;
  max-height: calc(100vh - 60px);
}
.image-popup .image-popup-title {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 10px;
  word-wrap: break-word;
  min-height: 60px;
  max-height: 200px;
  z-index: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
  overflow: auto;
}
.pac-container {
  z-index: 9999;
}
.full-view-map {
  width: 100%;
}
.full-view-map .map-container {
  width: 100% !important;
  box-shadow: 0 0 2px #000;
  min-height: 300px;
  height: calc(100vh - 120px) !important;
}
.full-view-map .gm-style-iw-chr .gm-ui-hover-effect {
  width: 20px !important;
  height: 20px !important;
  background: none !important;
  border: 0 !important;
  outline: none !important;
}
.full-view-map .gm-style-iw-chr .gm-ui-hover-effect span {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}
.full-view-map map-info-window {
  font-size: 12px;
  line-height: 14px;
}
.full-view-map map-info-window p {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}
ngb-datepicker {
  position: fixed !important;
}
ngb-datepicker .ngb-dp-header {
  color: #ffffff;
  background: #c07c01;
  padding: 4px;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow {
  width: auto;
  height: auto;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn {
  margin: 0px;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
  width: 8px;
  height: 8px;
  color: #ffffff;
  border-style: solid !important;
  border-width: 2px 2px 0 0 !important;
}
ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn:hover {
  opacity: 0.6;
}
ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select {
  height: 27px !important;
  padding: 3px 5px !important;
  border: 1px solid rgba(204, 204, 204, 0.5) !important;
  background-color: transparent !important;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  background-position: right 3px center;
  background-size: 10px 10px;
}
ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select option {
  color: #000;
}
ngb-datepicker .ngb-dp-weekday {
  color: #c07c01;
  font-weight: 600;
}
ngb-datepicker .bg-primary {
  outline: none !important;
  background: #c07c01 !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background: #c07c01;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  background: #fff;
  padding: 15px 30px 3px 0px !important;
  border-radius: 0px !important;
  border: 0px solid #005d28 !important;
  border-bottom: 1px solid #ccc !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-multiselect__caret {
  top: 10px !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .filter-textbox {
  padding: 5px !important;
  background: #c07c01;
}
.custom-multiselect-dropdown .multiselect-dropdown .filter-textbox input {
  color: #fff;
  padding: 5px 5px !important;
  height: 28px !important;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 5px;
  outline: none !important;
  transition: all 0.3s ease;
}
.custom-multiselect-dropdown .multiselect-dropdown .filter-textbox input::placeholder {
  color: #fff;
}
.custom-multiselect-dropdown .multiselect-dropdown .filter-textbox input:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .filter-textbox input:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .multiselect-item-checkbox[_ngcontent-ng-c1411523848] input[type=checkbox] + div[_ngcontent-ng-c1411523848]:before {
  box-sizing: content-box;
  content: "";
  color: #2f3a4e;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid #2f3a4e;
  text-align: center;
  transition: all 0.4s ease;
}
.custom-multiselect-dropdown .multiselect-dropdown .multiselect-item-checkbox[_ngcontent-ng-c1411523848] input[type=checkbox][_ngcontent-ng-c1411523848]:checked + div:before {
  background: #2f3a4e;
}
.custom-multiselect-dropdown .multiselect-dropdown .selected-item {
  font-size: 12px;
  border-color: #2f3a4e !important;
  margin-right: 3px;
  background: #4b5d7e !important;
  margin-bottom: 3px;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list {
  padding: 0;
  margin: 0;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list .multiselect-item-checkbox {
  padding: 10px 10px;
  border-bottom: 1px solid #ededed;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list .multiselect-item-checkbox:hover {
  background-color: #fbfbfb;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list .no-filtered-data h5 {
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  background: #ffdede;
  padding: 15px 5px;
  color: #e30505;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list .no-data {
  margin-top: 10px !important;
  background-size: 70px;
  padding: 80px 10px 10px 10px !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-list .no-data h5 {
  text-align: center;
  margin: 0;
  font-size: 15px;
}
.show-less-block {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.show-less-block span {
  background: #f07844;
  padding: 1px 10px 2px 10px;
  border-radius: 4px;
  margin: 0 8px 8px 0;
  color: #fff;
  border: 1px solid #cb673b;
  display: none;
}
.show-less-block span:nth-child(-n+5) {
  display: block;
}
.show-less-block .show-less-btn {
  color: #f07844;
  background: none;
  border: none;
  outline: none !important;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 8px;
  padding: 0;
  text-decoration: underline;
  border-bottom: 1px solid transparent;
}
.show-less-block .show-less-btn:hover {
  text-decoration: none;
}
.show-less-block.show-all span {
  display: block;
}
.tab-style-1 {
  display: flex;
}
.tab-style-1 .tab-style-1-box nav a.nav-link {
  border: 2px solid #a5a5a5;
  border-left: 0px solid #a5a5a5;
  min-width: 120px;
  color: #333;
  text-align: center;
  border-radius: 0;
}
.tab-style-1 .tab-style-1-box nav a.nav-link.active {
  background:
    linear-gradient(
      to bottom,
      #5897b8,
      #3b6397);
  color: #fff;
  border-top-color: #5897b8;
  border-bottom-color: #3b6397;
  border-left-color: #578cd2;
  border-right-color: #578cd2;
}
.tab-style-1 .tab-style-1-box:last-child nav a.nav-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tab-style-1 .tab-style-1-box:first-child nav a.nav-link {
  border-left: 2px solid #a5a5a5;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tab-style-1 .tab-style-1-box:first-child nav a.nav-link.active {
  border-left-color: #578cd2;
}
.dynamic-box {
  width: 100%;
  min-height: 50px;
  border-radius: 10px;
  word-wrap: break-word;
  transition: all 0.3s ease;
}
.dynamic-box .dynamic-label {
  font-weight: 700;
  width: 100%;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 16px;
}
.dynamic-box .dynamic-value {
  display: block;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}
.dynamic-box .custom-dynamic-value {
  position: relative;
  z-index: 11;
}
.dynamic-box .custom-dynamic-value .dynamic-value {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dynamic-box .custom-dynamic-value .tooltip {
  font-size: 12px;
  line-height: 14px;
}
.view-profile-block {
  width: 100%;
  display: flex;
  overflow: hidden;
  color: #fff;
  background: #000;
  border-radius: 5px;
  min-height: 400px;
  height: calc(100vh - 101px);
  box-shadow: -1px 0px 2px #adadad;
  background-image:
    linear-gradient(
      200deg,
      rgba(213, 213, 213, 0.01) 0%,
      rgba(213, 213, 213, 0.01) 14.286%,
      rgba(140, 140, 140, 0.01) 14.286%,
      rgba(140, 140, 140, 0.01) 28.572%,
      rgba(52, 52, 52, 0.01) 28.572%,
      rgba(52, 52, 52, 0.01) 42.858%,
      rgba(38, 38, 38, 0.01) 42.858%,
      rgba(38, 38, 38, 0.01) 57.144%,
      rgba(159, 159, 159, 0.01) 57.144%,
      rgba(159, 159, 159, 0.01) 71.43%,
      rgba(71, 71, 71, 0.01) 71.43%,
      rgba(71, 71, 71, 0.01) 85.716%,
      rgba(88, 88, 88, 0.01) 85.716%,
      rgba(88, 88, 88, 0.01) 100.002%),
    linear-gradient(
      337deg,
      rgba(25, 25, 25, 0.01) 0%,
      rgba(25, 25, 25, 0.01) 12.5%,
      rgba(150, 150, 150, 0.01) 12.5%,
      rgba(150, 150, 150, 0.01) 25%,
      rgba(84, 84, 84, 0.01) 25%,
      rgba(84, 84, 84, 0.01) 37.5%,
      rgba(85, 85, 85, 0.01) 37.5%,
      rgba(85, 85, 85, 0.01) 50%,
      rgba(188, 188, 188, 0.01) 50%,
      rgba(188, 188, 188, 0.01) 62.5%,
      rgba(80, 80, 80, 0.01) 62.5%,
      rgba(80, 80, 80, 0.01) 75%,
      rgba(73, 73, 73, 0.01) 75%,
      rgba(73, 73, 73, 0.01) 87.5%,
      rgba(219, 219, 219, 0.01) 87.5%,
      rgba(219, 219, 219, 0.01) 100%),
    linear-gradient(
      203deg,
      rgba(233, 233, 233, 0.01) 0%,
      rgba(233, 233, 233, 0.01) 25%,
      rgba(114, 114, 114, 0.01) 25%,
      rgba(114, 114, 114, 0.01) 50%,
      rgba(164, 164, 164, 0.01) 50%,
      rgba(164, 164, 164, 0.01) 75%,
      rgba(228, 228, 228, 0.01) 75%,
      rgba(228, 228, 228, 0.01) 100%),
    linear-gradient(
      317deg,
      rgba(139, 139, 139, 0.02) 0%,
      rgba(139, 139, 139, 0.02) 16.667%,
      rgba(44, 44, 44, 0.02) 16.667%,
      rgba(44, 44, 44, 0.02) 33.334%,
      rgba(166, 166, 166, 0.02) 33.334%,
      rgba(166, 166, 166, 0.02) 50.001%,
      rgba(2, 2, 2, 0.02) 50.001%,
      rgba(2, 2, 2, 0.02) 66.668%,
      rgba(23, 23, 23, 0.02) 66.668%,
      rgba(23, 23, 23, 0.02) 83.335%,
      rgba(21, 21, 21, 0.02) 83.335%,
      rgba(21, 21, 21, 0.02) 100.002%),
    linear-gradient(
      328deg,
      rgba(3, 3, 3, 0.03) 0%,
      rgba(3, 3, 3, 0.03) 12.5%,
      rgba(116, 116, 116, 0.03) 12.5%,
      rgba(116, 116, 116, 0.03) 25%,
      rgba(214, 214, 214, 0.03) 25%,
      rgba(214, 214, 214, 0.03) 37.5%,
      rgba(217, 217, 217, 0.03) 37.5%,
      rgba(217, 217, 217, 0.03) 50%,
      rgba(68, 68, 68, 0.03) 50%,
      rgba(68, 68, 68, 0.03) 62.5%,
      rgba(118, 118, 118, 0.03) 62.5%,
      rgba(118, 118, 118, 0.03) 75%,
      rgba(200, 200, 200, 0.03) 75%,
      rgba(200, 200, 200, 0.03) 87.5%,
      rgba(198, 198, 198, 0.03) 87.5%,
      rgba(198, 198, 198, 0.03) 100%),
    linear-gradient(
      97deg,
      rgba(195, 195, 195, 0.03) 0%,
      rgba(195, 195, 195, 0.03) 16.667%,
      rgba(177, 177, 177, 0.03) 16.667%,
      rgba(177, 177, 177, 0.03) 33.334%,
      rgba(170, 170, 170, 0.03) 33.334%,
      rgba(170, 170, 170, 0.03) 50.001%,
      rgba(158, 158, 158, 0.03) 50.001%,
      rgba(158, 158, 158, 0.03) 66.668%,
      rgba(121, 121, 121, 0.03) 66.668%,
      rgba(121, 121, 121, 0.03) 83.335%,
      rgba(146, 146, 146, 0.03) 83.335%,
      rgba(146, 146, 146, 0.03) 100.002%),
    linear-gradient(
      268deg,
      rgba(103, 103, 103, 0.03) 0%,
      rgba(103, 103, 103, 0.03) 25%,
      rgba(112, 112, 112, 0.03) 25%,
      rgba(112, 112, 112, 0.03) 50%,
      rgba(4, 4, 4, 0.03) 50%,
      rgba(4, 4, 4, 0.03) 75%,
      rgba(227, 227, 227, 0.03) 75%,
      rgba(227, 227, 227, 0.03) 100%),
    linear-gradient(
      90deg,
      hsl(98, 0%, 0%),
      hsl(98, 0%, 0%));
}
.view-profile-block .view-profile-block-left {
  width: 50%;
  padding: 0px;
  flex-shrink: 0;
  text-align: center;
  position: relative;
}
.view-profile-block .view-profile-block-left .view-profile {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}
.view-profile-block .view-profile-block-left .view-profile img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  height: calc(100vh - 101px);
}
.view-profile-block .view-profile-block-left .view-profile-info {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  align-items: end;
  justify-content: center;
  transition: all 0.3s ease;
  background:
    linear-gradient(
      to bottom,
      transparent 30%,
      #000000 80%);
}
.view-profile-block .view-profile-block-left .view-profile-info .h4 {
  color: #008131;
}
.view-profile-block .view-profile-block-right {
  width: 100%;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  overflow-y: auto;
}
.view-profile-block .view-profile-block-right .info-contact {
  width: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  font-size: 18px;
  cursor: default;
}
.view-profile-block .view-profile-block-right .info-contact .info-contact-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #008131;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.view-profile-block .view-profile-block-right .info-contact .info-contact-icon .material-symbols-outlined {
  font-size: 30px;
}
.view-profile-block .view-profile-block-right .info-contact .info-contact-icon .info-contact-label:hover {
  color: #2eae3c;
}
.view-profile-block .view-profile-block-right .info-contact .info-contact-label {
  width: calc(100% - 75px);
}
.view-profile-block .view-profile-block-right .info-contact:hover {
  color: #008131;
}
.view-profile-block .view-profile-block-right .info-contact:hover .info-contact-icon {
  color: #fff;
  background: #008131;
  border-color: #ffe2cc;
}
.text-area-min-height-46 {
  min-height: 46px !important;
}
.grid-style-1 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  text-align: left;
}
.grid-style-1 tr th {
  padding: 5px;
  font-weight: 600;
  border: 1px solid #ccc;
}
.grid-style-1 tr td {
  padding: 5px;
  border: 1px solid #ccc;
}
.grid-style-2 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  text-align: left;
  letter-spacing: 0.5px;
}
.grid-style-2 tr th {
  padding: 5px;
  font-weight: 600;
  border: 1px solid #474747;
  border-right-color: #6e6e6e;
  background: #474747;
  color: #fff;
}
.grid-style-2 tr td {
  padding: 5px;
  border: 1px solid #ccc;
}
.customized-row .col-12 {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.export-buttons-group {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.export-buttons-group .export-buttons-group-inner .export-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.8px;
  float: left;
  width: 195px;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
  margin: 0 6px;
  transition: all 0.3s ease;
  outline: none !important;
}
.export-buttons-group .export-buttons-group-inner .export-btn:hover {
  opacity: 0.9;
}
.export-buttons-group .export-buttons-group-inner .export-btn .btn-gradient {
  position: relative;
  width: 60px;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: 2px 0px 0px 0px rgba(78, 72, 72, 0.4);
  border-top-right-radius: 35px;
  padding: 8px 20px 3px 10px;
}
.export-buttons-group .export-buttons-group-inner .export-btn .btn-gradient i {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.export-buttons-group .export-buttons-group-inner .export-btn.btn-primary {
  background-color: #005d28;
}
.export-buttons-group .export-buttons-group-inner .export-btn.btn-primary .btn-gradient {
  box-shadow: 2px 0px 0px 0px rgba(255, 255, 255, 0.3);
}
.export-buttons-group .export-buttons-group-inner .export-btn.btn-secondry {
  background-color: #c07c01;
}
.export-buttons-group .export-buttons-group-inner .btn-text {
  width: 100%;
}
.export-buttons-group .export-buttons-group-inner.btn-radius .btn,
.export-buttons-group .export-buttons-group-inner.btn-radius .btn-gradient {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.field-lock-btn {
  border-radius: 0;
  border-bottom: 2px solid #005d28;
}
.green-bg-link {
  background:
    linear-gradient(
      to bottom left,
      #07c992 0%,
      #188568 100%);
}
.orange-bg-link {
  background:
    linear-gradient(
      to bottom left,
      #fcb909 0%,
      #fc7b25 100%);
}
.red-bg-link {
  background:
    linear-gradient(
      to bottom left,
      #f1844e 0%,
      #d93025 100%);
}
.form-btn-group-md {
  display: flex;
  margin-top: 23px;
}
.floating-buttons {
  display: flex;
  margin-top: 10px;
}
.export-dropdown {
  background-color: transparent;
}
.export-dropdown:hover {
  background-color: transparent;
}
.report-list {
  width: 100%;
  border-radius: 8px;
  color: #fff;
  background: #fff;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  transition: all 0.3s ease;
  margin-bottom: 15px;
  cursor: pointer;
}
.report-list .report-list-body {
  width: 100%;
  border: 2px solid #005d28;
  border-bottom: 0;
  padding: 30px 10px;
  border-radius: 8px 8px 0 0;
}
.report-list .report-list-body .roport-list-icon {
  width: 70px;
  height: 70px;
  background: #005d28;
  border-radius: 50%;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.report-list .report-list-body .roport-list-icon .material-symbols-outlined {
  font-size: 40px;
}
.report-list .roport-list-icon-label {
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  background: #c07c01;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  line-height: 20px;
}
.report-list:hover {
  box-shadow: 5px 5px 0px #b5d1c1;
}
.report-list:hover .roport-list-icon {
  background: #c07c01;
}
.under-construction {
  background: #fff url("./media/under-construction-TJC46JFS.jpg") no-repeat;
  background-position: center;
  background-size: 40%;
}
.status-block {
  width: 100%;
  display: block;
  margin: 0px 0 0px 0;
  transition: all 0.3s ease;
}
.status-block .status-box {
  width: 100%;
  padding: 7px;
  background: #fff;
  border-radius: 50px;
  letter-spacing: 0.5px;
  display: flex;
  gap: 6px;
  color: #fff;
  align-items: flex-start;
  box-shadow: 0 0 3px #464646;
  margin-bottom: 10px;
}
.status-block .status-box .status-box-icon {
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-block .status-box .status-box-icon span {
  font-size: 28px;
  font-weight: 400;
}
.status-block .status-box .status-box-info {
  width: 100%;
  width: calc(100% - 57px);
}
.status-block .status-box .status-box-info .status-box-label {
  margin-bottom: 0px;
  font-weight: 400;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-block .status-box .status-box-info .status-box-value {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: auto;
}
.status-block .status-box .status-box-info .status-box-value span {
  color: #f17b45;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.status-block .row .col-12:nth-child(1) .status-box {
  background:
    linear-gradient(
      to right,
      #ff4d21,
      #ff8e66);
}
.status-block .row .col-12:nth-child(2) .status-box {
  background:
    linear-gradient(
      to right,
      #7c44f7,
      #2ea4e9);
}
.status-block .row .col-12:nth-child(3) .status-box {
  background:
    linear-gradient(
      to right,
      #924e92,
      #e76445);
}
.status-block .row .col-12:nth-child(4) .status-box {
  background:
    linear-gradient(
      to right,
      #8232fd,
      #ca94b8);
}
.status-block .row .col-12:nth-child(5) .status-box {
  background:
    linear-gradient(
      to right,
      #8232fd,
      #ca94b8);
}
.status-block .row .col-12:nth-child(6) .status-box {
  background:
    linear-gradient(
      to right,
      #924e92,
      #e76445);
}
.status-block .row .col-12:nth-child(7) .status-box {
  background:
    linear-gradient(
      to right,
      #7c44f7,
      #2ea4e9);
}
.status-block .row .col-12:nth-child(8) .status-box {
  background:
    linear-gradient(
      to right,
      #ff4d21,
      #ff8e66);
}
.status-block .row div:nth-child(2) .fade-in {
  animation: fade-in 0.8s ease 200ms backwards;
}
.status-block .row div:nth-child(3) .fade-in {
  animation: fade-in 1.2s ease 200ms backwards;
}
.status-block .row div:nth-child(4) .fade-in {
  animation: fade-in 1.6s ease 200ms backwards;
}
.status-block .row div:nth-child(5) .fade-in {
  animation: fade-in 2s ease 200ms backwards;
}
.remove-item {
  border: 0;
  background: transparent;
  color: #ff0000;
}
.remove-item:disabled {
  cursor: not-allowed;
  color: #bdbdbd !important;
}
.view-item {
  border: 0;
  background: transparent;
  color: #005c27;
}
.grid-btn {
  background-color: #005d28;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  outline: none;
}
.grid-btn.status-active {
  background-color: transparent;
}
.action-dropdown {
  color: #005d28;
  background: transparent;
  border: 0;
}
.action-dropdown.dropdown-toggle::after {
  display: none;
}
.report-filter {
  padding: 40px 15px 0px 15px;
}
.form-radio-wrapper {
  clear: both;
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  overflow: hidden;
  justify-content: center;
}
.form-radio-wrapper .form-radio-button {
  position: absolute;
  left: -9999em;
  top: -9999em;
}
.form-radio-wrapper .form-radio-button + label {
  float: left;
  width: 33.3334%;
  height: 40px;
  padding: 0px 5px;
  cursor: pointer;
  border-radius: 30px;
  background-color: #ffffff;
  margin-right: -1px;
  color: #2eae3c;
  background: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 25px;
  box-shadow: 0 0 5px #ddd;
  border: 1px solid #ddd;
}
.form-radio-wrapper .form-radio-button + label span {
  color: rgba(192, 125, 1, 0.3411764706);
  margin-right: 5px;
}
.form-radio-wrapper .form-radio-button:checked + label {
  background-color: #2eae3c;
  border: 1px solid #2eae3c;
  color: #fff;
}
.form-radio-wrapper .form-radio-button:checked + label span {
  color: rgb(255, 255, 255);
}
.left-tabs-nav-body {
  width: 100%;
  padding: 10px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.left-tabs-nav-body::-webkit-scrollbar {
  width: 3px;
}
.left-tabs-nav-body button {
  all: unset;
  padding: 0;
  border: 0;
  background: none;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.left-tabs-nav-body button:hover {
  text-decoration: none;
}
.left-tabs-nav-body .tree-title {
  width: 100%;
  line-height: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.left-tabs-nav-body .tree-title .material-symbols-outlined {
  margin-right: 4px;
}
.vertical-tree {
  width: 100%;
}
.vertical-tree ul {
  padding-left: 22px;
}
.vertical-tree li {
  margin: 0px 0;
  list-style-type: none;
  position: relative;
  padding: 5px 0px 0px 0px;
}
.vertical-tree li::before {
  content: "";
  position: absolute;
  top: -6px;
  width: 1px;
  height: 100%;
  right: auto;
  left: -32px;
  border-left: 2px solid #b3b3b3;
  bottom: 50px;
}
.vertical-tree li::after {
  content: "";
  position: absolute;
  top: 17px;
  width: 32px;
  height: 15px;
  right: auto;
  left: -32px;
  border-top: 2px solid #b3b3b3;
}
.vertical-tree li button {
  display: inline-block;
  padding: 4px 8px;
  text-decoration: none;
  background-color: #f1f1f1;
  color: #000;
  border: 0;
  font-size: 13px;
  border-radius: 4px 4px 4px 0;
  outline: none !important;
  transition: all 0.3s ease;
}
.vertical-tree > ul > li::before,
.vertical-tree > ul > li::after {
  border: 0;
}
.vertical-tree li:last-child::before {
  height: 24px;
}
.vertical-tree li button:hover + ul li::after,
.vertical-tree li button:hover + ul li::before,
.vertical-tree li button:hover + ul::before,
.vertical-tree li button:hover + ul ul::before {
  border-color: #518f67;
}
.has-sub-chaild {
  position: relative;
}
.has-sub-chaild::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #474747;
}
.vertical-tree > ul > li > button {
  font-weight: 600;
}
.grid-select {
  font-size: 14px;
  max-width: 150px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #488b60;
  padding: 3px 5px;
  border-radius: 3px;
  outline: none !important;
}
.grid-control {
  font-size: 14px;
  width: 70px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #488b60;
  padding: 3px 5px;
  border-radius: 3px;
  outline: none !important;
}
table input,
table select,
table textarea {
  font-size: 14px !important;
  background-color: unset !important;
  border: 1px solid #488b60 !important;
  padding: 3px 5px !important;
  border-radius: 3px !important;
  outline: none !important;
  box-shadow: none !important;
}
table select {
  padding-right: 12px !important;
  background-position: right 0.1rem center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table .input-group input {
  border-radius: 3px 0px 0px 3px !important;
}
table .input-group input {
  height: 30px !important;
  padding: 6px 4px 4px 4px !important;
}
table .input-group .date-picker-icon {
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 0;
}
table .input-group .date-picker-icon .material-symbols-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-btn {
  padding: 0;
  margin-right: 10px;
  background: none;
  outline: none !important;
  cursor: pointer;
  color: #f13636;
}
.grid-btn:active {
  transform: scale(1.2);
}
.grid-btn.active {
  color: #00903e;
}
.btn-blue {
  color: #4343a3 !important;
}
.grid-btn-1 {
  all: unset;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 4px;
  text-align: center;
  outline: none !important;
  margin-right: 5px;
  cursor: pointer;
  letter-spacing: 0.5px;
  color: #fff;
  background: #c07c01;
  border: 1px solid #c07c01;
  transition: all 0.3s ease;
  font-weight: 600;
}
.grid-btn-1:active {
  transform: scale(0.8);
}
.grid-btn-1.active {
  background:
    linear-gradient(
      to right,
      #005d28,
      #024A20);
  border: 1px solid #005d28;
}
.icon-btn {
  font-size: 14px;
  padding: 0;
  border: 0;
  background: none;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  margin-right: 15px;
  color: #fff;
  background: #c42b1c;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
  border: 0;
  border-radius: 5px;
  padding: 3px 10px 3px 5px;
}
.icon-btn .material-symbols-outlined {
  margin-right: 3px;
}
.icon-btn label {
  cursor: pointer;
}
.icon-btn.active {
  color: #fff !important;
  background: #005d28 !important;
}
.search-box-left-25 .search-box {
  left: 0px !important;
}
.search-box {
  width: 240px;
  margin-right: 5px;
  position: absolute;
  top: -50px;
  left: 125px;
}
.search-box.left-25 {
  left: 25px;
}
.search-box .material-symbols-outlined {
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 11;
  color: #9f9f9f;
}
.search-box input {
  width: 100%;
  outline: none !important;
  border: 1px solid #b9b5b5;
  background-color: #fff;
  letter-spacing: 0.5px;
  border-radius: 4px;
  box-shadow: 0 0 5px #999;
  padding: 10px 20px 10px 40px;
  border-radius: 30px;
  border: 0;
  height: 36px;
}
.search-box input::placeholder {
  font-size: 12px;
  letter-spacing: 0.5px;
}
.search-box input:focus,
.search-box input:active {
  border-color: #2eae3c;
}
.search-box input:focus + span,
.search-box input:active + span {
  color: #2eae3c;
}
.only-search {
  padding-top: 50px;
  position: relative;
}
.only-search .search-box {
  left: 0 !important;
}
.flex-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-box .flex-box-left {
  display: flex;
  align-items: center;
  width: 255px;
  flex-shrink: 0;
}
.flex-box .flex-box-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.flex-box .flex-box-right {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  width: 255px;
  flex-shrink: 0;
}
.flex-box-1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-box-1 .flex-box-left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.flex-box-1 .flex-box-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.flex-box-1 .flex-box-right {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  flex-shrink: 0;
}
.control-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.control-flex .control-flex-left {
  max-width: 100%;
}
.control-flex .control-flex-right {
  flex-shrink: 0;
}
.grid_btn_group {
  width: 100%;
  display: flex;
  align-items: center;
}
.grid_btn_group .grid_btn {
  all: unset;
  font-size: 13px;
  padding: 5px 6px;
  border-radius: 5px;
  text-align: center;
  outline: none !important;
  margin-right: 5px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b9b5b5;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
.grid_btn_group .grid_btn .material-symbols-outlined {
  font-size: 18px;
  margin-right: 4px;
}
.grid_btn_group .grid_btn:hover {
  background: #acacac;
}
.grid_btn_group .grid_btn:active {
  transform: scale(0.8);
}
.grid_btn_export {
  padding: 10px 10px 9px 10px;
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 5px;
  gap: 5px;
  border: 1px solid #b9b5b5;
  position: relative;
  cursor: pointer;
  height: 30px;
  font-size: 14px;
}
.grid_btn_export .dropdown-toggle {
  all: unset;
  display: flex;
  align-items: center;
}
.grid_btn_export .dropdown-toggle .material-symbols-outlined {
  font-size: 18px;
  margin-right: 4px;
}
.grid_btn_export .dropdown-toggle .grid_btn_close {
  color: #e31b1b;
  margin-right: -4px !important;
  transition: all 0.3s ease;
  font-weight: 600;
}
.grid_btn_export .dropdown-toggle .grid_btn_close:active {
  transform: scale(1.2);
}
.grid_btn_export .dropdown-menu {
  background: #fff;
  font-size: 18px;
  margin-right: 4px;
  margin-top: 3px !important;
}
.grid_btn_export .dropdown-menu .dropdown-toggle-btn {
  padding: 4px 10px;
  font-size: 13px;
}
.grid_btn_export .dropdown-menu .dropdown-toggle-btn img {
  width: 20px;
}
.budget-info {
  width: 100%;
  display: flex;
}
.budget-info .budget-info-left {
  width: 100%;
}
.budget-info .budget-info-right {
  width: 300px;
  border-left: 1px solid #005d28;
}
.budget-info .budget-info-right .budget-info-right-header {
  width: 100%;
  height: 45px;
  padding: 4px 15px;
  color: #fff;
  background: rgba(0, 93, 40, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}
.budget-info .budget-info-right .budget-info-right-body {
  width: 100%;
  padding: 15px 10px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 45px);
  background: rgba(255, 255, 255, 0.7);
}
.budget-info .budget-info-right .budget-info-right-body::-webkit-scrollbar {
  width: 3px;
}
.budget-status {
  width: 100%;
  padding: 15px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #5a5a5a;
  margin-bottom: 15px;
}
.budget-status .budget-status-label {
  margin-bottom: 15px;
}
.budget-status .budget-status-value {
  font-weight: 600;
  letter-spacing: 0.8px;
}
.status-green {
  border-color: rgba(0, 144, 62, 0.2);
  background: rgba(0, 144, 62, 0.2);
  box-shadow: 4px 4px 0px rgba(0, 144, 62, 0.8);
}
.status-orange {
  border-color: rgba(192, 124, 1, 0.3);
  background: rgba(192, 124, 1, 0.3);
  box-shadow: 4px 4px 0px rgba(192, 124, 1, 0.8);
}
.top-tabs-status {
  display: flex;
  padding: 0;
}
.top-tabs-status .top-tabs-content-left {
  width: 100%;
  padding: 0;
}
.top-tabs-status .top-tabs-content-left::-webkit-scrollbar {
  width: 3px;
}
.top-tabs-status .top-tabs-content-left .form-header .form-header-top {
  padding-left: 0;
  padding-right: 0;
}
.top-tabs-status .top-tabs-content-left .form-header .header-tab-container {
  padding-left: 0;
  padding-right: 0;
}
.top-tabs-status .top-tabs-content-left .top-status-info {
  padding: 0px 0 25px 0;
}
.top-tabs-status .top-tabs-content-left .header-status-container {
  margin-top: 0;
}
.top-tabs-status .top-tabs-content-left .tab-top-form {
  margin: 15px 0 0 0;
  background-color: #fff;
  padding: 25px 25px 0 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  box-shadow: 0 0 5px #ccc;
}
.top-tabs-status .top-tabs-content-right {
  width: 300px;
  padding: 15px 10px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 191px);
}
.top-tabs-status .top-tabs-content-right::-webkit-scrollbar {
  width: 3px;
}
.budget-status-title {
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  background: #005d28;
  border-radius: 5px;
  margin-bottom: 15px;
}
.list-tree-grid {
  width: 100%;
  display: flex;
}
.list-tree-grid .list-tree-grid-box {
  width: 100%;
  margin-right: 20px;
}
.list-tree-grid .list-tree-grid-box:last-child {
  margin: 0;
}
.list-tree-grid table {
  background: none !important;
  border: none !important;
}
.list-tree-grid .check-style-3 .switcher_checkbox {
  box-shadow: none !important;
}
.list-tree-grid .check-style-3 .switcher_checkbox .checker {
  background: none;
  width: 20px;
  height: 20px;
  border-width: 1px;
}
.list-tree-grid .check-style-3 .switcher_checkbox .checker .checker_short-line {
  height: 2px;
}
.list-tree-grid .check-style-3 .switcher_checkbox .checker .checker_long-line {
  top: 14px;
  height: 2px;
}
.list-tree-grid .list-table {
  width: 100%;
  position: relative;
  padding: 0 0 0 27px;
  margin: 0 0 0 0px !important;
}
.list-tree-grid .list-table::before {
  content: "";
  position: absolute;
  left: 11px;
  top: -4px;
  width: 1px;
  height: calc(100% - 14px);
  background: #17682c;
}
.list-tree-grid .list-table li {
  position: relative;
}
.list-tree-grid .list-table li::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 17px;
  width: 23px;
  height: 1px;
  background: #17682c;
}
.list-tree-grid .list-tree-grid-box:nth-child(1) .custom-tree-grid {
  background: #b0caaa;
  border: 1px solid #b0caaa;
}
.list-tree-grid .list-tree-grid-box:nth-child(1) .custom-tree-grid::-webkit-scrollbar-thumb {
  background: #69975e;
}
.list-tree-grid .list-tree-grid-box:nth-child(1) .custom-tree-grid::-webkit-scrollbar-track {
  background: #9ec299;
}
.list-tree-grid .list-tree-grid-box:nth-child(2) .custom-tree-grid {
  background: #cdca98;
  border: 1px solid #cdca98;
}
.list-tree-grid .list-tree-grid-box:nth-child(2) .custom-tree-grid::-webkit-scrollbar-thumb {
  background: #b3af74;
}
.list-tree-grid .list-tree-grid-box:nth-child(2) .custom-tree-grid::-webkit-scrollbar-track {
  background: #c7c493;
}
.list-tree-grid .list-tree-grid-box:nth-child(3) .custom-tree-grid {
  background: #bec3b6;
  border: 1px solid #bec3b6;
}
.list-tree-grid .list-tree-grid-box:nth-child(3) .custom-tree-grid::-webkit-scrollbar-thumb {
  background: #979b90;
}
.list-tree-grid .list-tree-grid-box:nth-child(3) .custom-tree-grid::-webkit-scrollbar-track {
  background: #bbc1b1;
}
.list-tree-grid .custom-tree-grid {
  font-size: 14px;
  line-height: 16px;
  background: none;
  box-shadow: none;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 5px;
  height: calc(100vh - 195px);
}
.list-tree-grid .custom-tree-grid::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}
.list-tree-grid .custom-tree-grid table tr td .title-row {
  padding: 4px 5px;
  background: none;
  border: 0 !important;
}
.list-tree-grid-box:nth-child(1) .custom-tree-grid .searched .checker-text {
  color: #2da525 !important;
}
.list-tree-grid-box:nth-child(2) .custom-tree-grid .searched .checker-text {
  color: #bb7900 !important;
}
.list-tree-grid-box:nth-child(3) .custom-tree-grid .searched .checker-text {
  color: #911491 !important;
}
.product-table {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  word-wrap: break-word;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 2px #818181;
  transition: all 0.3s ease;
}
.product-table .product-table-top {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.product-table .product-table-top .product-table-count {
  min-width: 50px;
  padding-right: 15px;
  font-weight: 600;
}
.product-table .product-table-top .product-table-title {
  font-weight: 600;
  letter-spacing: 0.5px;
}
.product-table table {
  width: 100%;
  margin: 0;
}
.signature-block {
  width: 100%;
  border: 1px solid #7e7e7e;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}
.signature-block .signature-block-header {
  width: 100%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #7e7e7e;
}
.signature-block .signature-block-header .grid-btn-1 .material-symbols-outlined {
  font-size: 18px;
}
.signature-block .signature-block-body {
  width: 100%;
  padding: 30px;
  min-height: 250px;
  max-height: 350px;
  text-align: center;
}
.signature-block .signature-block-body img {
  width: auto;
  max-width: 100%;
  max-height: 300px;
  margin: 0 auto;
}
.signature-block .signature-block-body canvas {
  margin: 0 auto;
}
.switch {
  position: relative;
  display: inline-block;
  margin: 0px;
}
.switch > span {
  position: absolute;
  top: 4px;
  pointer-events: none;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0.5px;
  width: 50%;
  text-align: center;
}
.switch input.check-toggle-round-flat:checked ~ .off {
  color: #fff;
}
.switch input.check-toggle-round-flat:checked ~ .on {
  color: #fff;
}
.switch > span.on {
  left: 3px;
  padding-left: 0px;
  color: #fff;
}
.switch > span.off {
  right: 0;
  padding: 0px;
  color: #000;
}
.switch .check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.switch .check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
}
.switch input.check-toggle-round-flat + label {
  padding: 0px;
  width: 110px;
  height: 25px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  box-shadow: 0 0 2px #999999;
}
.switch input.check-toggle-round-flat + label:before,
.switch input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
.switch input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #f1f1f1;
  border-radius: 60px;
}
.switch input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #e31b1b;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}
.switch input.check-toggle-round-flat:checked + label:after {
  margin-left: 50px;
  background-color: #46a31d;
}
.switch input.check-toggle-round-flat:checked + label + .on {
  color: #000;
}
.cpb-25 {
  padding-bottom: 25px !important;
}
.file-upload-view {
  width: 100%;
  min-height: 80px;
  overflow: hidden;
  text-align: center;
  border-top: 2px solid rgba(0, 93, 40, 0.1);
  border-bottom: 2px solid rgba(0, 93, 40, 0.1);
  background: #f4f4f2;
  padding: 10px;
  position: relative;
}
.file-upload-view img {
  width: auto;
  max-width: 100%;
  max-height: 160px;
  margin: 0 auto;
}
.file-upload-view .file-upload-download {
  all: unset;
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none !important;
  box-shadow: 0 0 3px #fff;
}
.file-upload-view .file-upload-download:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}
.file-upload-view .file-upload-download:active .material-symbols-outlined {
  margin-bottom: -5px;
}
.file-upload-btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-upload-btn-group .form-btn {
  width: 100%;
}
.file-upload-btn-group .form-btn:last-child {
  margin: 0;
}
.image-radio-group .image-radio {
  font-size: 14px;
  line-height: 16px;
  width: 100px;
  border: 0px;
  cursor: pointer;
  text-align: center;
  margin: 0 20px 10px 0;
}
.image-radio-group .image-radio input {
  display: none;
}
.image-radio-group .image-radio .image-radio-label {
  width: 100%;
  border: 1px solid #979797;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.image-radio-group .image-radio .image-radio-label img {
  width: 100%;
  padding: 5px 15px;
  transition: all 0.3s ease;
}
.image-radio-group .image-radio .image-radio-label span {
  display: block;
  width: 100%;
  min-height: 30px;
  background: #f2f2f2;
  text-align: center;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #979797;
}
.image-radio-group .image-radio:hover .image-radio-label img {
  transform: scale(1.1);
}
.image-radio-group .image-radio > input:checked + .image-radio-label {
  border-color: #c07c01;
  box-shadow: 0 0 2px #9d9d9d;
}
.image-radio-group .image-radio > input:checked + .image-radio-label span {
  color: #fff;
  background: #c07c01;
  border-color: #c07c01;
}
.image-radio-group .image-radio input:disabled ~ .image-radio-label {
  cursor: not-allowed;
  border-color: #474747 !important;
}
.image-radio-group .image-radio input:disabled ~ .image-radio-label img {
  filter: grayscale(100%);
  transform: scale(1);
}
.image-radio-group .image-radio input:disabled ~ .image-radio-label span {
  cursor: not-allowed !important;
  color: #787878 !important;
  background: #e3e3e3 !important;
}
.image-radio-group .image-radio input:checked:disabled ~ .image-radio-label {
  border-color: #979797 !important;
}
.image-radio-group .image-radio input:checked:disabled ~ .image-radio-label img {
  filter: grayscale(0%);
}
.image-radio-group .image-radio input:checked:disabled ~ .image-radio-label span {
  color: #fff !important;
  background: #c07c01 !important;
  border-color: #c07c01 !important;
}
.product-view {
  width: 100%;
}
.product-view .product-view-image {
  width: 100%;
  text-align: right;
  padding: 0 30px;
  margin-bottom: -38px;
}
.product-view .product-view-image img {
  max-width: 50%;
  max-height: 125px;
}
.product-view .product-view-title {
  width: 100%;
  padding: 12px 15px 10px 30px;
  color: #fff;
  background: #005d28;
  border-radius: 50px 0 0 0;
  font-weight: 600;
  letter-spacing: 1px;
}
.product-view .product-view-barcode {
  width: 100%;
  text-align: left;
}
.product-view .product-view-barcode img {
  width: auto;
  max-width: 100%;
  max-height: 50px;
}
.view-control-group {
  width: 100%;
  padding: 20px 15px 0px 15px;
  border-radius: 10px;
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid #ccc;
  background: #fff url("./media/bg-trans-VPTVD5OZ.png");
  background-size: cover;
  background-position: bottom;
}
.text-link {
  font-weight: 700;
  color: #c07c01 !important;
  text-decoration: underline;
  cursor: pointer;
}
.text-link:hover {
  text-decoration: none;
}
.barcode-scaner {
  padding: 30px 0 15px 0;
}
.barcode-scaner .form-floating .form-control,
.barcode-scaner .form-floating .form-control-plaintext {
  padding: 6px 10px 5px 20px !important;
  line-height: 46px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid #005d28;
  padding-left: 10px;
  border-radius: 30px;
  overflow: hidden;
}
.barcode-scaner .form-floating .form-control:read-only,
.barcode-scaner .form-floating .form-control-plaintext:read-only {
  background: #ddd !important;
  cursor: not-allowed;
}
.barcode-scaner .form-floating > label {
  top: 2px;
  left: 20px;
  z-index: 0;
  padding: 8px 20px 8px 20px !important;
  background: #fff;
  border-radius: 0px;
  height: calc(100% - 4px);
  box-shadow: 0 0 0px #008131;
  display: flex;
  transition: all 0.6s ease;
  align-items: center;
}
.barcode-scaner .form-floating > .form-control-plaintext ~ label,
.barcode-scaner .form-floating > .form-control:focus ~ label,
.barcode-scaner .form-floating > .form-control:not(:placeholder-shown) ~ label,
.barcode-scaner .form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(1) translateY(0rem) translateX(calc(-100% - 1px));
  left: 100% !important;
  border-left: 1px solid #f1f1f1;
  color: #474747;
  z-index: 6;
  background: #f1f1f1;
  border-radius: 0 30px 30px 0px;
}
.delevery-box-block .delevery-box-title {
  background: #00a949;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  font-size: 22px;
  position: relative;
}
.delevery-box-block .delevery-box-title::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  height: 100%;
  z-index: 1;
  right: 8px;
  top: -2px;
  font-size: 42px;
  color: #fff;
}
.delevery-box-block .delevery-box-title.active::after {
  content: "\e316";
}
.delevery-box-block .delevery-box-info {
  max-height: 0;
  transition: all 0.6s ease;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.delevery-box-block .delevery-box-title.active + .delevery-box-info {
  display: block;
  max-height: 10000px;
  visibility: visible;
  opacity: 1;
  padding: 15px;
}
.grid-link-text {
  color: #008131 !important;
  font-weight: 700;
  cursor: pointer;
}
.grid-bold-text {
  font-weight: 700;
}
.grid-orange-text {
  color: #ff6000;
}
.grid-blue-text {
  color: #00baf8;
}
.grid-red-text {
  color: #fb1e00;
}
.grid-green-text {
  color: #00903e;
}
.grid-puple-text {
  color: #9500ff;
}
.grid-yello-text {
  color: #ffd200;
}
.color-blue {
  color: #3b458d !important;
}
.grid-text-orange-bg,
.grid-text-blue-bg,
.grid-text-red-bg,
.grid-text-green-bg,
.grid-text-puple-bg,
.grid-text-yello-bg {
  padding: 7px 13px;
  float: left;
  border-radius: 6px;
}
.grid-text-orange-bg {
  background-color: #ffcab3;
}
.grid-text-blue-bg {
  background-color: #b3ecff;
}
.grid-text -red-bg {
  background-color: #ffb5ab;
}
.grid-text-green-bg {
  background-color: #baffd7;
}
.grid-text-puple-bg {
  background-color: #eacefe;
}
.grid-text-yello-bg {
  background-color: #ffe5b3;
}
.dispatch-map-container {
  border: 1px solid #ddd;
}
.side-search-form {
  padding: 25px 25px 0 25px;
}
.delevery-location-group {
  height: calc(100vh - 120px);
  overflow-y: auto;
}
.delevery-location-group .delevery-location-group-head {
  padding: 25px 25px 0 25px;
}
.delevery-location-group .delevery-location-group-head .form-floating > .form-select {
  padding-top: 13px;
  padding-bottom: 2px;
  padding-right: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.delevery-location-group .delevery-location-group-head .form-floating select,
.delevery-location-group .delevery-location-group-head .form-floating .form-select {
  height: 46px !important;
  min-height: auto !important;
  outline: none !important;
  box-shadow: 0 0 2px #00722f !important;
}
.delevery-location-group .delevery-location-group-head .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.6rem) translateX(0.5rem);
  color: #474747;
  z-index: 6;
  padding: 6px 16px 5px 16px;
  background-color: #fff;
  height: 30px;
  box-shadow: 0 0 5px #00722f;
  border-radius: 4px;
}
.delevery-location-group .delevery-location-list {
  padding: 0 25px;
}
.delevery-location-group .delevery-location-list .records-count {
  display: flex;
  padding: 10px 0px 20px 0px;
}
.delevery-location-group .delevery-location-list .records-count label {
  width: 100%;
  color: #555;
}
.delevery-location-group .delevery-location-list .records-count span {
  text-align: right;
  font-weight: 700;
  font-size: 18px;
}
.delevery-location-group .delevery-location-list .dispatch-card {
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-bottom: 20px;
}
.delevery-location-group .delevery-location-list .dispatch-card.onroad {
  border: 1px solid #ff6c00;
  box-shadow: 0 0 5px #ff6c00;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header {
  display: flex;
  padding: 10px;
  border-bottom: 0px solid #ddd;
  position: relative;
  cursor: pointer;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header * {
  cursor: pointer;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  height: 100%;
  z-index: 1;
  right: 8px;
  top: 25px;
  font-size: 30px;
  color: #555;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header .dispatch-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 44px;
  border-radius: 6px;
  background:
    linear-gradient(
      to right bottom,
      #ff4f23,
      #ff8b63);
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header .dispatch-icon span {
  font-size: 36px;
  color: #fff;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header .dispatch-id {
  width: calc(100% - 60px);
  padding: 0px 10px 0px 15px;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header .dispatch-id span {
  width: 100%;
  font-size: 14px;
  color: #444;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-header .dispatch-id label {
  width: 100%;
  font-size: 18px;
  color: #000;
  padding-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+1) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #ff4f23,
      #ff8b63);
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+2) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #7a48f7,
      #32a0eb);
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+3) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #e07e00,
      #f8b359);
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+4) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #7e309e,
      #59e6ff);
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+5) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #20be19,
      #6ef768);
}
.delevery-location-group .delevery-location-list .dispatch-card:nth-child(6n+6) .dispatch-card-header .dispatch-icon {
  background:
    linear-gradient(
      to right bottom,
      #00b6d7,
      #d07cf3);
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content {
  max-height: 0;
  transition: all 0.6s ease;
  overflow: hidden;
  opacity: 0;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-body {
  padding: 15px;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer {
  display: flex;
  padding: 10px;
  border-top: 2px solid #ddd;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer .dispatch-contat-person {
  width: calc(100% - 50px);
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer .dispatch-contat-person span {
  font-size: 14px;
  color: #444;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer .dispatch-contat-person label {
  width: 100%;
  font-size: 18px;
  color: #000;
  padding-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer .dispatch-contat-no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 44px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 0 5px #999;
}
.delevery-location-group .delevery-location-list .dispatch-card .dispatch-card-content .dispatch-card-footer .dispatch-contat-no span {
  font-size: 36px;
  color: #008131;
}
.delevery-location-group .delevery-location-list .dispatch-card.active {
  box-shadow: 0 0 3px #00672b;
}
.delevery-location-group .delevery-location-list .dispatch-card.active .dispatch-card-header {
  border-bottom: 2px solid #ddd;
}
.delevery-location-group .delevery-location-list .dispatch-card.active .dispatch-card-content {
  max-height: 1000px;
  overflow: visible;
  opacity: 1;
}
.header-control-group {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: inset 0 0 2px #888;
  height: 105px;
  margin-bottom: 20px;
}
.location-info-block {
  line-height: 25px;
  color: #444;
}
.location-info-block .location-type {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}
.location-info-block .location-name {
  color: #008131;
  font-weight: 700;
}
.location-info-block .location-address {
  padding-right: 50px;
}
.location-info-block .contact-person {
  color: #339eea;
  font-weight: 600;
  margin-top: 5px;
}
.com-ps {
  padding-left: 25px !important;
}
.com-pe {
  padding-right: 25px !important;
}
.com-pt {
  padding-top: 25px !important;
}
.com-pb {
  padding-bottom: 25px !important;
}
.com-ms {
  padding-left: 25px !important;
}
.com-me {
  padding-right: 25px !important;
}
.com-mt {
  padding-top: 25px !important;
}
.com-mb {
  margin-bottom: 25px !important;
}
.border-top {
  border-top: 2px solid #eee;
}
.border-left {
  border-left: 2px solid #eee;
}
.border-right {
  border-right: 2px solid #eee;
}
.border-bottom {
  border-bottom: 2px solid #eee;
}
.smart-filter {
  width: 100%;
  margin-top: 10px;
  position: relative;
}
.smart-filter .smart-filter-btn {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #008131;
  border-radius: 5px;
  color: #008131;
  padding: 4px 8px;
}
.smart-filter .smart-filter-btn label {
  width: 100%;
  margin: 0;
}
.smart-filter .smart-filter-group {
  position: absolute;
  left: 0;
  top: 40px;
  width: 0px;
  height: 0;
  background: #fff;
  padding: 0px !important;
  box-shadow: 0 0 3px #959595;
  border: 0 !important;
  margin-bottom: 20px;
  overflow: hidden;
  z-index: 11;
  display: none;
}
.smart-filter .smart-filter-group.active {
  display: block;
  width: 300px;
  height: auto;
}
.smart-filter .smart-filter-group .smart-filter-search {
  width: 100%;
  padding: 5px 10px;
  background: #024b20;
  background:
    linear-gradient(
      to bottom right,
      #0c873e 0%,
      #02642a 100%);
}
.smart-filter .smart-filter-group .smart-filter-search .form-control,
.smart-filter .smart-filter-group .smart-filter-search .form-select {
  color: #fff;
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.smart-filter .smart-filter-group .smart-filter-search .form-control::placeholder,
.smart-filter .smart-filter-group .smart-filter-search .form-select::placeholder {
  color: #fff;
}
.smart-filter .smart-filter-group .smart-filter-body {
  width: 300px;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}
.smart-filter .smart-filter-group .smart-filter-body .form-group {
  margin-bottom: 10px;
}
.smart-filter .smart-filter-group .smart-filter-body .form-group:last-child {
  margin: 0;
}
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker select {
  font-size: 12px;
}
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-day,
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-weekday,
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-week-number {
  width: 23px;
  height: 23px;
}
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-day > div,
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-weekday > div,
.smart-filter .smart-filter-group .smart-filter-body ngb-datepicker .ngb-dp-week-number > div {
  width: 23px;
  height: 23px;
  line-height: 22px;
  border-radius: 2px;
}
.smart-filter .smart-filter-group .smart-filter-footer {
  width: 100%;
  display: flex;
  padding: 5px 5px 10px 5px;
}
.smart-filter .smart-filter-group .smart-filter-footer button {
  all: unset;
  width: 100%;
  border: 0;
  text-align: center;
  cursor: pointer;
  outline: none;
  padding: 1px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-weight: 600;
  border: 1px solid #ccc;
  border-radius: 30px;
  margin: 0 5px;
}
.smart-filter .smart-filter-group .smart-filter-footer button:hover {
  opacity: 0.8;
}
.smart-filter .smart-filter-group .smart-filter-footer .smart-filter-search {
  color: #008131;
  background: #e5ffef;
  border-color: #5fc185;
}
.smart-filter .smart-filter-group .smart-filter-footer .smart-filter-clear {
  color: #f1ad30;
  background: #fff2da;
  border-color: #f7cf87;
}
.smart-filter .smart-filter-group .smart-filter-footer .smart-filter-close {
  color: #dd3535;
  background: #fdefef;
  border-color: #e79f9f;
}
.smart-filter .form-control,
.smart-filter .form-select {
  width: 100%;
  height: 30px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid #ccc;
}
.mini-date .form-control {
  width: calc(100% - 30px);
  height: 30px;
}
.mini-date .bi-calendar3 {
  width: 30px;
  height: 30px;
  border-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-date .bi-calendar3 .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  display: block;
}
.multiselect-dropdown {
  width: 100%;
  outline: none !important;
}
.multiselect-dropdown .item2::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.multiselect-dropdown .dropdown-btn {
  font-size: 15px;
  line-height: 12px;
  min-height: 41px;
  max-height: 130px;
  overflow: auto;
  padding: 14px 0px 5px 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e1e1e1 !important;
  outline: none !important;
}
.multiselect-dropdown .selected-item-container {
  font-size: 10px;
  line-height: 12px;
}
.multiselect-dropdown .selected-item-container .selected-item {
  max-width: 100% !important;
  background: #c07c01 !important;
  border-color: #c07c01 !important;
}
.multiselect-dropdown .selected-item-container .selected-item:hover {
  box-shadow: none !important;
}
.multiselect-dropdown .multiselect-item-checkbox input + div::before {
  color: #c07c01 !important;
  border-color: #c07c01 !important;
}
.multiselect-dropdown .multiselect-item-checkbox input:checked + div::before {
  background: #c07c01 !important;
}
.multiselect-dropdown .filter-textbox input {
  height: auto !important;
  padding: 0;
}
.multiselect-dropdown .no-filtered-data {
  padding: 20px 10px;
  background: #fff3f3;
}
.multiselect-dropdown .no-filtered-data h5 {
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #ef1717;
  margin: 0;
}
.custom-floating .multiselect-dropdown {
  margin-top: 5px;
}
.switch-floating {
  position: relative;
  margin-top: -6px;
}
.switch-floating .switch-lable {
  font-size: 13px;
  margin-bottom: 5px;
  width: 100%;
  margin-top: -6px;
  color: #474747;
}
.product-info-block {
  display: flex;
  gap: 20px;
}
.product-info-block .product-full-stats {
  width: calc(100% - 300px);
  overflow-y: auto;
}
.product-info-block .product-full-stats::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.product-info-block .product-full-stats .product-stats-header {
  background-color: #f1f1f1;
  padding: 20px 70px 20px 20px;
  box-shadow: 0 0 5px #999;
  position: relative;
}
.product-info-block .product-full-stats .product-stats-header .form-floating {
  background-color: #fff;
}
.product-info-block .product-full-stats .product-stats-header .form-floating .form-select {
  padding: 0 15px;
  background-color: #fff;
}
.product-info-block .product-full-stats .product-stats-header .form-floating > .form-select ~ label {
  padding-left: 15px;
}
.product-info-block .product-full-stats .product-stats-header .form-floating > .form-select ~ label::after {
  background-color: #fff;
}
.product-info-block .product-full-stats .product-stats-header .produc-stats-view {
  width: 25px;
  height: 25px;
  padding: 5px;
  background: #da8000;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 31px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
  font-family: "Roboto Slab", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 25px;
}
.product-info-block .product-full-stats .product-stats-header .produc-stats-view:hover {
  opacity: 0.8;
}
.product-info-block .product-full-stats .product-stats-header .produc-stats-view:active {
  transform: scale(0.9);
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item .top-staus-box {
  width: 100%;
  color: #fff;
  background: url("./media/bg-trans-VPTVD5OZ.png");
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 5px #999;
  background-size: cover !important;
  background-position: center center !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item .top-staus-box .db-stats-label {
  margin-bottom: 4px;
  min-height: 40px;
  letter-spacing: 0.5px;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item .top-staus-box .db-stats-value {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+1) .top-staus-box {
  background-color: #da8000;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+2) .top-staus-box {
  background-color: #5a8cff;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+3) .top-staus-box {
  background-color: #00bc23;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+4) .top-staus-box {
  background-color: #dc37c7;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+5) .top-staus-box {
  background-color: #00afa1;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+6) .top-staus-box {
  background-color: #ab00f2;
}
.product-info-block .product-full-stats .product-stats-top .product-stats-top-item:nth-child(7n+7) .top-staus-box {
  background-color: #e75a5a;
}
.product-info-block .product-full-stats .sub-title {
  padding: 20px 20px 0 20px;
}
.product-info-block .product-full-stats .batch-price-box {
  color: #008131;
  width: 100%;
  background: rgba(0, 129, 49, 0.2) url("./media/bg-trans-2-HDDLAPTZ.png");
  background-size: cover;
  background-position: bottom -40px center;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid rgba(0, 129, 49, 0.4);
  display: flex;
  font-size: 14px;
  line-height: 16px;
}
.product-info-block .product-full-stats .batch-price-box .price-section {
  width: 60px;
  border-right: 1px solid #008131;
  padding-right: 10px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-info-block .product-full-stats .batch-price-box .price-section .price-label {
  width: 100%;
  font-size: 32px;
  line-height: 36px;
  color: #008131;
  font-weight: 700;
}
.product-info-block .product-full-stats .batch-price-box .price-section .price {
  font-weight: 600;
  width: 100%;
  margin-top: 2px;
}
.product-info-block .product-full-stats .batch-price-box .batch-section {
  padding: 0 10px;
  width: calc(100% - 60px);
}
.product-info-block .product-full-stats .batch-price-box .batch-section .batch-no {
  font-weight: 600;
  font-size: 18px;
  padding: 0 0px 5px 0px;
}
.product-info-block .product-full-stats .batch-price-box .batch-section .batch-date {
  width: 100%;
  padding: 0 0 5px 0;
}
.product-info-block .product-full-stats .batch-price-box .batch-section .exp-date {
  border-top: 1px solid #008131;
  padding: 8px 0px 0 0px;
  width: 100%;
}
.product-info-block .product-profile {
  width: 300px;
  background: url("./media/product-sidebar-bg-L3VOGQS4.jpg");
  background-size: cover;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.product-info-block .product-profile .product-profile-in {
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  min-height: calc(100vh - 180px);
  overflow: hidden;
  overflow-y: auto;
}
.product-info-block .product-profile .product-profile-in::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.product-info-block .product-profile .product-profile-in .product-header {
  text-align: center;
  padding: 25px;
}
.product-info-block .product-profile .product-profile-in .product-header .product-img img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid #fff;
}
.product-info-block .product-profile .product-profile-in .product-name {
  padding: 15px;
  color: #008131;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.product-info-block .product-profile .product-profile-in .bar-code {
  margin-top: 20px;
}
.product-info-block .product-profile .product-profile-in .bar-code img {
  max-height: 70px;
  max-width: 100%;
}
.todo-block {
  width: 100%;
  margin: 0;
  position: relative;
  background-color: rgb(255, 255, 255);
}
.todo-block .todo-close {
  position: absolute;
  background: #df4343;
  border-radius: 20px;
  height: 38px;
  min-width: 60px;
  padding: 15px;
  color: #fff;
  top: 10px;
  right: 175px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.todo-block .todo-close:hover {
  background: #b93737;
}
.todo-block .form-header {
  background:
    linear-gradient(
      to bottom,
      #11a04c,
      #ffffff 80%);
  margin-bottom: 0px;
  padding: 5px 0px;
}
.todo-block .todo-list-filter {
  padding: 20px 10px 20px 10px;
}
.todo-block .todo-list-filter .todo-counts {
  text-align: center;
  background: url("./media/bg-trans-1-D37X5MHB.png");
  background-size: cover;
  background-position: bottom center;
  padding: 10px 0;
  border: 2px solid;
  border-radius: 40px;
  cursor: pointer;
}
.todo-block .todo-list-filter .todo-counts * {
  cursor: pointer;
}
.todo-block .todo-list-filter .todo-counts.active {
  background-color: #d4dcfd;
  border-color: #91a6ff;
  color: #4164fa;
}
.todo-block .todo-list-filter .todo-counts.high {
  background-color: #fde0d0;
  border-color: #ffb891;
  color: #ff782e;
}
.todo-block .todo-list-filter .todo-counts.medium {
  background-color: #fef7ce;
  border-color: #ccb638;
  color: #c4a700;
}
.todo-block .todo-list-filter .todo-counts.low {
  background-color: #d4fef6;
  border-color: #30fcd3;
  color: #00b490;
}
.todo-block .todo-list-filter .todo-counts.completed {
  background-color: #d1fdcb;
  border-color: #a0fc93;
  color: #2aa119;
}
.todo-block .todo-list-filter .todo-counts.overdue {
  background-color: #ffdede;
  border-color: #ff9191;
  color: #ff2525;
}
.todo-block .todo-list-filter .todo-counts span {
  display: block;
  width: 100%;
  font-size: 24px;
  padding-top: 10px;
}
.todo-block .todo-list-filter .todo-counts label {
  padding-top: 10px;
}
.todo-block .todo-list-section {
  padding: 10px 25px 25px 25px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.todo-block .todo-list-section .todo-list-item {
  margin: 0;
  background-color: #fff;
  padding: 0;
  box-shadow: 0 0 5px #999999;
  border-radius: 15px;
  display: block;
  display: flex;
  margin-bottom: 20px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-icon {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid;
  border-left: 5px solid;
  border-radius: 15px 0px 0px 15px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-icon span {
  font-size: 44px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-info {
  padding: 15px;
  width: calc(100% - 300px);
}
.todo-block .todo-list-section .todo-list-item .todo-item-info .todo-item-title {
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 15px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-info .todo-item-text {
  color: #888;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 10px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-info .deadline {
  color: #999;
  font-weight: 400;
  font-size: 14px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-actions {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.todo-block .todo-list-section .todo-list-item .todo-item-actions div {
  display: flex;
  flex-flow: column;
}
.todo-block .todo-list-section .todo-list-item .todo-item-actions div label {
  padding: 0 10px 10px 10px;
  font-size: 14px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-actions div .todo-action-btn {
  width: 120px;
  background-color: #fff;
  box-shadow: 0 0 4px #008131;
  padding: 8px 0px;
  border: 0;
  border-radius: 20px;
  margin-bottom: 10px;
}
.todo-block .todo-list-section .todo-list-item .todo-item-actions div .todo-action-btn:last-child {
  margin-bottom: 0;
}
.todo-block .todo-list-section .todo-list-item.p-high {
  box-shadow: 0 0 3px #ff6834;
}
.todo-block .todo-list-section .todo-list-item.p-high .todo-item-icon {
  color: #ff6834;
  border-color: #ff6834;
}
.todo-block .todo-list-section .todo-list-item.p-medium {
  box-shadow: 0 0 3px #0067f4;
}
.todo-block .todo-list-section .todo-list-item.p-medium .todo-item-icon {
  color: #0067f4;
  border-color: #0067f4;
}
.todo-block .todo-list-section .todo-list-item.p-low {
  box-shadow: 0 0 3px #c8a500;
}
.todo-block .todo-list-section .todo-list-item.p-low .todo-item-icon {
  color: #c8a500;
  border-color: #c8a500;
}
.todo-block .todo-list-section .todo-list-item.s-done {
  box-shadow: 0 0 3px #008131;
}
.todo-block .todo-list-section .todo-list-item.s-done .todo-item-icon {
  color: #008131;
  border-color: #008131;
}
.todo-block .todo-list-section .todo-list-item.s-done .todo-item-actions {
  position: relative;
}
.todo-block .todo-list-section .todo-list-item.s-done .todo-item-actions::after {
  font-family: "Material Symbols Outlined";
  font-weight: 800;
  font-style: normal;
  position: absolute;
  content: "\e5ca";
  height: 50px;
  width: 50px;
  border-radius: 50%;
  z-index: 1;
  right: calc(50% - 25px);
  top: calc(50% - 25px);
  font-size: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00d04f;
  box-shadow: 0 0 25px #00d04f;
  color: #fff;
}
.todo-block .todo-list-section .todo-list-item.s-done .todo-item-actions .todo-action-btn {
  display: none;
}
.todo-block .todo-list-section .todo-list-item.s-over {
  box-shadow: 0 0 3px #ff0000;
}
.todo-block .todo-list-section .todo-list-item.s-over .todo-item-icon {
  color: #ff0000;
  border-color: #ff0000;
}
.custom-head .form-header .form-header-top {
  padding: 6px 0px;
}
.custom-head .form-header .header-tab-container {
  padding: 0;
}
.insight {
  width: calc(100% - 80px);
  left: 40px;
  position: absolute;
  bottom: -200px;
  max-height: 0;
  overflow: hidden;
  background-color: #caffe0;
  border: 0px solid #008131;
  padding: 0px;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0 0 20px #888;
  transition: all 0.6s ease;
}
.insight.active {
  bottom: -29px;
  max-height: 1000px;
  overflow: visible;
  padding: 0px 30px 40px 30px;
  border: 2px solid #008131;
}
.insight .insight-icon {
  position: absolute;
  top: -40px;
  left: -5px;
  animation: icnmove infinite 10s;
  position: relative;
}
.insight .insight-icon img {
  z-index: 1;
  position: relative;
}
.insight .insight-icon::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  left: 0px;
  top: 0px;
  background: radial-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.05));
  z-index: 0;
}
.insight .insight-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ff0000;
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.insight .insight-message {
  float: left;
  width: 100%;
  text-align: center;
}
.insight .insight-message .stops-list {
  font-weight: 700;
  color: #008131;
}
@keyframes icnmove {
  0% {
    top: -30px;
    left: -5px;
  }
  20% {
    top: -25px;
    left: -10px;
  }
  40% {
    top: -35px;
    left: 0px;
  }
  60% {
    top: -30px;
    left: -10px;
  }
  80% {
    top: -40px;
    left: 5px;
  }
  100% {
    top: -30px;
    left: -5px;
  }
}
.form-check {
  display: block;
  margin-bottom: 15px;
}
.form-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-check label {
  position: relative;
  cursor: pointer;
}
.form-check label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #007e0f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #007e0f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.search_box_block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_box_block .search_btn_1 {
  flex-shrink: 0;
  margin-left: 25px;
}
.search_btn_1 {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #0fa14c;
  border: 1px solid #0fa14c;
}
.search_btn_1:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
}
.search-block {
  width: 100%;
  display: flex;
  align-items: flex-end;
  word-wrap: break-word;
}
.search-block .width-auto {
  width: auto !important;
}
.search-block .search-block-box {
  width: 100%;
}
.search-block .form-group {
  width: 100%;
}
.search-block .form-group label {
  white-space: nowrap;
  margin: 0 !important;
}
.search-block .form-group .input-group .form-control {
  border-radius: 0 !important;
}
.search-block .form-group .bi-calendar3 {
  padding: 2px 6px 0 6px;
  border-radius: 0 !important;
  border: 1px solid #ccc;
  border-right: 0px solid #ccc;
}
.search-block .form-group input[type=text],
.search-block .form-group select {
  border-radius: 0 !important;
  border-right-color: transparent !important;
}
.search-block .form-group input[type=text]:focus,
.search-block .form-group select:focus {
  border-color: #00903e !important;
}
.search-block .form-group:first-child input[type=text] {
  border-radius: 4px 0 0 4px !important;
}
.search-block .form-check {
  width: 100%;
  height: 35px;
  padding: 8px 10px 10px 10px;
  border: 1px solid #ccc;
  border-right-color: transparent;
}
.search-block .form-check .form-check-input {
  margin: 0 5px 0 0px !important;
}
.search-block .search-block-controls {
  display: inline-block;
  border-radius: 0;
  display: flex;
  margin-top: 19px;
}
.search-block .search-block-controls .search_btn {
  height: 35px;
  border: 0;
  padding: 4px 5px;
  outline: none !important;
  text-align: center;
  color: #fff;
  background: #e99f17;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}
.search-block .search-block-controls .search_btn .material-symbols-outlined {
  font-size: 20px;
  transition: all 0.2s ease;
}
.search-block .search-block-controls .search_btn.active {
  color: #fff !important;
  background: #00903e !important;
}
.search-block .search-block-controls .search_btn:active .material-symbols-outlined {
  transform: scale(1.3);
}
.search-block .search-block-controls .search_btn:hover {
  opacity: 0.8 !important;
}
.search-block .search-block-controls .search_btn:last-child {
  border-radius: 0 4px 4px 0;
}
table .input-group {
  position: relative !important;
}
table .input-group .dropdown-menu {
  position: fixed !important;
}
table .grid-action-block {
  position: relative !important;
}
table .grid-action-block .grid-action-dropdown {
  position: fixed !important;
}
.t-tab {
  width: 100%;
}
.t-tab .t-tab-nav {
  width: 100%;
  display: flex;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
}
.t-tab .t-tab-nav .t-tab-nav-item {
  display: inline-block;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 45px 10px 0;
  margin: 0 15px 0 0;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}
.t-tab .t-tab-nav .t-tab-nav-item::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  width: 30px;
  height: 1px;
  background: #ccc;
}
.t-tab .t-tab-nav .t-tab-nav-item:last-child::after {
  content: none;
}
.t-tab .t-tab-nav .t-tab-nav-item span {
  width: 25px;
  height: 25px;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.t-tab .t-tab-nav .t-tab-nav-item.active {
  color: #008cda;
}
.t-tab .t-tab-nav .t-tab-nav-item.active span {
  border-color: #008cda;
}
.t-tab .t-tab-body {
  width: 100%;
  height: auto;
  padding: 15px 0px 15px 0px;
}
.t-name-color {
  text-decoration: underline;
  cursor: pointer;
}
.t-blue-color {
  color: #2da6e9 !important;
}
.t-green-color {
  color: green !important;
}
.t-priority-1 .t-table-id,
.t-priority-1 .t-table-1-top-id {
  color: #000;
  background: #00cf4f !important;
}
.t-priority-1 .t-name-color {
  color: #00cf4f !important;
}
.t-priority-2 .t-table-id,
.t-priority-2 .t-table-1-top-id {
  color: #000 !important;
  background: #eae354 !important;
}
.t-priority-2 .t-name-color {
  color: #cdc746 !important;
}
.t-priority-3 .t-table-id,
.t-priority-3 .t-table-1-top-id {
  background: #e36249 !important;
}
.t-priority-3 .t-name-color {
  color: #e36249 !important;
}
.dispatch-item {
  display: inline-block;
  border-radius: 30px;
  padding: 5px 45px 5px 10px;
  color: #fff;
  background: #9d5188;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  margin-right: 10px;
  cursor: pointer;
  min-width: 160px;
  min-height: 25px;
}
.dispatch-item::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  z-index: 1;
  top: 3px;
  right: 3px;
  font-size: 22px;
  color: #9d5188;
  background: #fff;
  padding-top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table-group .t-table {
  width: 100%;
  border: 1px solid #ccc;
  margin: 35px 0 20px 0;
  font-size: 14px;
  line-height: 16px;
  background: #fff;
}
.t-table-group .t-table .t-table-head {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.t-table-group .t-table .t-table-head .t-table-item {
  width: 100%;
  padding: 7px 5px;
  position: relative;
}
.t-table-group .t-table .t-table-head .t-table-item:first-child {
  padding-left: 35px;
}
.t-table-group .t-table .t-table-head .t-table-item:first-child .t-table-label {
  padding-left: 30px;
}
.t-table-group .t-table .t-table-head .t-table-item .t-table-id {
  width: 25px;
  height: 36px;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  position: absolute;
  left: -1px;
  top: -3px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table-group .t-table .t-table-head .t-table-item .t-table-label {
  position: absolute;
  top: -25px;
  left: 5px;
  z-index: 0;
  color: #00a544;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.t-table-group .t-table .t-table-head .t-table-item .t-table-value {
  width: 100%;
  font-weight: 600;
  min-height: 16px;
}
.t-table-group .t-table .t-table-head .t-table-item .t-table-value img {
  max-width: 160px;
  max-height: 20px;
}
.t-table-group .t-table .t-table-body {
  width: 100%;
  padding: 10px 10px 10px 35px;
}
.t-table-group .t-table .t-table-body .form-group {
  margin: 0;
}
.t-table-group .t-table .t-table-footer {
  width: 100%;
  height: 35px;
  padding: 5px 10px 5px 5px;
  border: 0;
  border-top: 1px solid #ccc;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-table-group .t-table .t-table-footer .t-table-add {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9d5188;
  background: none;
  cursor: pointer;
  outline: none !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.t-table-group .t-table .t-table-footer .t-table-add .material-symbols-outlined {
  margin-right: 5px;
}
.t-table-group .t-table .t-table-footer .t-table-footer-label {
  color: #008131;
  margin-left: 20px;
  font-weight: 600;
  padding: 0 10px;
}
.t-table-group .t-table .form-group {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.t-table-group .t-table .form-group .form-control {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px;
  border-radius: 0px;
}
.t-table-group .t-table .form-group .form-select {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px;
  padding: 2px 5px;
  background-position: right 2px center;
  background-size: 14px 9px;
}
.t-table-group .t-table:nth-child(n+2) .t-table-label {
  display: none;
}
.t-table-group .form-group {
  margin-bottom: 10px;
}
.t-table-group .form-group .static-label {
  display: inline-block;
  margin-bottom: 2px;
}
.t-table-group .form-group .dynamic-label {
  width: 100%;
  min-height: 25px;
  font-size: 14px;
  line-height: 17px;
  padding: 3px 0;
  font-weight: 600;
}
.t-table-group .form-group .dynamic-label.h6 {
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.t-table-group .form-group .dynamic-barcode {
  width: 100%;
}
.t-table-group .form-group .dynamic-barcode img {
  width: auto;
  max-width: 100%;
  max-height: 25px;
}
.size-control-footer {
  width: 100%;
  display: flex;
  justify-content: end;
  border: 0;
  margin-bottom: 30px;
  font-size: 14px;
}
.size-control-footer .size-control {
  width: 125px;
  height: 30px;
  border: 1px solid #008cda;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  margin-left: 20px;
}
.size-control-footer .size-control label {
  width: 50%;
  height: 100%;
  color: #fff;
  background: #008cda;
  padding: 5px 7px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.size-control-footer .size-control label .sub {
  font-size: 12px;
  margin-left: 4px;
}
.size-control-footer .size-control .form-control {
  font-size: 13px;
  height: 30px;
  border: 0 !important;
}
.add-pop {
  width: 100%;
  display: flex;
  background: #fff;
}
.add-pop .add-pop-left {
  width: 300px;
  height: calc(100vh - 60px);
  padding: 15px;
  flex-shrink: 0;
  overflow: hidden;
  overflow-y: auto;
  border-right: 1px solid #ccc;
}
.add-pop .add-pop-left::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.add-pop .add-pop-right {
  width: 100%;
  height: calc(100vh - 60px);
  overflow: hidden;
  overflow-y: auto;
  padding: 15px;
}
.tab-bar {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.tab-bar .tab-bar-header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 20px 5px 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tab-bar .tab-bar-header:hover {
  background: #f7f7f7;
}
.tab-bar .tab-bar-header::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  height: 100%;
  z-index: 1;
  right: 0px;
  top: 15px;
  font-size: 25px !important;
  color: #000;
}
.tab-bar .tab-bar-header .tab-bar-icon {
  width: 35px;
  height: 35px;
  padding: 4px;
  border-radius: 5px;
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background:
    linear-gradient(
      to bottom right,
      #774cf7 0%,
      #339eea 100%);
}
.tab-bar .tab-bar-content {
  width: 100%;
  padding: 0px 10px;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
  height: 0;
}
.tab-bar .tab-bar-content .form-group {
  margin-bottom: 15px;
}
.tab-bar .tab-bar-content .form-group .static-label {
  color: #008131;
  font-size: 13px;
  line-height: 16px;
}
.tab-bar .tab-bar-content .form-group .dynamic-label {
  color: #000;
  margin: 0;
  width: 100%;
  font-size: 14px;
}
.tab-bar:nth-child(3) .tab-bar-icon {
  background:
    linear-gradient(
      to bottom,
      #c689d4 0%,
      #a957bd 100%);
}
.tab-bar.active .tab-bar-content {
  padding: 5px 10px;
  height: auto;
  max-height: 500px;
}
.tab-1 {
  width: 100%;
  word-wrap: break-word;
}
.tab-1 .tab-1-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  background: #ededed;
  padding: 5px;
  border-radius: 5px;
}
.tab-1 .tab-1-nav .tab-1-nav-item {
  width: 49%;
  font-size: 13px;
  line-height: 15px;
  padding: 4px 5px;
  text-align: center;
  border: 0px;
  background: #ededed;
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.tab-1 .tab-1-nav .tab-1-nav-item:hover {
  background: #dbdbdb;
}
.tab-1 .tab-1-nav .tab-1-nav-item.active {
  color: #fff;
  background: #008131;
}
.tab-1 .tab-1-container {
  width: 100%;
  padding: 10px 0;
  word-wrap: break-word;
}
.tab-1 .tab-1-container .tab-1-container-item {
  width: 100%;
  display: none;
}
.tab-1 .tab-1-container .tab-1-container-item.active {
  display: block;
}
.t-tabs-1 {
  width: 100%;
  font-size: 13px;
}
.t-tabs-1 .t-tabs-1-nav {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item {
  padding: 4px 8px;
  text-align: center;
  cursor: pointer;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item:hover {
  border-color: #9d9999;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item.active {
  font-weight: 600;
  color: #008131;
  border-color: #008131;
}
.t-tabs-1 .t-tabs-1-body {
  width: 100%;
  padding: 10px 0;
}
.order-tracker {
  width: 100%;
  padding: 0 0 0 25px;
  margin: 0;
}
.order-tracker li {
  list-style: none;
  position: relative;
  padding-bottom: 5px;
  min-height: 50px;
}
.order-tracker li::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d8d8d8;
  border: 2px solid #979797;
  z-index: 1;
}
.order-tracker li::after {
  content: "";
  position: absolute;
  left: -21px;
  bottom: 90%;
  width: 2px;
  height: 100%;
  background: #979797;
  z-index: 0;
}
.order-tracker li .form-group {
  margin: 0;
}
.order-tracker li .form-group label {
  width: 100%;
}
.order-tracker li .form-group .form-control,
.order-tracker li .form-group .order-date {
  width: auto;
  display: inline-block;
  max-width: 100%;
  font-size: 12px;
  padding: 2px 10px;
  background: #f2f2f2 !important;
  border-radius: 4px;
  border: 0px;
}
.order-tracker li .form-group .form-control:empty,
.order-tracker li .form-group .order-date:empty {
  display: none;
}
.order-tracker li:first-child::after {
  content: none;
}
.order-tracker li.active .form-group label {
  color: #00903e;
}
.order-tracker li.active::before {
  background: #11a04c;
  border-color: #008131;
}
.order-tracker li.active::after {
  background: #11a04c;
}
.t-table-group .t-table-1 {
  width: 100%;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 15px;
  background: #fff;
  margin: 35px 0 20px 0;
}
.t-table-group .t-table-1 .t-table-1-top {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-id {
  width: 25px;
  height: 100%;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data {
  width: 100%;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item {
  width: 100%;
  padding: 7px 5px;
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item .t-table-1-top-data-label {
  position: absolute;
  top: -25px;
  left: 5px;
  z-index: 0;
  color: #00a544;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item .t-table-1-top-data-value {
  width: 100%;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-toggle {
  width: 25px;
  height: 100%;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.t-table-group .t-table-1 .t-table-1-bottom {
  width: 100%;
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  padding: 0 25px;
  overflow: hidden;
  display: none;
}
.t-table-group .t-table-1 .t-table-1-bottom .t-table-1-bottom-box {
  padding: 5px;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.t-table-group .t-table-1 .form-control {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px;
  border-radius: 0px;
}
.t-table-group .t-table-1 .form-select {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px;
  padding: 2px 5px;
  background-position: right 2px center;
  background-size: 14px 9px;
}
.t-table-group .t-table-1 .input-group {
  width: 100%;
}
.t-table-group .t-table-1 .input-group > span {
  font-size: 17px;
  width: 25px;
  height: 25px;
  background: #f7f7f7;
  border: 1px solid #ccc;
}
.t-table-group .t-table-1.active .t-table-1-bottom {
  display: block;
}
.t-table-group .t-table-1.active .t-table-1-top-toggle .material-symbols-outlined {
  transform: rotate(180deg);
}
.t-table-group .t-table-1:nth-child(n+2) {
  margin-top: 0;
}
.t-table-group .t-table-1:nth-child(n+2) .t-table-1-top-data-label {
  display: none;
}
.t-table-group .t-table-1 .input-group {
  position: relative !important;
}
.t-table-group .t-table-1 .input-group .dropdown-menu {
  position: fixed !important;
}
.t-table-group .t-table-1 .input-group .dropdown-menu .ngb-dp-arrow {
  display: none !important;
}
.switch-1-control {
  width: 100%;
  display: flex;
  align-items: center;
  color: #e31b1d;
  font-weight: 600;
}
.switch-1 {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 16px;
}
.switch-1 input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-1 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #e31b1d;
}
.switch-1 .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: #e31b1d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-1 input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.switch-1 input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
.switch-1 .slider.round {
  border-radius: 34px;
}
.switch-1 .slider.round:before {
  border-radius: 50%;
}
.switch-1-text {
  padding-left: 10px;
}
.t-name-color {
  text-decoration: underline;
}
.t-blue-color {
  color: #2da6e9 !important;
}
.t-green-color {
  color: green !important;
}
.t-priority-1 .t-table-id,
.t-priority-1 .t-table-1-top-id {
  color: #000;
  background: #00cf4f !important;
}
.t-priority-1 .t-name-color {
  color: #00cf4f !important;
}
.t-priority-2 .t-table-id,
.t-priority-2 .t-table-1-top-id {
  color: #000 !important;
  background: #eae354 !important;
}
.t-priority-2 .t-name-color {
  color: #cdc746 !important;
}
.t-priority-3 .t-table-id,
.t-priority-3 .t-table-1-top-id {
  background: #e36249 !important;
}
.t-priority-3 .t-name-color {
  color: #e36249 !important;
}
.dispatch-item {
  display: inline-block;
  border-radius: 30px;
  padding: 5px 45px 5px 10px;
  color: #fff;
  background: #9d5188;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  margin-right: 10px;
}
.dispatch-item::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  z-index: 1;
  top: 3px;
  right: 3px;
  font-size: 22px;
  color: #9d5188;
  background: #fff;
  padding-top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-bar {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.tab-bar .tab-bar-header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 20px 5px 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tab-bar .tab-bar-header::after {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  height: 100%;
  z-index: 1;
  right: 0px;
  top: 15px;
  font-size: 32px;
  color: #000;
}
.tab-bar .tab-bar-header .tab-bar-icon {
  width: 35px;
  height: 35px;
  padding: 4px;
  border-radius: 5px;
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background:
    linear-gradient(
      to bottom right,
      #774cf7 0%,
      #339eea 100%);
}
.tab-bar .tab-bar-content {
  width: 100%;
  padding: 0px 10px;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
  height: 0;
}
.tab-bar .tab-bar-content .form-group .static-label {
  color: #008131;
  font-size: 13px;
  line-height: 16px;
}
.tab-bar .tab-bar-content .form-group .dynamic-label {
  color: #000;
  margin: 0;
  width: 100%;
  font-size: 14px;
}
.tab-bar .tab-bar-content .form-group .dynamic-value {
  width: 100%;
  display: block;
}
.tab-bar:nth-child(3) .tab-bar-icon {
  background:
    linear-gradient(
      to bottom,
      #c689d4 0%,
      #a957bd 100%);
}
.tab-bar.active .tab-bar-content {
  padding: 5px 10px;
  height: auto;
  max-height: 500px;
}
.t-tabs-1 {
  width: 100%;
  font-size: 13px;
}
.t-tabs-1 .t-tabs-1-nav {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item {
  padding: 4px 8px;
  text-align: center;
  cursor: pointer;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item:hover {
  border-color: #9d9999;
}
.t-tabs-1 .t-tabs-1-nav .t-tabs-1-nav-item.active {
  font-weight: 600;
  color: #008131;
  border-color: #008131;
}
.t-tabs-1 .t-tabs-1-body {
  width: 100%;
  padding: 10px 0;
}
.grid-1 {
  width: 100%;
  background: #dcf2ff;
  padding: 10px;
  display: flex;
  font-size: 15px;
  line-height: 18px;
}
.grid-1 .grid-1-box {
  width: 100%;
}
.grid-1 .grid-1-box .grid-1-box-label {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 4px;
}
.grid-1 .grid-1-box .grid-1-box-value {
  width: 100%;
  margin: 0;
  font-weight: 600;
}
.t-table-group .t-table-1 {
  width: 100%;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 15px;
  background: #fff;
  margin: 35px 0 20px 0;
}
.t-table-group .t-table-1 .t-table-1-top {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-id {
  width: 25px;
  height: 100%;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data {
  width: 100%;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item {
  width: 100%;
  padding: 7px 5px;
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item .t-table-1-top-data-label {
  position: absolute;
  top: -25px;
  left: 5px;
  z-index: 0;
  color: #00a544;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-data .t-table-1-top-data-item .t-table-1-top-data-value {
  width: 100%;
}
.t-table-group .t-table-1 .t-table-1-top .t-table-1-top-toggle {
  width: 25px;
  height: 100%;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.t-table-group .t-table-1 .t-table-1-bottom {
  width: 100%;
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  padding: 0 25px;
  overflow: hidden;
  display: none;
}
.t-table-group .t-table-1 .t-table-1-bottom .t-table-1-bottom-box {
  padding: 5px;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.t-table-group .t-table-1 .form-control {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px;
  border-radius: 0px;
}
.t-table-group .t-table-1 .form-select {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px;
  padding: 2px 5px;
  background-position: right 2px center;
  background-size: 14px 9px;
}
.t-table-group .t-table-1.active .t-table-1-bottom {
  display: block;
}
.t-table-group .t-table-1.active .t-table-1-top-toggle .material-symbols-outlined {
  transform: rotate(180deg);
}
.t-table-group .t-table-1:nth-child(n+2) {
  margin-top: 0;
}
.t-table-group .t-table-1:nth-child(n+2) .t-table-1-top-data-label {
  display: none;
}
.switch-1-control {
  width: 100%;
  display: flex;
  align-items: center;
  color: #e31b1d;
  font-weight: 600;
}
.switch-1 {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 16px;
}
.switch-1 input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-1 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #e31b1d;
}
.switch-1 .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: #e31b1d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-1 input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.switch-1 input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
.switch-1 .slider.round {
  border-radius: 34px;
}
.switch-1 .slider.round:before {
  border-radius: 50%;
}
.switch-1-text {
  padding-left: 10px;
}
.page-static-search {
  width: 100%;
  padding: 25px 25px 0 25px;
}
.page-static-search .page-static-search-btns {
  display: flex;
  margin-top: 20px;
}
.page-static-search .page-static-search-btns .form-btn {
  border-radius: 2px;
  height: 42px;
}
.top-status-info {
  margin-bottom: 5px;
}
.grid-header-section {
  display: flex;
}
.grid-header-section .grid-header-filters {
  position: relative;
}
.grid-header-section .grid-header-filters .filter-tab {
  padding: 10px 25px 9px 15px;
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 30px;
  gap: 5px;
  box-shadow: 0 0 5px #999;
  position: relative;
  cursor: pointer;
  height: 36px;
  margin-bottom: 15px;
}
.grid-header-section .grid-header-filters .filter-tab label {
  cursor: pointer;
}
.grid-header-section .grid-header-filters .filter-tab .material-symbols-outlined {
  font-size: 20px;
}
.grid-header-section .grid-header-filters .filter-container {
  opacity: 0;
  top: 40px;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 2px;
  transition: all 0.6 ease;
}
.grid-header-section .grid-header-filters .filter-container.active {
  opacity: 1;
  top: 45px;
  width: 350px;
  height: auto;
  overflow: auto;
}
.grid-header-section .grid-header-filters .filter-container .filter-group {
  width: 100%;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-header {
  width: 100%;
  height: 38px;
  padding: 10px 10px 10px 10px;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-header .filter-close {
  margin-left: auto;
  color: #ff0000;
  cursor: pointer;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body {
  width: 100%;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 150px;
  max-height: calc(100vh - 365px);
  overflow: hidden;
  overflow-y: auto;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .fields-group {
  width: 100%;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .fields-group .filter-sub-title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .fields-group .filter-label {
  margin-bottom: 5px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .fields-group ngb-datepicker.dropdown-menu {
  position: fixed !important;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .form-group label {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 3px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .form-control,
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .form-select {
  font-size: 14px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 8px 2px 8px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group {
  border: 1px solid #ccc;
  border-radius: 6px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group .bi-calendar3 {
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: 0;
  border-left: 1px solid #ccc;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group .bi-calendar3 .material-symbols-outlined {
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: block;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group span {
  border: 0;
  margin-right: 5px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group .form-control {
  border: 0;
  box-shadow: 0 0 0px #999 !important;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-body .input-group .material-symbols-outlined {
  margin-right: 0 !important;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-footer {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 10px;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-footer .filter-reset,
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-footer .filter-apply {
  height: 30px;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 20px 6px 20px;
  text-align: center;
  cursor: pointer;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 30px;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-footer .filter-reset {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
}
.grid-header-section .grid-header-filters .filter-container .filter-group .filter-footer .filter-apply {
  background: #008131;
  border: 2px solid #008131;
  color: #fff;
  margin-left: auto;
}
.grid-header-section .grid-header-filters.grid-header-filters-active .filter-tab {
  color: #fff;
  background:
    linear-gradient(
      to right,
      #1f9f50,
      #008131);
}
.grid-header-section .grid-header-search {
  padding-left: 20px;
  position: relative;
}
.grid-header-section .grid-header-search .open-search {
  box-shadow: 0 0 5px #999;
  padding: 10px 20px 10px 40px;
  border-radius: 30px;
  border: 0;
  height: 40px;
}
.grid-header-section .grid-header-search .material-symbols-outlined {
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 35px;
  z-index: 11;
  color: #444;
  font-size: 20px;
}
.grid-header-section .grid-header-actions {
  text-align: right;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.grid-header-section .grid-header-actions .grid-type,
.grid-header-section .grid-header-actions .add-form-btn,
.grid-header-section .grid-header-actions .export-dropdown {
  margin-left: 20px;
  margin-bottom: 15px;
}
.grid-header-section .grid-header-actions .grid-type {
  height: 36px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 5px #999;
}
.grid-header-section .grid-header-actions .grid-type .grid-list-link {
  color: #000;
  background: #fff;
  padding: 5px 10px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.grid-header-section .grid-header-actions .grid-type .grid-list-link.active {
  background: #a25b0b;
  color: #fff;
}
.grid-header-section .grid-header-actions .grid-type .grid-card-link {
  color: #000;
  background: #fff;
  padding: 5px 10px 5px 10px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.grid-header-section .grid-header-actions .grid-type .grid-card-link.active {
  background: #a25b0b;
  color: #fff;
}
.grid-header-section .grid-header-actions .grid-type .material-symbols-outlined {
  font-size: 20px;
}
.grid-header-section .grid-header-actions .add-form-btn {
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 20px 6px 35px;
  text-align: center;
  color: #fff;
  background: #008131;
  border: 2px solid #008131;
  cursor: pointer;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 30px;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 2px #fff;
}
.grid-header-section .grid-header-actions .add-form-btn::before {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e145";
  height: 100%;
  z-index: 1;
  left: 8px;
  top: -1px;
  font-size: 24px;
  color: #fff;
}
.grid-header-section .grid-header-actions .add-form-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-left: 36px #008131;
  border-radius: 60px;
  z-index: 0;
  left: 0px;
}
.grid-header-section .grid-header-actions .add-form-btn span {
  margin-right: 8px;
  font-size: 18px;
}
.grid-header-section .grid-header-actions .add-form-btn:hover {
  color: #fff;
  background: #008131;
  border-color: #008131;
  box-shadow: none;
}
.grid-header-section .grid-header-actions .add-form-btn:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  box-shadow: none !important;
  opacity: 1;
}
.grid-header-section .grid-header-actions .add-form-btn:disabled::before {
  color: #bbbbbb !important;
}
.data-view-grid {
  max-width: 100%;
  overflow: auto;
}
.nodatagrid {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff0000;
  font-weight: 700;
  font-size: 20px;
  min-height: 300px;
  background-color: #f1f1f1;
  border: 4px solid #ffc7c4;
  border-radius: 8px;
}
.hybrid-grid-view.card-view {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.hybrid-grid-view.card-view .hybrid-grid-header {
  display: flex;
}
.hybrid-grid-view.card-view .hybrid-view-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box {
  width: calc(33.3334% - 17px);
  border: 1px solid #979797;
  border-radius: 15px;
  flex: 0 0 auto;
  background-color: #fff;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header {
  padding: 8px 10px 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #979797;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .view-box-icon {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border-radius: 6px;
  border: 1px solid #979797;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .view-box-id {
  height: 35px;
  display: flex;
  align-items: center;
  font-weight: 600;
  padding-left: 15px;
  font-size: 14px;
  line-height: 16px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .view-box-type {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: auto;
  background-color: #008131;
  color: #fff;
  padding: 0 20px;
  border-radius: 6px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .card-dropdown-btn {
  all: unset;
  color: #000;
  border-radius: 4px;
  border: 1px solid #979797;
  text-align: center;
  padding: 0;
  width: 18px;
  height: 25px;
  cursor: pointer;
  background: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .card-dropdown-btn::after {
  content: none;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .card-dropdown-btn .material-symbols-outlined {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .card-dropdown-btn:hover {
  background: #f7f7f7;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px 7px;
  transition: all 0s ease;
  white-space: unset;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item .material-symbols-outlined {
  color: #000;
  margin-right: 5px;
  min-width: 25px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:hover {
  background: #f2f2f2;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:active {
  color: #fff;
  background: #00903e;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:active .material-symbols-outlined {
  color: #fff;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:active .grid-btn {
  color: #fff;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:disabled {
  cursor: not-allowed;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-item:disabled .material-symbols-outlined {
  color: #ccc;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-header .card-toggle-dropdown .dropdown-menu {
  width: 190px;
  left: -170px !important;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body {
  padding: 15px 10px 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable {
  width: 50%;
  padding: 0px 0 12px 0;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable:empty {
  display: none;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable .static {
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  display: block;
  margin-bottom: 5px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable .dynamic {
  font-weight: 600;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable .dynamic-value {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 17px;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box .view-box-body .card-data-lable.full-width {
  width: 100%;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.priority-green .view-box-header .view-box-type {
  background-color: #008131;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.priority-blue .view-box-header .view-box-type {
  background-color: #2da6e9;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.priority-red .view-box-header .view-box-type {
  background-color: #ac0707;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.priority-orange .view-box-header .view-box-type {
  background-color: #f0753f;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.deviationcard {
  color: #000;
  border-color: #6fb4e1;
  background-color: #c0e7ff;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.deviationcard .view-box-header {
  border-color: #6fb4e1;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.deviationcard .view-box-header .view-box-icon {
  color: #2e7fb3;
  border-color: #2e7fb3;
}
.hybrid-grid-view.card-view .hybrid-view-list .view-box.deviationcard .view-box-header .card-dropdown-btn {
  color: #2e7fb3;
  border-color: #2e7fb3;
  background: none;
}
.hybrid-grid-view.card-view .card-hide {
  display: none;
}
.hybrid-grid-view.grid-view {
  float: left;
  min-width: 800px;
  width: 100%;
  margin-bottom: 25px;
}
.hybrid-grid-view.grid-view .hybrid-grid-header {
  display: flex;
  background-color: #000;
  color: #fff;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 15px 15px 0 0px;
}
.hybrid-grid-view.grid-view .hybrid-grid-header div {
  display: flex;
  align-items: center;
}
.hybrid-grid-view.grid-view .hybrid-view-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box {
  width: 100%;
  border: 2px solid #ccc;
  border-radius: 15px;
  background-color: #fff;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-header {
  display: none;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body {
  padding: 2px 15px 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .card-data-lable {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .card-data-lable .static {
  display: none;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .card-data-lable .dynamic {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .card-data-lable.full-width {
  width: auto;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .card-data-lable .view-box-type {
  float: left;
  background-color: #008131;
  color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .dropdown-view {
  cursor: pointer;
  margin: 0 auto;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box .view-box-body .dropdown-view span {
  border: 1px solid #ccc;
  padding: 3px 0px;
  border-radius: 4px;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-green .view-box-type {
  background-color: #008131 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-green .grid-status-text {
  color: #008131 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-blue .view-box-type {
  background-color: #2da6e9 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-blue .grid-status-text {
  color: #2da6e9 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-red .view-box-type {
  background-color: #ac0707 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-red .grid-status-text {
  color: #ac0707 !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-orange .view-box-type {
  background-color: #f0753f !important;
}
.hybrid-grid-view.grid-view .hybrid-view-list .view-box.priority-orange .grid-status-text {
  color: #f0753f !important;
}
.hybrid-grid-view.grid-view .grid-col-05,
.hybrid-grid-view.grid-view .grid-col-10,
.hybrid-grid-view.grid-view .grid-col-15,
.hybrid-grid-view.grid-view .grid-col-20,
.hybrid-grid-view.grid-view .grid-col-25,
.hybrid-grid-view.grid-view .grid-col-30,
.hybrid-grid-view.grid-view .grid-col-35,
.hybrid-grid-view.grid-view .grid-col-40,
.hybrid-grid-view.grid-view .grid-col-45,
.hybrid-grid-view.grid-view .grid-col-50,
.hybrid-grid-view.grid-view .grid-col-55,
.hybrid-grid-view.grid-view .grid-col-60,
.hybrid-grid-view.grid-view .grid-col-65,
.hybrid-grid-view.grid-view .grid-col-70,
.hybrid-grid-view.grid-view .grid-col-75,
.hybrid-grid-view.grid-view .grid-col-80,
.hybrid-grid-view.grid-view .grid-col-85,
.hybrid-grid-view.grid-view .grid-col-90,
.hybrid-grid-view.grid-view .grid-col-95,
.hybrid-grid-view.grid-view .grid-col-100 {
  padding: 5px !important;
  flex-shrink: 0;
}
.hybrid-grid-view.grid-view .grid-col-02 {
  width: 2%;
}
.hybrid-grid-view.grid-view .grid-col-05 {
  width: 5%;
}
.hybrid-grid-view.grid-view .grid-col-08 {
  width: 8%;
}
.hybrid-grid-view.grid-view .grid-col-10 {
  width: 10%;
}
.hybrid-grid-view.grid-view .grid-col-15 {
  width: 15%;
}
.hybrid-grid-view.grid-view .grid-col-20 {
  width: 20% !important;
}
.hybrid-grid-view.grid-view .grid-col-25 {
  width: 25% !important;
}
.hybrid-grid-view.grid-view .grid-col-30 {
  width: 30%;
}
.hybrid-grid-view.grid-view .grid-col-35 {
  width: 35%;
}
.hybrid-grid-view.grid-view .grid-col-40 {
  width: 40%;
}
.hybrid-grid-view.grid-view .grid-col-45 {
  width: 45%;
}
.hybrid-grid-view.grid-view .grid-col-50 {
  width: 50%;
}
.hybrid-grid-view.grid-view .grid-col-55 {
  width: 55%;
}
.hybrid-grid-view.grid-view .grid-col-60 {
  width: 60%;
}
.hybrid-grid-view.grid-view .grid-col-65 {
  width: 65%;
}
.hybrid-grid-view.grid-view .grid-col-70 {
  width: 70%;
}
.hybrid-grid-view.grid-view .grid-col-75 {
  width: 75%;
}
.hybrid-grid-view.grid-view .grid-col-80 {
  width: 80%;
}
.hybrid-grid-view.grid-view .grid-col-85 {
  width: 85%;
}
.hybrid-grid-view.grid-view .grid-col-90 {
  width: 90%;
}
.hybrid-grid-view.grid-view .grid-col-95 {
  width: 95%;
}
.hybrid-grid-view.grid-view .grid-col-100 {
  width: 100%;
}
.form_btn {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
  border: 0 !important;
  outline: none !important;
  color: #fff;
  background: #11a04c;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form_btn:hover {
  opacity: 0.9;
}
.form_btn:active {
  transform: scale(0.8);
}
.custom-barcode input {
  padding: 5px 15px 5px 15px;
  border-radius: 30px;
  width: 100%;
  height: 35px;
  border: 1px solid green;
  outline: none !important;
}
.custom-barcode-btn {
  width: 35px;
  height: 35px;
  padding: 3px;
  border-radius: 50%;
  border: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #008131;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
}
.custom-barcode-btn:hover {
  opacity: 0.8;
}
.custom-barcode-btn:active {
  transform: scale(0.9);
}
.t-dynamic-label {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
}
.t-dynamic-label .material-symbols-outlined {
  font-size: 14px;
  margin-right: 5px;
}
.flex-row-block {
  width: 100%;
  position: relative;
}
.flex-row-block .flex-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 8px 0px;
}
.flex-row-block .flex-row .flex-colum {
  width: 100%;
  padding: 5px 8px;
}
.flex-row-block .flex-row .flex-colum:first-child {
  padding-left: 0;
}
.flex-row-block:nth-child(n+2) {
  border-top: 1px solid #ccc;
}
.flex-row-block.row-graph::before {
  content: "";
  position: absolute;
  top: 33px;
  left: -13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #008131;
}
.flex-row-block.row-graph::after {
  content: "";
  position: absolute;
  top: -27px;
  left: -20px;
  width: 15px;
  height: 100%;
  background: none;
  border: 1px solid #008131;
  border-right: 0;
}
.flex-row-block.row-graph:first-child::after {
  content: none;
}
.t-table-btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.t-table-btn-group .t-table-btn {
  all: unset;
  display: flex;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
  outline: none;
  padding: 0;
  background: none;
  transition: all 0.3s ease;
  color: #f11e1e;
}
.t-table-btn-group .t-table-btn .material-symbols-outlined {
  font-size: 18px;
  margin-right: 2px;
}
.t-table-btn-group .t-table-btn:first-child {
  margin: 0;
}
.custom-toggle {
  width: 100%;
  position: relative;
}
.custom-toggle .custom-toggle-nav-title {
  position: absolute;
  left: 180px;
  top: 3px;
  color: #9d5188;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.custom-toggle .custom-toggle-nav {
  width: 170px;
  height: 26px;
  display: inline-block;
  border-radius: 30px;
  padding: 5px 25px 5px 10px;
  color: #fff;
  background: #9d5188;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-toggle .custom-toggle-nav::before {
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  font-style: normal;
  position: absolute;
  content: "\e313";
  z-index: 1;
  top: 3px;
  right: 3px;
  font-size: 22px;
  color: #9d5188;
  background: #fff;
  padding-top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.custom-toggle .custom-toggle-content {
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  transition: all 0.3s ease;
  border-radius: 8px;
  background: url("./media/bg-trans-VPTVD5OZ.png");
  background-size: cover;
  background-position: bottom;
}
.custom-toggle .custom-toggle-content .custom-toggle-body {
  width: 100%;
  padding: 10px 15px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 20px;
  max-height: 400px;
  background: none;
}
.custom-toggle .custom-toggle-content .custom-toggle-body::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.custom-toggle.active .custom-toggle-nav::before {
  transform: rotate(180deg);
}
.custom-toggle.active .custom-toggle-content {
  height: auto;
  padding: 5px 0;
  overflow: hidden;
  opacity: 1;
  border: 1px solid #9d5188;
}
.t-table-group .t-table-2 {
  width: 100%;
  border: 1px solid #ccc;
  margin: 35px 0 20px 0;
  font-size: 14px;
  line-height: 16px;
  background: #fff;
}
.t-table-group .t-table-2 .t-table-2-head {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item {
  width: 100%;
  padding: 7px 5px;
  position: relative;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item:first-child {
  padding-left: 35px;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item:first-child .t-table-label {
  padding-left: 30px;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item .t-table-id {
  width: 25px;
  height: 36px;
  text-align: center;
  color: #fff;
  background: #474747;
  border: 0px;
  position: absolute;
  left: -1px;
  top: -3px;
  padding: 6px 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item .t-table-label {
  position: absolute;
  top: -25px;
  left: 5px;
  z-index: 0;
  color: #00a544;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item .t-table-value {
  width: 100%;
  font-weight: 600;
  min-height: 16px;
}
.t-table-group .t-table-2 .t-table-2-head .t-table-item .t-table-value img {
  max-width: 160px;
  max-height: 20px;
}
.t-table-group .t-table-2 .t-table-2-body {
  width: 100%;
  padding: 0px;
}
.t-table-group .t-table-2 .t-table-2-body .t-table-2-body-box {
  width: 100%;
  padding: 10px 0px;
}
.t-table-group .t-table-2 .t-table-2-body .form-group {
  margin: 0;
}
.t-table-group .t-table-2 .t-table-2-footer {
  width: 100%;
  height: 35px;
  padding: 5px 10px 5px 5px;
  border: 0;
  border-top: 1px solid #ccc;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-table-group .t-table-2 .t-table-2-footer .t-table-add {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9d5188;
  background: none;
  cursor: pointer;
  outline: none !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.t-table-group .t-table-2 .t-table-2-footer .t-table-add .material-symbols-outlined {
  margin-right: 5px;
}
.t-table-group .t-table-2 .t-table-2-footer .t-table-footer-label {
  color: #008131;
  margin-left: 20px;
  font-weight: 600;
  padding: 0 10px;
}
.t-table-group .t-table-2 .form-group {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.t-table-group .t-table-2 .form-group .form-control {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px;
  border-radius: 0px;
}
.t-table-group .t-table-2 .form-group .form-select {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px;
  padding: 2px 5px;
  background-position: right 2px center;
  background-size: 14px 9px;
}
.t-table-group .t-table-2.expired {
  position: relative;
  background: rgba(255, 0, 0, 0.1);
  border-color: #ffa5a5;
}
.t-table-group .t-table-2.expired::before {
  content: "Expired";
  position: absolute;
  left: 0;
  top: 0;
  color: #f15f5f;
  width: 100%;
  height: 100%;
  padding-top: 35px;
  background: rgba(255, 0, 0, 0.05);
  font-size: 50px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  z-index: 1;
}
.t-table-group .t-table-2.expired .t-table-2-head {
  border-color: #ffa5a5;
}
.t-table-group .t-table-2.expired .t-table-2-head .t-table-label {
  color: #fd5555;
}
.t-table-group .t-table-2.expired .border-right {
  border-color: #ffa5a5;
}
.t-table-group .t-table-2.expired:hover::before {
  content: none;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .multiselect-dropdown {
  margin: 0px;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  border: 1px solid #ccc !important;
  height: 25px !important;
  font-size: 12px;
  line-height: 14px;
  padding: 2px 5px !important;
  min-height: auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
  margin-bottom: 0 !important;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .dropdown-multiselect__caret {
  top: 0 !important;
  width: 25px !important;
  height: 25px !important;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .dropdown-multiselect__caret::before {
  border-width: 4px 4px 0 4px !important;
}
.t-table-group .t-table-2 .custom-multiselect-dropdown .no-data h5 {
  font-size: 15px;
}
.t-table-group .t-table-2 .t-table-2-popup {
  width: 100%;
  padding: 20px;
  background: #fcf5df;
  border: 2px solid #f5dcc4;
}
.t-table-group .form-group {
  margin-bottom: 10px;
}
.t-table-group .form-group .static-label {
  display: inline-block;
  margin-bottom: 2px;
}
.t-table-group .form-group .dynamic-label {
  width: 100%;
  min-height: 25px;
  font-size: 14px;
  line-height: 17px;
  padding: 3px 0;
  font-weight: 600;
}
.t-table-group .form-group .dynamic-label.h6 {
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.t-table-group .form-group .dynamic-barcode {
  width: 100%;
}
.t-table-group .form-group .dynamic-barcode img {
  width: auto;
  max-width: 100%;
  max-height: 25px;
}
.t-table-group .d-table-info {
  width: 100%;
  padding: 15px 0;
  background: #fff2ef;
  border: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.info-symbal {
  width: 16px;
  height: 16px;
  border-radius: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  bottom: 6px;
}
.info-symbal .info_box {
  position: relative;
  display: inline-block;
}
.info-symbal .info_box .info_box_icon {
  font-size: 13px;
  color: #fff;
  background: #7f7f7f;
  width: 16px;
  height: 16px;
  border-radius: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.info-symbal .info_box .info_box-content {
  color: #000;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: absolute;
  left: 18px;
  bottom: 0;
  display: none;
  width: 140px;
  max-height: 150px;
  overflow: auto;
  box-shadow: 0 0 2px #d1d0d0;
}
.info-symbal .info_box:hover .info_box-content {
  display: block;
}
.t-table-btn {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  background: #9e5189;
  text-align: center;
  padding: 8px 10px;
  display: inline-block;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
  border: 0;
  border-radius: 0;
}
.t-table-btn:hover {
  opacity: 0.8;
}
.t-table-btn:active {
  transform: scale(0.8);
}
.t-table .input-group > span {
  font-size: 17px;
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  border-left: 0;
}
.max-width-137 {
  width: auto;
  max-width: 137px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.grid-icon {
  all: unset;
  cursor: pointer;
  padding: 0;
  outline: none !important;
  background: none;
  color: #f13636;
  margin: 0 auto;
}
.t-tab-loop .t-table-group .t-table-group-inner:nth-child(n+2) .t-table-label .check-style-1 {
  display: none;
}
.data_table_group {
  width: 100%;
  margin-bottom: 25px;
}
.data_table_group .data_table {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}
.data_table_group .data_table table,
.data_table_group .data_table .table {
  width: 100%;
  table-layout: fixed;
  text-align: left;
  border-collapse: collapse;
  margin: 0;
}
.data_table_group .data_table table thead tr th,
.data_table_group .data_table .table thead tr th {
  border: 0;
  padding: 5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.data_table_group .data_table table tbody tr td,
.data_table_group .data_table .table tbody tr td {
  padding: 5px;
  border: 1px solid #ccc;
  border-right: 0;
  border-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.data_table_group .data_table table tbody tr td:first-child,
.data_table_group .data_table .table tbody tr td:first-child {
  border-left: 1px solid #ccc;
}
.data_table_group .data_table table tbody tr td:last-child,
.data_table_group .data_table .table tbody tr td:last-child {
  border-right: 1px solid #ccc;
}
.data_table_group .data_table .data_table_id {
  text-align: center;
  color: #fff;
  background: #474747;
  text-overflow: inherit;
}
.data_table_group .data_table .data_table_toggle {
  text-align: center;
  background: #f2f2f2;
  width: 25px;
  padding: 0 !important;
  border-left: 1px solid #ccc !important;
  cursor: pointer;
  overflow: hidden;
  padding: 5px 0 0 0 !important;
  transition: all 0.3s ease;
}
.data_table_group .data_table .data_table_toggle .material-symbols-outlined {
  color: #000;
  width: 25px;
  font-weight: 700;
  transition: all 0.3s ease;
}
.data_table_group .data_table .data_table_toggle_block {
  background: #f2f2f2;
  overflow: hidden;
  display: none;
  opacity: 0;
  height: 0;
}
.data_table_group .data_table .data_table_toggle_block td {
  background: #f2f2f2;
}
.data_table_group .data_table.active .data_table_toggle_block {
  overflow: auto;
  display: table-row;
  opacity: 1;
  height: auto;
}
.data_table_group .data_table.active .data_table_toggle .material-symbols-outlined {
  transform: rotate(180deg);
}
.data_table_group .data_table .form-group {
  width: 100%;
  margin: 0;
}
.data_table_group .data_table input[type=text],
.data_table_group .data_table .form-control[type=text] {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px !important;
}
.data_table_group .data_table select,
.data_table_group .data_table .form-select {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px !important;
}
.data_table_group .data_table .input-group input {
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc !important;
  height: 25px !important;
  border-radius: 0px !important;
}
.data_table_group .data_table .input-group > span {
  font-size: 15px;
  width: 25px;
  height: 25px;
  border: 1px solid #ccc !important;
}
.data_table_group .data_table .check-style-1-checkmark {
  top: 0;
  left: 0;
}
.data_table_group .data_table:nth-child(n+2) table thead {
  opacity: 0;
}
.data_table_group .data_table:nth-child(n+2) table thead tr th {
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.data_table_group .data_table.t-priority-3 .data_table_id {
  background: #e36249 !important;
  border-color: #e36249 !important;
}
.data_table_group .data_table.t-priority-3 .t-name-color {
  color: #e36249 !important;
}
.data_table_group .data_table.t-priority-2 .data_table_id {
  background: #ddd64f !important;
  border-color: #ddd64f !important;
}
.data_table_group .data_table.t-priority-2 .t-name-color {
  color: #d9d355 !important;
}
.data_table_group .data_table.t-priority-1 .data_table_id {
  background: #00cf4f !important;
  border-color: #00cf4f !important;
}
.data_table_group .data_table.t-priority-1 .t-name-color {
  color: #00cf4f !important;
}
.data_table_group .data_table.deviation table tr th {
  color: #2f91cf;
}
.data_table_group .data_table.deviation table tr td {
  background-color: #def2ff;
  border-color: #7fcaf9;
}
.data_table_group .data_table.deviation .data_table_toggle {
  background: #c0e7ff;
  border-color: #7fcaf9 !important;
}
.data_table_group .data_table.deviation .data_table_toggle_block td {
  background-color: #7fcaf9 !important;
  background: #c0e7ff !important;
}
.data_table_group .data_table.deviation .data_table_toggle_block td:first-child,
.data_table_group .data_table.deviation .data_table_toggle_block td:last-child {
  border-color: #7fcaf9;
}
.list-table {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  table-layout: fixed;
  word-wrap: break-word;
  border-collapse: collapse;
  border: 1px solid rgba(204, 204, 204, 0.8);
  margin-bottom: 15px;
  background: #fff;
}
.list-table tr th {
  padding: 5px 8px;
  border: 1px solid rgba(204, 204, 204, 0.8);
  background: #f2f2f2;
}
.list-table tr td {
  padding: 5px 8px;
  border: 1px solid rgba(204, 204, 204, 0.8);
}
.list-table img {
  max-width: 100%;
  max-height: 40px;
  margin: 0 auto;
}
.list-table:last-child {
  margin: 0;
}
.info-dropdown .info-dropdown-btn {
  all: unset;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: block;
  text-align: center;
  background: #005d28;
  outline: none;
  color: #fff;
  cursor: pointer;
  padding: 2px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-dropdown .info-dropdown-btn::after {
  content: none;
}
.info-dropdown .info-dropdown-btn:active {
  transform: scale(0.8);
}
.info-dropdown .info-dropdown-btn .material-symbols-outlined {
  font-size: 21px;
}
.info-dropdown .dropdown-menu {
  width: 450px;
  padding: 10px;
  background: #fdfdfd;
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
}
.info-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.signature-info {
  width: 100%;
  background: #fff;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
.signature-info .signature-info-header {
  width: 100%;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
.signature-info .signature-info-header .signature-info-close {
  all: unset;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #e74c4c;
  transition: all 0.3s ease;
}
.signature-info .signature-info-body {
  width: 100%;
  padding: 10px 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 138px);
}
.signature-info .signature-info-body::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}
.text-justify {
  text-align: justify;
}
.filter-block .smart-filter {
  height: 35px;
  margin: 0 !important;
}
.invoice-body {
  background: #f2f2f2 !important;
}
.t-table-body-btn {
  position: relative;
}
.t-table-body-btn .t-table-btn-group {
  max-width: 50px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 11;
  width: auto;
  background: #fff;
}
.side-form-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 4px 25px;
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.side-form-header .side-form-header-left {
  display: flex;
  align-items: center;
}
.side-form-header .side-form-header-left .side-form-close {
  width: 30px;
  height: 30px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  background: none;
  transition: all 0.3s ease;
  cursor: pointer;
  flex-shrink: 0;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid #fff;
  box-shadow: 0 0 3px #5e5e5e;
  border-radius: 3px;
  outline: none !important;
  margin-right: 15px;
}
.side-form-header .side-form-header-left .side-form-close:hover {
  color: #fff;
  background: #df4343;
  border-color: #df4343;
  box-shadow: none;
}
.side-form-header .side-form-header-left .side-form-close:active {
  transform: scale(1.2);
}
.side-form-header .side-form-header-left .side-form-close:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  box-shadow: none !important;
}
.side-form-header .side-form-header-left .side-form-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 25px;
  flex-shrink: 0;
}
.side-form-header .side-form-header-left .side-form-title span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  color: #979797;
}
.side-form-header .side-form-header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.side-form-header .side-form-header-right .side-form-btn {
  all: unset;
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 10px 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  outline: none !important;
  margin-left: 10px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  box-shadow: 0 0 3px #929292;
}
.side-form-header .side-form-header-right .side-form-btn .material-symbols-outlined {
  font-size: 20px;
  margin-right: 4px;
}
.side-form-header .side-form-header-right .side-form-btn:hover {
  opacity: 0.8;
}
.side-form-header .side-form-header-right .side-form-btn.clear {
  position: relative;
}
.side-form-header .side-form-header-right .side-form-btn.clear:hover {
  color: #fff;
  background: #df4343;
  box-shadow: none;
}
.side-form-header .side-form-header-right .side-form-btn.save {
  color: #fff;
  background: #008131;
  box-shadow: none;
}
.side-form-header .side-form-header-right .side-form-btn.save:hover {
  color: #fff;
  background: #11a04c;
  box-shadow: none;
}
.side-form-header .side-form-header-right .side-form-btn.back {
  color: #fff;
  background: #f1ad30;
  box-shadow: none;
}
.side-form-header .side-form-header-right .side-form-btn.back:hover {
  color: #fff;
  background: #d5992a;
  box-shadow: none;
}
.side-form-header .side-form-header-right .side-form-btn.clear:first-child {
  margin-right: 10px;
}
.side-form-header .side-form-header-right .side-form-btn.clear:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 2px;
  height: 100%;
  background: #d8d8d8;
}
.side-form-header .side-form-header-right .side-form-btn.clear:only-child {
  margin: 0;
}
.side-form-header .side-form-header-right .side-form-btn.clear:only-child::after {
  content: none;
}
.side-form-header .side-form-header-right .side-form-btn.draft {
  color: #fff !important;
  background: #1092dd !important;
  box-shadow: none !important;
}
.side-form-header .side-form-header-right .side-form-btn:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  box-shadow: none !important;
}
.side-form-header .filter-block {
  min-height: auto;
}
.side-form-header .filter-block .form-group {
  margin: 0;
}
.side-form-header .filter-block .form-group label {
  margin: 0;
  font-size: 13px;
}
.side-form-header .filter-block .form-group .form-select {
  width: 150px;
  height: 30px;
  padding: 6px 20px 6px 5px;
  font-size: 13px;
  background-position: right 3px center;
}
.grid-toggle .dropdown-toggle {
  width: 25px;
  height: 25px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #005d28;
  color: #005d28;
  background: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
}
.grid-toggle .dropdown-toggle::after {
  content: none;
  margin-left: 0;
}
.grid-toggle .dropdown-toggle .material-symbols-outlined {
  display: block;
}
.grid-toggle .status-active,
.grid-toggle .edit-active {
  text-align: left;
  background: #fff !important;
  justify-content: flex-start;
}
.grid-toggle .status-active:hover,
.grid-toggle .edit-active:hover {
  background: #f7f7f7 !important;
}
.grid-toggle-dropdown-menu {
  padding: 0px;
  right: -1px !important;
}
.grid-toggle-dropdown-menu .dropdown-header {
  width: 100%;
  padding: 5px;
  color: #000;
  border-bottom: 1px solid #dbdbdb;
}
.grid-toggle-dropdown-menu .dropdown-body {
  width: 100%;
  padding: 5px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 160px;
}
.grid-toggle-dropdown-menu .dropdown-body::-webkit-scrollbar {
  width: 4px;
}
.grid-toggle-dropdown-menu .dropdown-body .status-active,
.grid-toggle-dropdown-menu .dropdown-body .view-active,
.grid-toggle-dropdown-menu .dropdown-body .edit-active,
.grid-toggle-dropdown-menu .dropdown-body .download-active {
  background: none;
  justify-content: flex-start;
}
.grid-toggle-dropdown-menu .dropdown-body .status-active .material-symbols-outlined,
.grid-toggle-dropdown-menu .dropdown-body .view-active .material-symbols-outlined,
.grid-toggle-dropdown-menu .dropdown-body .edit-active .material-symbols-outlined,
.grid-toggle-dropdown-menu .dropdown-body .download-active .material-symbols-outlined {
  background: none;
}
.grid-toggle-dropdown-menu .dropdown-body .status-active:active,
.grid-toggle-dropdown-menu .dropdown-body .view-active:active,
.grid-toggle-dropdown-menu .dropdown-body .edit-active:active,
.grid-toggle-dropdown-menu .dropdown-body .download-active:active {
  transform: none;
}
.grid-toggle-dropdown-menu .dropdown-body .dropdown-item.delete-active .material-symbols-outlined {
  background: none !important;
}
.grid-toggle-dropdown-menu .dropdown-item {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  padding: 4px 6px 4px 6px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
}
.grid-toggle-dropdown-menu .dropdown-item .material-symbols-outlined {
  color: #000;
  font-size: 18px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-toggle-dropdown-menu .dropdown-item label {
  color: #333;
  cursor: pointer;
  padding-left: 5px;
}
.grid-toggle-dropdown-menu .dropdown-item:hover {
  opacity: 1;
  background: #f2f2f2;
}
.grid-toggle-dropdown-menu .dropdown-item:active {
  color: #ffffff !important;
  background: #c07c01;
}
.grid-toggle-dropdown-menu .dropdown-item:active .material-symbols-outlined {
  color: #ffffff;
}
.grid-toggle-dropdown-menu .dropdown-item:active label {
  color: #ffffff !important;
}
.grid-toggle-dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}
.grid-toggle-dropdown-menu .dropdown-item:only-child {
  border-bottom: 1px solid #f2f2f2;
}
.grid-toggle-dropdown-menu .dropdown-item:disabled,
.grid-toggle-dropdown-menu .dropdown-item.disabled {
  cursor: not-allowed !important;
  color: #ccc !important;
  background: none;
  pointer-events: auto;
}
.grid-toggle-dropdown-menu .dropdown-item:disabled .material-symbols-outlined,
.grid-toggle-dropdown-menu .dropdown-item.disabled .material-symbols-outlined {
  color: #ccc !important;
  cursor: not-allowed !important;
}
.grid-toggle-dropdown-menu .dropdown-item:disabled label,
.grid-toggle-dropdown-menu .dropdown-item.disabled label {
  color: #ccc !important;
  cursor: not-allowed !important;
}
.grid-toggle-dropdown-menu .delete-active {
  border: 0;
}
.grid-toggle-dropdown-menu .status-inactive .material-symbols-outlined,
.grid-toggle-dropdown-menu .view-inactive .material-symbols-outlined,
.grid-toggle-dropdown-menu .edit-inactive .material-symbols-outlined,
.grid-toggle-dropdown-menu .download-inactive .material-symbols-outlined,
.grid-toggle-dropdown-menu .delete-inactive .material-symbols-outlined {
  color: #ccc;
}
.grid-toggle-dropdown-menu .status-inactive label,
.grid-toggle-dropdown-menu .view-inactive label,
.grid-toggle-dropdown-menu .edit-inactive label,
.grid-toggle-dropdown-menu .download-inactive label,
.grid-toggle-dropdown-menu .delete-inactive label {
  color: #ccc;
  cursor: not-allowed;
}
.grid-toggle-dropdown-menu .status-inactive:hover .material-symbols-outlined,
.grid-toggle-dropdown-menu .view-inactive:hover .material-symbols-outlined,
.grid-toggle-dropdown-menu .edit-inactive:hover .material-symbols-outlined,
.grid-toggle-dropdown-menu .download-inactive:hover .material-symbols-outlined,
.grid-toggle-dropdown-menu .delete-inactive:hover .material-symbols-outlined {
  color: #ccc;
}
.grid-toggle-dropdown-menu .status-change .material-symbols-outlined {
  color: #e07f00;
}
.grid-toggle-dropdown-menu .status-change label {
  color: #e07f00;
}
.auto-select-dropdown {
  width: 100%;
  height: 36px;
  border-radius: 50px;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 0 5px #999 !important;
}
.auto-select-dropdown label {
  font-size: 12px;
  white-space: nowrap;
  padding: 0px 5px 0px 15px;
  flex-shrink: 0;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-right: 1px solid #ccc;
}
.auto-select-dropdown .form-control,
.auto-select-dropdown .form-select {
  border: 0;
  font-size: 14px;
  height: 36px;
  padding-right: 30px;
  border-radius: 0px 50px 50px 0px;
}
.auto-select-dropdown .dropdown-menu {
  font-size: 14px;
  line-height: 16px;
  overflow: auto;
  border-radius: 0;
  max-height: calc(100vh - 200px);
}
.auto-select-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 2px;
}
.auto-select-dropdown .dropdown-menu .dropdown-item {
  padding: 6px 10px;
}
.form-select {
  padding-right: 30px;
}
ngb-datepicker {
  font-size: 12px !important;
}
ngb-datepicker select {
  font-size: 12px !important;
}
ngb-datepicker .ngb-dp-day,
ngb-datepicker .ngb-dp-weekday,
ngb-datepicker .ngb-dp-week-number {
  width: 27px;
  height: 27px;
}
ngb-datepicker .ngb-dp-day > div,
ngb-datepicker .ngb-dp-weekday > div,
ngb-datepicker .ngb-dp-week-number > div {
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 2px;
}
.drag-select-item-list {
  float: left;
  width: 100%;
}
.drag-select-item-list ul {
  margin: 0;
  padding: 0;
}
.drag-select-item-list ul.view {
  width: 150px;
  height: 150px;
  top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  background-color: white;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  border-left: 1px solid grey;
}
.drag-select-item-list ul li.view {
  background-color: white;
  border-color: grey;
}
.drag-select-item-list ul li {
  display: flex;
  align-items: center;
  list-style: none;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}
.drag-select-item-list ul li .building-select {
  display: flex;
  align-items: center;
  width: calc(100% - 30px);
  cursor: pointer;
}
.drag-select-item-list ul li .building-select * {
  cursor: pointer;
}
.drag-select-item-list ul li span {
  width: 30px;
  font-size: 20px;
  cursor: pointer;
}
.drag-select-item-list ul li.selected {
  color: #ffffff;
  background-color: #005d28;
}
.drag-select-item-list ul li .icon_btn_group .icon_btn {
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.has-children ul {
  margin-top: 10px;
}
.color-code-info {
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.color-code-info .color-code-info-item {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.color-code-info .color-code-info-item .dot {
  width: 25px;
  height: 12px;
  border: 1px solid #7fcaf9;
  background-color: #c0e7ff;
  margin-right: 5px;
  flex-shrink: 0;
}
.color-code-info .color-code-info-item .dot.green {
  background: #d8ffd8;
  border-color: #86eb86;
}
.color-code-info .color-code-info-item .dot.red {
  border-color: #f9b8b8;
  background-color: #ffebeb;
}
.color-code-info .color-code-info-item .dot.orange {
  border-color: #f5d190;
  background-color: #fbe4ba;
}
.category-btn-group {
  display: flex;
  gap: 25px;
}
.category-btn-group .form-label {
  background-color: #f7f7f7;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: left;
  width: 100%;
  height: 50px;
  transition: all 0.2s ease;
  display: block;
}
.category-btn-group .form-label input {
  opacity: 0;
  box-shadow: none !important;
  outline: none !important;
}
.category-btn-group .form-label:hover {
  background: rgba(8, 107, 148, 0.1);
}
.category-btn-group .form-label:has(input:checked) {
  background-color: #2eae3c;
  color: #fff;
}
.category-btn-group .form-label:nth-of-type(1) {
  border: 2px solid #007e0f;
}
.category-btn-group .form-label:nth-of-type(1):has(input:checked) {
  background-color: #007e0f;
}
.category-btn-group .form-label:nth-of-type(2) {
  border: 2px solid #76a800;
}
.category-btn-group .form-label:nth-of-type(2):has(input:checked) {
  background-color: #76a800;
}
.category-btn-group .form-label:nth-of-type(3) {
  border: 2px solid #b1ae00;
}
.category-btn-group .form-label:nth-of-type(3):has(input:checked) {
  background-color: #b1ae00;
}
.category-btn-group .form-label:nth-of-type(4) {
  border: 2px solid #ff7b00;
}
.category-btn-group .form-label:nth-of-type(4):has(input:checked) {
  background-color: #ff7b00;
}
.category-btn-group .form-label:nth-of-type(5) {
  border: 2px solid #ff6600;
}
.category-btn-group .form-label:nth-of-type(5):has(input:checked) {
  background-color: #ff6600;
}
.category-btn-group .form-label:nth-of-type(6) {
  border: 2px solid #ff0000;
}
.category-btn-group .form-label:nth-of-type(6):has(input:checked) {
  background-color: #ff0000;
}
.category-btn-group .form-label:has(input:checked) .form-label-check {
  display: block;
}
.category-btn-group .form-label:nth-of-type(7) {
  border: 2px solid #ff0000;
}
.category-btn-group .form-label:nth-of-type(7):has(input:checked) {
  background-color: #ff0000;
}
.category-btn-group .form-label:nth-of-type(8) {
  border: 2px solid #ff0000;
}
.category-btn-group .form-label:nth-of-type(8):has(input:checked) {
  background-color: #ff0000;
}
.category-btn-group .form-label:nth-of-type(9) {
  border: 2px solid #ff0000;
}
.category-btn-group .form-label:nth-of-type(9):has(input:checked) {
  background-color: #ff0000;
}
.category-btn-group .form-label .form-label-name {
  position: absolute;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.space-view-btn-group {
  display: flex;
  border: 1px solid #008131;
  height: 28px;
  border-radius: 5px;
  overflow: hidden;
}
.space-view-btn-group .space-btn {
  padding: 5px 10px 5px 10px;
  border: 0;
  border: 0px;
  transition: all 0.5s ease;
}
.space-view-btn-group .space-btn .material-symbols-outlined {
  font-size: 18px;
}
.space-view-btn-group .space-btn:hover {
  background: #d5d4d4;
}
.space-view-btn-group .space-btn.active {
  color: #fff;
  background: #008131;
}
.search_control_block {
  width: 100%;
  padding: 0px 0px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_control {
  width: 400px;
  height: 45px;
  padding: 10px 65px 10px 15px;
  border: 1px solid #000;
  border-radius: 30px;
  box-shadow: inset 0 0 5px #ccc;
  letter-spacing: 1px;
  outline: none !important;
  background: rgba(255, 255, 255, 0.6);
}
.search_control:focus {
  border-color: #00814c;
}
.search_control_btn {
  width: 50px;
  height: 35px;
  border: 0;
  border-radius: 50px;
  text-align: center;
  font-weight: 500;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  background: #00814c;
  transition: all 0.3s ease;
}
.search_control_btn:hover {
  opacity: 0.8;
}
.no_data_block {
  width: 100%;
  padding: 0px 0 0 0;
  text-align: center;
}
.no_data_block img {
  width: 300px;
}
.no_data_block .no_data_title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #474747;
}
sub {
  bottom: 0;
}
.rack-list {
  width: 100%;
  padding: 0;
  margin: 0;
}
.rack-list li {
  width: 100%;
  list-style-type: none;
  animation: 0.5s fadeInUp;
}
.rack-list li:nth-child(2) {
  animation: 1.5s fadeInUp;
}
.rack-list li:nth-child(3) {
  animation: 1.7s fadeInUp;
}
.rack-list li:nth-child(3) {
  animation: 1.9s fadeInUp;
}
.rack-list li:nth-child(4) {
  animation: 2.1s fadeInUp;
}
.rack-list li:nth-child(5) {
  animation: 2.3s fadeInUp;
}
.rack-list li:nth-child(6) {
  animation: 2.5s fadeInUp;
}
.rack-list li:nth-child(7) {
  animation: 2.7s fadeInUp;
}
.rack-list li:nth-child(8) {
  animation: 2.9s fadeInUp;
}
.rack-list li:nth-child(9) {
  animation: 3.1s fadeInUp;
}
.rack-list li:nth-child(10) {
  animation: 3.3s fadeInUp;
}
.rack-list li .bottom-arrow {
  width: 100%;
  text-align: center;
  color: #005d28;
}
.rack-list li .bottom-arrow .material-symbols-outlined {
  font-weight: 600;
}
.rack-list li:last-child .bottom-arrow {
  display: none;
}
.data-grid {
  width: 100%;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  background: #f9f9f9;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
}
.data-grid .data-grid-left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.data-grid .data-grid-left .data-grid-box {
  width: 25%;
  padding: 5px;
}
.data-grid .data-grid-left .data-grid-box label {
  width: 100%;
  display: block;
  font-weight: 500;
  margin-bottom: 0px;
  color: #005d28;
}
.data-grid .data-grid-left .data-grid-box span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-grid .data-grid-right {
  width: 50px;
  padding: 10px;
  margin: 10px 0;
  background: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 2px solid #ccc;
}
.data-grid .data-grid-right .grid-toggle .dropdown-toggle {
  color: #fff;
  background: #000;
  border-color: #000;
  border-radius: 50%;
}
.data-table table tr.blueColor td {
  color: #337299 !important;
  border-color: #7fcaf9;
  background-color: #cdecff;
}
.data-table table tr.blueColor td .text-link {
  color: #c07c01 !important;
}
.data-table table tr.blueColor td .status-active .material-symbols-outlined,
.data-table table tr.blueColor td .view-active .material-symbols-outlined,
.data-table table tr.blueColor td .edit-active .material-symbols-outlined,
.data-table table tr.blueColor td .download-active .material-symbols-outlined,
.data-table table tr.blueColor td .document-active .material-symbols-outlined {
  background: #337299 !important;
}
.data-table table tr.greenColor td {
  color: #157815 !important;
  border-color: #86eb86;
  background-color: #d8ffd8;
}
.data-table table tr.orangeColor td {
  color: #e39300 !important;
  border-color: #f5d190;
  background-color: #f7f0e2;
}
.data-table table tr.orangeColor td .text-link {
  color: #c07c01 !important;
}
.data-table table tr.orangeColor td .status-active .material-symbols-outlined,
.data-table table tr.orangeColor td .view-active .material-symbols-outlined,
.data-table table tr.orangeColor td .edit-active .material-symbols-outlined,
.data-table table tr.orangeColor td .download-active .material-symbols-outlined,
.data-table table tr.orangeColor td .document-active .material-symbols-outlined {
  background: #e39300 !important;
}
.data-table table tr.redColor td {
  color: #e32626 !important;
  border-color: #fd9696;
  background-color: #ffdfdf;
}
.data-table table tr.redColor td .text-link {
  color: #c07c01 !important;
}
.data-table table tr.redColor td .status-active .material-symbols-outlined,
.data-table table tr.redColor td .view-active .material-symbols-outlined,
.data-table table tr.redColor td .edit-active .material-symbols-outlined,
.data-table table tr.redColor td .download-active .material-symbols-outlined,
.data-table table tr.redColor td .document-active .material-symbols-outlined {
  background: #e32626 !important;
}
.dash-barcodes {
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-barcodes .dash-barcodes-box {
  padding: 0 10px;
}
.dash-barcodes .barcode {
  padding: 0 !important;
}
.dash-barcodes .barcode img {
  max-width: 100%;
  max-height: 100px;
  display: block;
  margin: 0 auto;
}
.barcode {
  position: relative;
  padding: 0 !important;
}
.barcode img {
  max-width: 100%;
  max-height: 100px;
  display: block;
  margin: 0 auto;
}
.barcode .barcode-icon {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #32a0ea;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  outline: none !important;
}
.barcode .barcode-icon .material-symbols-outlined {
  font-size: 16px;
}
.icon-center {
  padding: 0 !important;
  background: none;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: none !important;
}
.icon-center .icon-center-label {
  display: block;
  min-height: 20px;
  width: calc(100% - 22px);
  padding-top: 3px;
}
.dashboard-table {
  width: 100%;
}
.dashboard-table .search-box {
  position: inherit;
}
.dashboard-table .search-box input {
  height: 30px;
  padding: 10px 15px;
}
.dashboard-table .data-table {
  overflow: auto;
  max-height: 300px;
  position: relative;
}
.dashboard-table .data-table table thead {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 11;
}
.multiselect-dropdown .disabled {
  pointer-events: none;
}
.loader-block {
  display: none;
}
#dat-gui-element {
  top: 90px;
  left: 300px;
  position: absolute;
}
.layout-colors {
  width: 100%;
  padding: 10px 10px 0px 10px;
  border-bottom: 1px solid #ccc;
}
.layout-colors .layout-color {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.layout-colors .layout-color .layout-color-icon {
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  background: #fff;
  flex-shrink: 0;
}
.layout-colors .layout-color .layout-color-icon.zone {
  background: #f2f2f2;
}
.layout-colors .layout-color .layout-color-icon.rack {
  background: #8395a7;
  border-color: #54616e;
}
.layout-colors .layout-color .layout-color-icon.shelf {
  background: #f7f7f7;
  border-color: #bbbbbb;
}
.layout-colors .layout-color .layout-color-icon.bin {
  background: #fadea6;
  border-color: #d7be8e;
}
.layout-colors .layout-color .layout-color-icon.aisle {
  background: #484848;
}
.layout-colors .layout-color .layout-color-icon.zone {
  background: #ddccff;
  border-color: #a79bc1;
}
.layout-colors .layout-color .layout-color-icon.received {
  background: #f2f2f2;
}
.layout-colors .layout-color .layout-color-icon.quarantine {
  background: #ffb3a1;
  border-color: #c98c7d;
}
.layout-colors .layout-color .layout-color-icon.shipping {
  background: #ffd6f9;
  border-color: #bb9bb6;
}
.layout-colors .layout-color .layout-color-icon.restricted {
  background: #ff906d;
  border-color: #c76f54;
}
.layout-colors .layout-color .layout-color-icon.empty {
  background: #d1ffe8;
  border-color: #98bba9;
}
.layout-colors .layout-color .layout-color-icon.cooling {
  background: #416bdf;
  border-color: #2b4797;
}
.layout-colors .layout-color .layout-color-icon.bulk {
  background: #d1ffe8;
  border-color: #98bba9;
}
.layout-colors .layout-color .layout-color-label {
  width: 100%;
  margin: 0;
  padding-left: 6px;
  cursor: default;
}
.layout-colors .layout-color:hover .layout-color-label {
  text-decoration: underline;
}
.grid {
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.grid .grid-head {
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 20px 0px 0px 0px;
  box-shadow: 0 0 3px #898989;
  font-size: 12px;
  line-height: 14px;
}
.grid .grid-head .grid-head-left {
  flex-shrink: 0;
  width: 40px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  background: #474747;
  align-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 0px 0px 0px;
}
.grid .grid-head .grid-head-right {
  width: auto;
  height: 50px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 0 5px 0 0;
  border-radius: 0px 0px 0px 0px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.grid .grid-head .grid-head-right .list {
  font-size: 11px;
  line-height: 12px;
  width: 25px;
  height: 22px;
  color: #fff;
  background: #474747;
  letter-spacing: 0.5px;
  text-align: center;
  align-content: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 5px;
}
.grid .grid-head .grid-head-right .list.blue {
  background: #008cda;
}
.grid .grid-head .grid-head-right .list.purple {
  background: #9c0672;
}
.grid .grid-head .grid-head-center {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
}
.grid .grid-head .grid-item {
  width: 100%;
  padding: 5px 5px;
  letter-spacing: 0.3px;
  transition: all 0.1s ease;
}
.grid .grid-head .grid-item label {
  margin-bottom: 3px;
  white-space: nowrap;
}
.grid .grid-head .grid-item span {
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.grid .grid-head .grid-item.name {
  width: 480px;
  flex-shrink: 0;
}
.grid .grid-head .grid-item.name span {
  text-decoration: underline;
}
.grid .grid-head .grid-item.name span:hover {
  text-decoration: none;
}
.grid .grid-head .grid-item.delete {
  width: 100px;
}
.grid .grid-head .grid-item .form-select {
  width: 100%;
  height: 22px;
  padding: 0 4px !important;
  border: 1px solid #ccc;
  font-size: 12px;
  background-position: right 1px center;
  background-size: 10px 8px;
}
.grid .grid-head .grid-item .form-control {
  width: 100%;
  height: 22px;
  padding: 0 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  border-radius: 3px;
}
.grid .grid-head .grid-item .form-control::placeholder {
  font-size: 10px;
}
.grid .grid-body {
  width: 100%;
  height: 0;
  padding: 0px 10px;
  word-wrap: break-word;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-top: 0;
  opacity: 0;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.grid .grid-body::-webkit-scrollbar {
  width: 3px;
}
.grid.active .grid-body {
  opacity: 1;
  height: auto;
  padding: 15px 10px;
  max-height: 400px;
}
.grid.general .grid-head .grid-head-left {
  background: #007e0f;
}
.grid.general .grid-head .grid-head-center .name span,
.grid.general .grid-head .grid-head-center .type span {
  color: #007e0f;
}
.grid.general .grid-body {
  background: #ebffee;
  border-color: #cbe9d0;
}
.grid.type-0 .grid-head .grid-head-left {
  background: #76a800;
}
.grid.type-0 .grid-head .grid-head-center .name span,
.grid.type-0 .grid-head .grid-head-center .type span {
  color: #76a800;
}
.grid.type-0 .grid-body {
  background: #eef9d4;
  border-color: #d5e3b5;
}
.grid.type-1 .grid-head .grid-head-left {
  background: #b1ae00;
}
.grid.type-1 .grid-head .grid-head-center .name span,
.grid.type-1 .grid-head .grid-head-center .type span {
  color: #b1ae00;
}
.grid.type-1 .grid-body {
  background: #f9f8d0;
  border-color: #dfdeab;
}
.grid.type-2 .grid-head .grid-head-left {
  background: #00cf4f;
}
.grid.type-2 .grid-head .grid-head-center .name span,
.grid.type-2 .grid-head .grid-head-center .type span {
  color: #00cf4f;
}
.grid.type-2 .grid-body {
  background: rgba(0, 207, 79, 0.1);
  border-color: rgba(0, 207, 79, 0.2);
}
.grid.type-3 .grid-head .grid-head-left {
  background: #ff7b00;
}
.grid.type-3 .grid-head .grid-head-center .name span,
.grid.type-3 .grid-head .grid-head-center .type span {
  color: #ff7b00;
}
.grid.type-3 .grid-body {
  background: #fff1e5;
  border-color: #e7ccb5;
}
.grid.type-4 .grid-head .grid-head-left {
  background: #ff6600;
}
.grid.type-4 .grid-head .grid-head-center .name span,
.grid.type-4 .grid-head .grid-head-center .type span {
  color: #ff6600;
}
.grid.type-4 .grid-body {
  background: #efe5df;
  border-color: #e1cbbe;
}
.grid.type-5 .grid-head .grid-head-left {
  background: #ff0000;
}
.grid.type-5 .grid-head .grid-head-center .name span,
.grid.type-5 .grid-head .grid-head-center .type span {
  color: #ff0000;
}
.grid.type-5 .grid-body {
  background: #fbf0f0;
  border-color: #f5d2d2;
}
.grid.type-6 .grid-head .grid-head-left {
  background: #ff0000;
}
.grid.type-6 .grid-head .grid-head-center .name span,
.grid.type-6 .grid-head .grid-head-center .type span {
  color: #ff0000;
}
.grid.type-6 .grid-body {
  background: #fbf0f0;
  border-color: #f5d2d2;
}
.grid .color_red {
  color: #e36249;
}
.grid .color_blue {
  color: #008cda;
}
.grid .color_green {
  color: #008131;
}
@media screen and (max-width: 1024px) {
  .grid .grid-head .grid-head-left {
    height: auto;
  }
  .grid .grid-head .grid-head-center {
    height: 100%;
    flex-wrap: wrap;
  }
  .grid .grid-head .grid-head-center .grid-item {
    width: 20%;
  }
  .grid .grid-head .grid-head-right {
    height: auto;
  }
  .grid .grid-body .g_list {
    flex-wrap: wrap;
    padding: 5px 5px 0px 5px;
    margin-top: 0;
  }
  .grid .grid-body .g_list .g-list_item {
    width: 20%;
    margin: 0;
    margin-bottom: 5px;
  }
  .grid .grid-body .g_list .g-list_item label {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .grid .grid-body .g_list .g-list_item span {
    height: auto;
  }
  .grid .grid-body .g_list .g-btn-group {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .grid .grid-head {
    flex-wrap: wrap;
    position: relative;
  }
  .grid .grid-head .grid-head-left {
    width: 100%;
    height: 30px;
    display: block;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
  }
  .grid .grid-head .grid-head-center {
    height: 100%;
    flex-wrap: wrap;
    padding: 5px;
  }
  .grid .grid-head .grid-head-center .grid-item {
    width: 33.3334%;
  }
  .grid .grid-head .grid-head-right {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 1;
    border-radius: 0;
  }
  .grid .grid-head .grid-head-right .add_btn {
    color: #fff;
  }
  .grid .grid-body .g_list .g-list_item {
    width: 33.3334%;
  }
}
@media screen and (max-width: 576px) {
  .grid .grid-head .grid-head-center .grid-item {
    width: 50%;
  }
  .grid .grid-head .grid-head-center .grid-item.name {
    width: 100%;
  }
  .grid .grid-body .g_list .g-list_item {
    width: 50%;
  }
  .grid .grid-body .g_list .g-list_item.name {
    width: 100%;
  }
}
.g_list {
  width: 100%;
  background: #fff;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 15px;
  box-shadow: 0 0 2px #979797;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.g_list:hover {
  background: #fdfdfd;
  border-color: #b7b7b7;
  box-shadow: none;
}
.g_list .g-list_item {
  width: 100%;
  padding: 5px 5px;
  margin-top: -25px;
}
.g_list .g-list_item label {
  width: 100%;
  height: 16px;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.g_list .g-list_item > span {
  display: block;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.g_list .g-list_item.name {
  width: 250px;
  flex-shrink: 0;
}
.g_list .g-list_item input {
  min-width: 60px;
  height: 24px;
  font-size: 12px;
  padding: 2px 5px;
  border: 1px solid #ccc;
  margin-top: 5px;
}
.g_list .g-list_item select {
  min-width: 60px;
  height: 24px;
  font-size: 12px;
  padding: 2px 10px 2px 5px;
  border: 1px solid #ccc;
  background-position: right 1px center;
  background-size: 12px 8px;
  margin-top: 5px;
}
.g_list .g-list_item .input-group {
  margin-top: 5px;
}
.g_list .g-list_item .input-group input {
  min-width: 60px;
  height: 24px !important;
  font-size: 12px;
  padding: 2px 5px !important;
  border: 1px solid #ccc !important;
  margin: 0;
}
.g_list .g-list_item .input-group input:disabled {
  background: #f5f5f7 !important;
}
.g_list .g-list_item .input-group label {
  display: none;
}
.g_list .g-list_item .input-group .btn.date-picker-icon.bi.bi-calendar3 {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g_list .g-list_item .input-group .btn.date-picker-icon.bi.bi-calendar3 .material-symbols-outlined {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.g_list .g-list_item .w-100 {
  width: 100px !important;
}
.g_list .g-btn-group {
  width: 250px;
  padding: 5px 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.g_list:first-child .g-list_item label {
  opacity: 1;
  visibility: visible;
}
.g_list:last-child {
  margin-bottom: 0px;
}
.g_list.deleted-item {
  background: #f9f9f9;
  cursor: not-allowed;
}
.g_list.deleted-item .g-list_item span {
  color: #ccc;
  opacity: 0.5;
}
.g_list.deleted-item .g-list_item input,
.g_list.deleted-item .g-list_item select,
.g_list.deleted-item .g-list_item .input-group {
  opacity: 0.5;
}
.g_list.deleted-item:hover {
  border-color: transparent;
  box-shadow: 0 0 2px #979797;
}
.g_list.show-labels .g-list_item label {
  opacity: 1;
  visibility: visible;
}
.grid_1 {
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.grid_1 .grid-head {
  width: 100%;
  display: flex;
  background: #fff;
  box-shadow: 0 0 3px #898989;
  font-size: 12px;
  line-height: 14px;
}
.grid_1 .grid-head .grid-head-left {
  flex-shrink: 0;
  width: 30px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  background: #474747;
  align-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid_1 .grid-head .grid-head-right {
  max-width: 50px;
  min-width: 28px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
  border-radius: 0px 0px 0px 0px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.grid_1 .grid-head .grid-head-right .add_btn {
  width: 24px;
  height: 24px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  color: #007e0f;
  cursor: pointer;
  outline: none !important;
  transition: all 0.3s ease;
}
.grid_1 .grid-head .grid-head-right .add_btn:hover {
  transform: rotate(90deg);
}
.grid_1 .grid-head .grid-head-right .add_btn:active {
  transform: scale(1.2);
}
.grid_1 .grid-head .grid-head-right .list {
  font-size: 11px;
  line-height: 12px;
  width: 25px;
  height: 22px;
  color: #fff;
  background: #474747;
  letter-spacing: 0.5px;
  text-align: center;
  align-content: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 5px;
}
.grid_1 .grid-head .grid-head-right .list.blue {
  background: #008cda;
}
.grid_1 .grid-head .grid-head-right .list.purple {
  background: #9c0672;
}
.grid_1 .grid-head .grid-head-center {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
}
.grid_1 .grid-head .grid-item {
  width: 100%;
  padding: 5px 5px;
  letter-spacing: 0.3px;
  transition: all 0.1s ease;
}
.grid_1 .grid-head .grid-item img {
  width: 40px;
}
.grid_1 .grid-head .grid-item label {
  margin-bottom: 3px;
  white-space: nowrap;
}
.grid_1 .grid-head .grid-item span {
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.grid_1 .grid-head .grid-item.image {
  width: 50px;
}
.grid_1 .grid-head .grid-item.type {
  width: 80px;
  flex-shrink: 0;
}
.grid_1 .grid-head .grid-item.name {
  width: 180px;
  flex-shrink: 0;
}
.grid_1 .grid-head .grid-item.name span {
  text-decoration: underline;
}
.grid_1 .grid-head .grid-item.name span:hover {
  text-decoration: none;
}
.grid_1 .grid-head .grid-item.manufacture {
  width: 230px;
  flex-shrink: 0;
}
.grid_1 .grid-head .grid-item .form-select {
  width: 100%;
  height: 26px;
  padding: 0 4px !important;
  border: 1px solid #ccc;
  font-size: 12px;
  background-position: right 1px center;
  background-size: 10px 8px;
}
.grid_1 .grid-head .grid-item .form-control {
  width: 100%;
  height: 26px;
  padding: 0 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  border-radius: 3px;
}
.grid_1 .grid-head .grid-item .form-control::placeholder {
  font-size: 10px;
}
.grid_1 .grid-body {
  width: 100%;
  height: 0;
  padding: 0px 10px;
  word-wrap: break-word;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-top: 0;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  transition: all 0.3s ease;
}
.grid_1 .grid-body .g_list {
  width: 100%;
  background: #fff;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 15px;
  box-shadow: 0 0 2px #979797;
  transition: all 0.3s ease;
}
.grid_1 .grid-body .g_list:hover {
  background: #f9f9f9;
}
.grid_1 .grid-body .g_list .g-list_item {
  width: 100%;
  padding: 5px 5px;
  margin-top: -25px;
}
.grid_1 .grid-body .g_list .g-list_item label {
  width: 100%;
  height: 16px;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.grid_1 .grid-body .g_list .g-list_item span {
  display: block;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.grid_1 .grid-body .g_list .g-list_item.name {
  width: 250px;
  flex-shrink: 0;
}
.grid_1 .grid-body .g_list .g-btn-group {
  width: 250px;
  padding: 5px 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-edit {
  width: 20px;
  height: 20px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  color: #008cda;
  cursor: pointer;
  outline: none !important;
  margin-left: 6px;
  transition: all 0.3s ease;
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-edit .material-symbols-outlined {
  font-size: 20px;
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-edit:active {
  transform: scale(1.2);
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-delete {
  width: 20px;
  height: 20px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  color: #cc0000;
  cursor: pointer;
  outline: none !important;
  margin-left: 6px;
  transition: all 0.3s ease;
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-delete .material-symbols-outlined {
  font-size: 20px;
}
.grid_1 .grid-body .g_list .g-btn-group .g-btn-delete:active {
  transform: scale(1.2);
}
.grid_1 .grid-body .g_list:first-child .g-list_item label {
  opacity: 1;
  visibility: visible;
}
.grid_1 .grid-body .g_list:last-child {
  margin-bottom: 0px;
}
.grid_1.active .grid-body {
  visibility: visible;
  height: auto;
  padding: 15px 10px;
  max-height: 400px;
}
.grid_1.general .grid-head .grid-head-left {
  background: #007e0f;
}
.grid_1.general .grid-head .grid-head-center .name span,
.grid_1.general .grid-head .grid-head-center .type span {
  color: #007e0f;
}
.grid_1.general .grid-body {
  background: #ebffee;
  border-color: #cbe9d0;
}
.grid_1.type-0 .grid-head .grid-head-left {
  background: #76a800;
}
.grid_1.type-0 .grid-head .grid-head-center .name span,
.grid_1.type-0 .grid-head .grid-head-center .type span {
  color: #76a800;
}
.grid_1.type-0 .grid-body {
  background: #eef9d4;
  border-color: #d5e3b5;
}
.grid_1.type-1 .grid-head .grid-head-left {
  background: #b1ae00;
}
.grid_1.type-1 .grid-head .grid-head-center .name span,
.grid_1.type-1 .grid-head .grid-head-center .type span {
  color: #b1ae00;
}
.grid_1.type-1 .grid-body {
  background: #f9f8d0;
  border-color: #dfdeab;
}
.grid_1.type-2 .grid-head .grid-head-left {
  background: #00cf4f;
}
.grid_1.type-2 .grid-head .grid-head-center .name span,
.grid_1.type-2 .grid-head .grid-head-center .type span {
  color: #00cf4f;
}
.grid_1.type-2 .grid-body {
  background: rgba(0, 207, 79, 0.1);
  border-color: rgba(0, 207, 79, 0.2);
}
.grid_1.type-3 .grid-head .grid-head-left {
  background: #ff7b00;
}
.grid_1.type-3 .grid-head .grid-head-center .name span,
.grid_1.type-3 .grid-head .grid-head-center .type span {
  color: #ff7b00;
}
.grid_1.type-3 .grid-body {
  background: #fff1e5;
  border-color: #e7ccb5;
}
.grid_1.type-4 .grid-head .grid-head-left {
  background: #ff6600;
}
.grid_1.type-4 .grid-head .grid-head-center .name span,
.grid_1.type-4 .grid-head .grid-head-center .type span {
  color: #ff6600;
}
.grid_1.type-4 .grid-body {
  background: #efe5df;
  border-color: #e1cbbe;
}
.grid_1.type-5 .grid-head .grid-head-left {
  background: #ff0000;
}
.grid_1.type-5 .grid-head .grid-head-center .name span,
.grid_1.type-5 .grid-head .grid-head-center .type span {
  color: #ff0000;
}
.grid_1.type-5 .grid-body {
  background: #fbf0f0;
  border-color: #f5d2d2;
}
.grid_1.type-6 .grid-head .grid-head-left {
  background: #ff0000;
}
.grid_1.type-6 .grid-head .grid-head-center .name span,
.grid_1.type-6 .grid-head .grid-head-center .type span {
  color: #ff0000;
}
.grid_1.type-6 .grid-body {
  background: #fbf0f0;
  border-color: #f5d2d2;
}
.grid_1 .color_red {
  color: #e36249;
}
.grid_1 .color_blue {
  color: #008cda;
}
.grid_1 .color_green {
  color: #008131;
}
@media screen and (max-width: 1024px) {
  .grid_1 .grid-head .grid-head-left {
    height: auto;
  }
  .grid_1 .grid-head .grid-head-center {
    height: 100%;
    flex-wrap: wrap;
  }
  .grid_1 .grid-head .grid-head-center .grid-item {
    width: 20%;
  }
  .grid_1 .grid-head .grid-head-right {
    height: auto;
  }
  .grid_1 .grid-body .g_list {
    flex-wrap: wrap;
    padding: 5px 5px 0px 5px;
    margin-top: 0;
  }
  .grid_1 .grid-body .g_list .g-list_item {
    width: 20%;
    margin: 0;
    margin-bottom: 5px;
  }
  .grid_1 .grid-body .g_list .g-list_item label {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .grid_1 .grid-body .g_list .g-list_item span {
    height: auto;
  }
  .grid_1 .grid-body .g_list .g-btn-group {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .grid_1 .grid-head {
    flex-wrap: wrap;
    position: relative;
  }
  .grid_1 .grid-head .grid-head-left {
    width: 100%;
    height: 30px;
    display: block;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
  }
  .grid_1 .grid-head .grid-head-center {
    height: 100%;
    flex-wrap: wrap;
    padding: 5px;
  }
  .grid_1 .grid-head .grid-head-center .grid-item {
    width: 33.3334%;
  }
  .grid_1 .grid-head .grid-head-right {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 1;
    border-radius: 0;
  }
  .grid_1 .grid-head .grid-head-right .add_btn {
    color: #fff;
  }
  .grid_1 .grid-body .g_list .g-list_item {
    width: 33.3334%;
  }
}
@media screen and (max-width: 576px) {
  .grid_1 .grid-head .grid-head-center .grid-item {
    width: 50%;
  }
  .grid_1 .grid-head .grid-head-center .grid-item.name {
    width: 100%;
  }
  .grid_1 .grid-body .g_list .g-list_item {
    width: 50%;
  }
  .grid_1 .grid-body .g_list .g-list_item.name {
    width: 100%;
  }
}
.cursor-pointer {
  cursor: pointer;
}
.step-tab {
  width: 100%;
  background-color: #f2f3fa;
}
.step-tab .step-tab-nav {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  position: relative;
}
.step-tab .step-tab-nav .step-tab-nav-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}
.step-tab .step-tab-nav .step-tab-nav-item .step-tab-count {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  text-align: center;
  color: #fff;
  background: #000;
  align-content: center;
  font-size: 13px;
  margin-right: 8px;
}
.step-tab .step-tab-nav .step-tab-nav-item.active {
  color: #005d28;
}
.step-tab .step-tab-nav .step-tab-nav-item.active .step-tab-count {
  background: #005d28;
}
.step-tab .progress-block {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: 1;
}
.step-tab .progress-block .progress-count {
  width: 50px;
  height: 25px;
  text-align: center;
  color: #fff;
  background: #e36249;
  font-weight: 600;
  border-radius: 0 30px 30px 0;
  position: absolute;
  right: 15px;
  bottom: 10px;
  align-content: center;
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: default;
}
.step-tab .progress-block .progress-bar {
  width: 100%;
  height: 4px;
  background: transparent;
  position: relative;
  overflow: hidden;
}
.step-tab .progress-block .progress-bar .progress {
  width: 0px;
  height: 4px;
  background: #e36249;
  transition: all 1s ease;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
}
.step-tab .step-tab-content {
  width: 100%;
  padding: 15px 15px 5px 15px;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  position: relative;
  height: calc(100vh - 101px);
}
.address_block {
  width: 100%;
  padding: 0px;
  background: #fff;
}
.address_block .address_block_nav {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  padding: 0 5px;
  background: #fff;
}
.address_block .address_block_nav .address_block_left {
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
}
.address_block .address_block_nav .address_block_left .address_block_left-item {
  max-width: 40%;
}
.address_block .address_block_nav .address_block_left .address_block_left-item table {
  max-width: 100%;
  text-align: left;
  table-layout: fixed;
  border-collapse: collapse;
}
.address_block .address_block_nav .address_block_left .address_block_left-item table tr td {
  height: 45px;
  padding: 5px;
}
.address_block .address_block_nav .address_block_left .address_block_left-item table tr td span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #005d28;
  font-weight: 600;
}
.address_block .address_block_nav .address_block_left .address-devider {
  width: 15%;
  padding: 2px;
  margin: 0 2%;
  border-bottom: 1px dashed #000;
  position: relative;
}
.address_block .address_block_nav .address_block_left .address-devider::before {
  content: "";
  position: absolute;
  top: 0.5px;
  left: 52%;
  width: 8px;
  height: 8px;
  background: none;
  border-width: 1px;
  border-color: #005d28;
  border-style: double;
  transform: rotate(44deg);
  border-left: 0;
  border-bottom: 0;
}
.address_block .address_block_nav .address_block_left .address-devider::after {
  content: "";
  position: absolute;
  top: 0.5px;
  left: 48%;
  width: 8px;
  height: 8px;
  background: none;
  border-width: 1px;
  border-color: #005d28;
  border-style: double;
  transform: rotate(44deg);
  border-left: 0;
  border-bottom: 0;
}
.address_block .address_block_nav .address_block_right {
  width: 100px;
  padding: 10px;
  text-align: center;
  align-content: center;
  flex-shrink: 0;
  border-left: 1px solid #ccc;
}
.address_block .address_block_body {
  width: 100%;
  height: 0;
  max-height: 400px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  background: #fdfdfd;
  transition: all 0.3s ease;
}
.address_block .address_block_body::-webkit-scrollbar {
  width: 3px;
}
.address_block .address_block_footer {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  background: #404041;
  font-size: 14px;
}
.address_block .address_block_footer .footer-box {
  padding: 7px 15px;
}
.address_block.active .address_block_body {
  padding: 10px;
  height: auto;
  visibility: visible;
}
.text-btn {
  padding: 0;
  border: 0;
  color: #005d28;
  background: none;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.text-btn:hover {
  text-decoration: none;
}
.text-btn.btn-black {
  color: #000 !important;
}
.text-btn.btn-blue {
  color: #0066a0 !important;
}
.text-btn.btn-orange {
  color: #fec00b !important;
}
.text-btn.btn-red {
  color: red !important;
}
.text-btn-1 {
  padding: 0;
  border: 0;
  color: #005d28;
  background: none;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}
.text-btn-1 label {
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
}
.text-btn-1:hover label {
  text-decoration: none;
}
.info-data {
  width: 100%;
  font-size: 14px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  background: #fff;
}
.info-data .info-data-box {
  height: 50px;
  width: 25%;
  padding: 4px 10px;
  border-right: 1px solid #ccc;
}
.info-data .info-data-box label {
  margin-bottom: 8px;
}
.info-data .info-data-box span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-data .info-data-box:last-child {
  border-right: 0;
}
.info-data .info-data-box .rating {
  display: inline-block;
  background: #005d28;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  padding: 1px 4px;
  border-radius: 4px 4px 0 0;
  font-size: 12px;
}
.info-data .info-data-box .rating .material-symbols-outlined {
  margin-right: 3px;
}
.info-data .info-data-box .rating label {
  margin: 0;
  padding-top: 1px;
}
.info-data .info-data-box.has-profile {
  display: flex;
  align-items: center;
}
.info-data .info-data-box.has-profile .info-data-profile {
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 5px;
  flex-shrink: 0;
  border: 1px solid #ccc;
  margin-right: 10px;
}
.info-data .info-data-box.has-profile .info-data-profile img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  display: block;
}
.info-data .info-data-box.has-profile .info-data-profile-info {
  width: calc(100% - 55px);
}
.info-data .info-data-box.align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-data.bg_red {
  background: #ffebfa;
}
.info-data table {
  width: 100%;
  border-collapse: collapse;
}
.info-data table tr td {
  padding: 0px 5px;
  border: 0;
  border-right: 1px solid #ccc;
}
.info-data table tr td:last-child {
  border: 0;
}
.info-data table tr td .label {
  margin-bottom: 8px;
}
.info-data table tr td .value {
  display: block;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-data table tr td.center {
  text-align: center;
  align-items: center;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .info-data {
    flex-wrap: wrap;
    border: 0;
    padding: 0;
    align-items: normal;
  }
  .info-data .info-data-box {
    width: 50%;
    height: auto;
    padding: 7px 7px;
    border: 1px solid #ccc;
  }
  .info-data .info-data-box:last-child {
    border: 1px solid #ccc;
  }
}
@media (max-width: 576px) {
  .info-data .info-data-box {
    width: 100%;
  }
}
.info-data-block {
  width: 100%;
  padding: 8px;
  background: #fff;
  border: 1px solid #ccc;
}
.info-data-block .info-data {
  border: 0px;
  border-bottom: 1px solid #ccc;
}
.info-data-block .info-data .info-data-box {
  height: 45px;
  padding: 1px 15px;
}
.info-data-block .info-data .info-data-box:first-child {
  padding-left: 0;
}
.info-data-block .info-data .info-data-box:last-child {
  padding-right: 0;
}
.info-data-block .info-data .info-data-box label {
  margin-bottom: 5px;
}
.info-data-block .info-grid-1 table tr td {
  padding: 4px 6px;
}
.check-btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 -20px;
}
.check-btn-group .check-btn-box {
  padding: 0 8px 10px 0px;
}
.check-btn {
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
  color: #000;
  background: #fff;
  word-wrap: break-word;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.5px;
}
.check-btn:hover {
  background: #f8f8f8;
}
.check-btn.active {
  background: #cdffe2;
  border-color: #005d28;
}
.info-data-grid {
  width: 100%;
  background: #fff;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  box-shadow: 0 0 3px #919191;
}
.info-data-grid .info-data-grid-profile {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.info-data-grid .info-data-grid-profile img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.info-data-grid table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  vertical-align: middle;
}
.info-data-grid table tr td {
  padding: 6px 8px;
}
.info-data-grid table tr td > span {
  padding: 0;
}
.info-data-grid table tr td .static-label {
  margin-bottom: 5px;
}
.info-data-grid table tr td .dynamic-label {
  font-weight: 600;
}
.info-data-grid.dark-bg {
  color: #fff;
  background: #404042;
}
.info-data-grid-1 {
  width: 100%;
  background: #fff;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
}
.info-data-grid-1 .info-data-grid-profile {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.info-data-grid-1 .info-data-grid-profile img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.info-data-grid-1 table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  vertical-align: middle;
}
.info-data-grid-1 table tr td {
  padding: 6px 8px;
}
.info-data-grid-1 table tr td .static-label {
  margin-bottom: 5px;
}
.info-data-grid-1 table tr td .dynamic-label {
  font-weight: 600;
}
.info-data-grid-1.red {
  background: #fff1f0;
  border-left: 4px solid #f90101;
}
.green-color {
  color: #005d28;
}
.step-tab-btn-group {
  width: 100%;
  padding: 10px 0;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.step-btn {
  min-width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 15px;
  transition: all 0.3s ease;
}
.step-btn .material-symbols-outlined {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  align-content: center;
}
.step-btn label {
  margin: 0;
  padding: 0 10px;
  letter-spacing: 0.5px;
  font-weight: 500;
  cursor: pointer;
}
.step-btn:hover {
  border-color: #005d28;
  background: #005d28;
}
.step-btn:hover .material-symbols-outlined {
  color: #005d28;
  background: #ffffff;
}
.step-btn:hover label {
  color: #ffffff;
}
.step-btn.active {
  border-color: #005d28;
}
.step-btn.active label {
  color: #005d28;
}
.step-btn.active:hover label {
  color: #ffffff;
}
.fixed-status {
  width: auto;
  height: 40px;
  color: #fff;
  background: #303032;
  position: absolute;
  left: 25px;
  bottom: 10px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  z-index: 111;
}
.fixed-status .fixed-status-box {
  max-width: 100%;
  height: 38px;
  border-radius: 5px;
  text-align: center;
  padding: 5px 18px;
  align-content: center;
  font-size: 14px;
  cursor: default;
  margin: 1px;
  transition: all 0.3s ease;
}
.fixed-status .fixed-status-box:hover {
  background: #000;
}
.fixed-status .color-1 {
  color: #ffe472;
}
.fixed-status .color-2 {
  color: #54bef9;
}
.fixed-status .color-3 {
  color: #ee8e5f;
}
.fixed-status .color-4 {
  color: #57da89;
}
.filter_block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.filter_block .filter_block_left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.filter_block .filter_block_left .search_box_filter {
  margin-left: 30px;
}
.filter_block .filter_block_left .search_box_filter .search_box_filter_toggle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: all 0.3s ease;
}
.filter_block .filter_block_left .search_box_filter .search_box_filter_toggle:hover {
  color: #fff;
  background: #005d28;
  border-color: #005d28;
}
.filter_block .filter_block_right {
  width: 100%;
  text-align: right;
  padding-left: 10px;
}
.search_box {
  width: 100%;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 30px;
  background: #fff;
  padding: 4px;
}
.search_box .search_box_search {
  width: 300px;
  margin-right: 10px;
  position: relative;
  letter-spacing: 0.5px;
}
.search_box .search_box_search .search_toggle {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 9px;
  left: 10px;
  padding: 0;
  z-index: 0;
  display: flex;
  align-items: center;
}
.search_box .search_box_search .search_toggle .scrolling-words-box {
  height: 20px;
  overflow: hidden;
  padding-left: 4px;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul {
  padding: 0;
  animation: scrollUp 8s infinite;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul li {
  display: flex;
  align-items: center;
  height: 20px;
  list-style: none;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul li:nth-child(3n+1) {
  color: #34a853;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul li:nth-child(3n+2) {
  color: #4285f4;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul li:nth-child(3n+3) {
  color: #fbbc04;
}
.search_box .search_box_search .search_toggle .scrolling-words-box ul li:nth-child(3n+4) {
  color: #ea4335;
}
@keyframes scrollUp {
  15%, 25% {
    transform: translateY(-20%);
  }
  40%, 50% {
    transform: translateY(-40%);
  }
  65%, 75% {
    transform: translateY(-60%);
  }
  90%, 100% {
    transform: translateY(-80%);
  }
}
.search_box .search_box_search input {
  width: 100%;
  height: 35px;
  padding: 4px 10px 4px 10px;
  border-radius: 50px 0px 0px 50px;
  border: 0px;
  outline: none !important;
  position: relative;
  z-index: 1;
  background: none;
}
.search_box .search_box_search input:focus + .search_toggle,
.search_box .search_box_search input:active + .search_toggle {
  display: none;
}
.search_box .search_box_select {
  width: 200px;
  margin-right: 10px;
}
.search_box .search_box_select input.form-control,
.search_box .search_box_select input.form-select,
.search_box .search_box_select select {
  width: 100%;
  height: 35px;
  font-size: 14px;
  border-radius: 0px;
  border: 0;
  outline: none !important;
  background-color: transparent;
}
.search_box .search_box_select .form-floating label {
  font-size: 12px;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn {
  min-height: auto;
  height: 30px;
  overflow: hidden;
  border: 0 !important;
  padding: 6px 0 0 0 !important;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn span {
  font-size: 12px;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  height: 30px !important;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
  border-width: 5px 5px 0 5px !important;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn .selected-item-container {
  padding-top: 3px;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  font-size: 10px;
}
.search_box .search_box_select .form-floating .multiselect-dropdown .dropdown-list {
  width: 250px;
}
.search_box .search_box_count {
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.search_box .search_btn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  align-content: center;
  color: #fff;
  background: #005d28;
  cursor: pointer;
  outline: none !important;
  border: 0;
  padding: 0;
  transition: all 0.3s ease;
}
.search_box .search_btn .material-symbols-outlined {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  align-content: center;
}
.search_box .search_btn:hover {
  opacity: 0.8;
}
.search_box .search_btn:active {
  transform: scale(0.8);
}
.custom-card {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}
.custom-card .card-body {
  padding: 0 12px !important;
}
.custom-card:hover {
  transform: translateY(-5px);
}
.card-header {
  background:
    linear-gradient(
      to right,
      #91c941,
      #06b198);
  background:
    linear-gradient(
      to right,
      #c07c01,
      #005d28);
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card-body label {
  font-weight: 600;
}
.card-body-info {
  padding: 15px 0;
}
.card-body-info .label-value-box {
  text-align: center;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 8px;
}
.card-footer {
  background-color: #f8f9fa;
  font-weight: bold;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
}
.card-footer .card-footer-value {
  margin-left: auto;
}
.static-label {
  width: 100%;
}
.dynamic-label {
  width: 100%;
}
.dynamic-label.count-value {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  color: #005c27;
}
.percent-ring {
  background-color: #eee;
  padding: 15px;
}
.ring-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ring-circle {
  position: relative;
  width: 60px;
  height: 60px;
}
.ring {
  transform: rotate(-90deg);
}
.ring-bg {
  fill: none;
  stroke: #e6e6e6;
  stroke-width: 5;
}
.ring-fg {
  fill: none;
  stroke: #4caf50;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 25;
  transition: stroke-dashoffset 0.5s ease-in-out;
}
.ring-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.chat-block {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.chat-block .chat-area {
  width: 800px;
  margin: 0 auto;
  background-color: #fff;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-area-header {
  width: 100%;
  height: 25px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  text-align: right;
  border-bottom: 1px solid #f1f1f1;
}
.chat-block .chat-area .chat-area-header .chat-area-header-left {
  width: 264px;
  flex-shrink: 0;
  padding-right: 10px;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right {
  width: calc(100% - 264px);
  padding-left: 10px;
  display: flex;
  justify-content: flex-end;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn {
  padding: 0;
  border: 0;
  width: 30px;
  height: 24px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-left: 1px solid #f1f1f1;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn .material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
  cursor: pointer;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn:hover {
  background: #f1f1f1;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn.close {
  color: #fff;
  background: #e51414;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn.close:hover {
  background: #b90e0e;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn-1 {
  padding: 0;
  border: 0;
  width: 30px;
  height: 24px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0px;
  margin: 0 10px;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn-1 .material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.chat-block .chat-area .chat-area-header .chat-area-header-right .function-btn-1::after {
  border-top: 3px solid;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.chat-block .chat-area .user_info_data {
  width: 300px;
  min-height: 37px;
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  background: #fff;
  padding: 0px;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 51px;
  z-index: 11;
  transition: all 0.3s ease;
  display: none;
}
.chat-block .chat-area .user_info_data .user_info_data_item {
  width: 100%;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.3s ease;
}
.chat-block .chat-area .user_info_data .user_info_data_item .material-symbols-outlined {
  margin-right: 5px;
}
.chat-block .chat-area .user_info_data .user_info_data_item label {
  margin: 0;
}
.chat-block .chat-area .user_info_data .user_info_data_item:hover {
  background: #f7f7f7;
  border-left: 3px solid #005d28;
}
.chat-block .chat-area .user_info_data .user_info_data_item:active {
  color: #fff;
  background: #005d28;
}
.chat-block .chat-area .chat-list {
  width: 100%;
  padding: 6px 5px 6px 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.chat-block .chat-area .chat-list .chat-list-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
  background: #474747;
  box-shadow: 0 0 3px #fff;
}
.chat-block .chat-area .chat-list .chat-list-icon img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.chat-block .chat-area .chat-list .chat-list-icon .user-name {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  align-content: center;
  text-align: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
}
.chat-block .chat-area .chat-list .chat-list-icon .chat-user {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  bottom: 0px;
  left: 30px;
  height: 12px;
  width: 12px;
  background: #ccc;
  border-radius: 50%;
  border: 2px solid #fff;
}
.chat-block .chat-area .chat-list .chat-list-icon .chat-user.active {
  background: #00db75;
}
.chat-block .chat-area .chat-list .chat-list-icon .chat-user.inactive {
  background: red;
}
.chat-block .chat-area .chat-list .chat-list-content {
  text-align: left;
  width: calc(100% - 55px);
}
.chat-block .chat-area .chat-list .chat-list-content h3 {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.chat-block .chat-area .chat-list .chat-list-content p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.chat-block .chat-area .chat-list .chat-list-content .msg-count {
  min-width: 18px;
  height: 18px;
  color: #fff;
  background: #e73434;
  border-radius: 30px;
  font-size: 12px;
  padding: 1px 4px;
  text-align: center;
  overflow: hidden;
  align-content: center;
  flex-shrink: 0;
  margin-left: 5px;
}
.chat-block .chat-area .chat-list .chat-list-content .msg-count:empty {
  display: none;
}
.chat-block .chat-area .chat-list:hover {
  background: rgba(0, 93, 40, 0.1);
  border-color: rgba(0, 93, 40, 0.1);
}
.chat-block .chat-area .chat-list:hover .user_info_data {
  display: block;
}
.chat-block .chat-area .chat-list.active {
  color: #ffffff;
  background: #005d28;
}
.chat-block .chat-area .chatlist {
  outline: 0;
  height: 100%;
  overflow: hidden;
  width: 265px;
  padding: 0px;
  flex-shrink: 0;
  margin-top: -25px;
  border-right: 1px solid #f1f1f1;
  transition: all 0.1s ease;
}
.chat-block .chat-area .chatlist .chatlist-header {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.chat-block .chat-area .chatlist .chatlist-header .chatlist-header-section {
  width: 100%;
  height: 40px;
  padding: 10px 10px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  background:
    linear-gradient(
      to right,
      #005d28,
      #008131);
}
.chat-block .chat-area .chatlist .chatlist-header .chatlist-header-section .chat-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 1px;
}
.chat-block .chat-area .chatlist .chatlist-header .chatlist-header-section .chat-close {
  margin-left: 15px;
  display: none;
}
.chat-block .chat-area .chatlist .chatlist-header .msg-search {
  width: 100%;
  position: relative;
}
.chat-block .chat-area .chatlist .chatlist-header .msg-search .material-symbols-outlined {
  position: absolute;
  left: 3px;
  top: 6px;
  font-size: 20px;
}
.chat-block .chat-area .chatlist .chatlist-header .msg-search input {
  width: 100%;
  height: 30px;
  border: 0px;
  border-radius: 0px;
  padding: 6px 6px 6px 25px;
  font-size: 14px;
  outline: none !important;
}
.chat-block .chat-area .chatlist .chatlist-header .msg-search input:focus {
  border-color: #005d28;
}
.chat-block .chat-area .chatlist .chatlist-header .chat-select {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border-top: 1px solid #f1f1f1;
}
.chat-block .chat-area .chatlist .chatlist-body {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 0px;
  height: calc(100vh - 165px);
}
.chat-block .chat-area .chatlist .chatlist-body::-webkit-scrollbar {
  width: 3px;
}
.chat-block .chat-area .chatlist .chatlist-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.chat-block .chat-area .chatlist .chatlist-body::-webkit-scrollbar-track {
  background: transparent;
}
.chat-block .chat-area .chatlist .chatlist-body:hover::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 50px;
}
.chat-block .chat-area .chatlist .chatlist-body:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.chat-block .chat-area .chat-box {
  width: calc(100% - 265px);
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-box .chat-box-header {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  justify-content: space-between;
  border-bottom: 1px solid #f1f1f1;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left {
  display: flex;
  align-items: center;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-back {
  margin-right: 8px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e51414;
  transition: all 0.3s ease;
  border-radius: 5px;
  color: #fff;
  background: #e51414;
  cursor: pointer;
  display: none;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-back:active {
  opacity: 0.8;
  transform: scale(0.8);
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-back:hover {
  opacity: 0.8;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-list {
  width: 270px;
  padding: 0;
  border-bottom: 0px;
  background: none !important;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-list .chat-list-icon {
  width: 45px;
  height: 45px;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-list .chat-list-icon img {
  width: 45px;
  height: 45px;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-list .chat-list-icon .user-name {
  width: 45px;
  height: 45px;
}
.chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-list .chat-list-content h3 {
  font-size: 18px;
  line-height: 22px;
}
.chat-block .chat-area .chat-box .chat-box-body {
  width: 100%;
  background: #fdfdfd;
  height: calc(100vh - 204px);
  padding: 15px 10px;
  overflow: hidden;
  overflow-y: auto;
  border: 0px;
  letter-spacing: 0.3px;
}
.chat-block .chat-area .chat-box .chat-box-body::-webkit-scrollbar {
  width: 4px;
}
.chat-block .chat-area .chat-box .chat-box-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.chat-block .chat-area .chat-box .chat-box-body::-webkit-scrollbar-track {
  background: transparent;
}
.chat-block .chat-area .chat-box .chat-box-body:hover::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 50px;
}
.chat-block .chat-area .chat-box .chat-box-body:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.chat-block .chat-area .chat-box .chat-box-body .watched {
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 20px;
  height: 20px;
}
.chat-block .chat-area .chat-box .chat-box-body .watched .material-symbols-outlined {
  width: 20px;
  height: 20px;
  font-size: 19px;
}
.chat-block .chat-area .chat-box .chat-box-body .sender {
  width: 100%;
  text-align: left;
  padding-right: 80px;
  word-wrap: break-word;
  margin-bottom: 6px;
}
.chat-block .chat-area .chat-box .chat-box-body .sender .sender-msg {
  display: inline-block;
  min-width: 40px;
  padding: 10px 10px 10px 10px;
  background: #e7e7e7;
  border-radius: 0 10px 10px 10px;
  transition: all 0.3s ease;
  text-align: left;
  position: relative;
}
.chat-block .chat-area .chat-box .chat-box-body .sender .sender-msg:active {
  transform: scale(0.9);
}
.chat-block .chat-area .chat-box .chat-box-body .sender .sender-msg img {
  max-width: 200px;
  max-height: 200px;
}
.chat-block .chat-area .chat-box .chat-box-body .sender .sender-msg:hover {
  opacity: 0.8;
}
.chat-block .chat-area .chat-box .chat-box-body .sender .time {
  font-size: 11px;
  line-height: 11px;
  padding-top: 2px;
}
.chat-block .chat-area .chat-box .chat-box-body .me {
  width: 100%;
  text-align: right;
  padding-left: 80px;
  word-wrap: break-word;
  margin-bottom: 6px;
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg {
  display: inline-block;
  min-width: 40px;
  padding: 10px 10px 10px 10px;
  color: #fff;
  background: #005d28;
  border-radius: 10px 10px 0px 10px;
  transition: all 0.3s ease;
  text-align: right;
  position: relative;
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg:active {
  transform: scale(0.9);
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg img {
  max-width: 200px;
  max-height: 200px;
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg a {
  color: #fff;
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg:hover {
  opacity: 0.8;
}
.chat-block .chat-area .chat-box .chat-box-body .me .me-msg .watched {
  left: -20px;
  color: #474747;
}
.chat-block .chat-area .chat-box .chat-box-body .me .time {
  font-size: 11px;
  line-height: 11px;
  padding-top: 2px;
}
.chat-block .chat-area .chat-box .chat-box-body .devider {
  width: 100%;
  display: block;
  padding: 0px;
  margin: 8px 0;
  text-align: center;
  position: relative;
}
.chat-block .chat-area .chat-box .chat-box-body .devider::after {
  content: "";
  position: absolute;
  top: 49%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.chat-block .chat-area .chat-box .chat-box-body .devider span {
  padding: 5px 10px;
  text-align: center;
  border-radius: 30px;
  color: #999898;
  background: #fdfdfd;
  display: inline-block;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.chat-block .chat-area .chat-box .chat-box-controls {
  width: 100%;
  height: 60px;
  padding: 10px;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: flex-end;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left {
  width: 50px;
  flex-shrink: 0;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .chat-source-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #f9f9f9;
  cursor: pointer;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .chat-source-btn::after {
  content: none;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .chat-source-btn .material-symbols-outlined {
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .chat-source-btn:hover .material-symbols-outlined {
  transform: rotate(90deg);
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .dropdown-menu {
  font-size: 14px;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 5px 6px;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-left .chat-source .dropdown-menu .dropdown-item .material-symbols-outlined {
  margin-right: 2px;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-center {
  flex-shrink: 0;
  width: calc(100% - 100px);
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-center .chat-msg-input {
  width: 100%;
  min-height: 30px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  outline: none !important;
  position: relative;
  z-index: 1;
  left: 0;
  bottom: 0;
  border-radius: 4px 0 0 4px;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-center .chat-msg-input::-webkit-scrollbar {
  width: 3px;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-center .chat-msg-input textarea {
  field-sizing: content;
  resize: none;
  overflow: hidden;
  padding: 6px;
  font-size: 14px !important;
  line-height: 24px !important;
  min-height: 30px;
  outline: none !important;
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.3s ease;
  box-shadow: none;
  border: 0 !important;
  outline: none !important;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-box-controls-right {
  width: 50px;
  flex-shrink: 0;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block {
  position: relative;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block .chat-upload-img {
  width: auto;
  max-width: 195px;
  max-height: 195px;
  padding: 5px;
  display: inline-block;
  position: relative;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block .chat-upload-img img {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #474747;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block .chat-upload-img .close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  border: 0;
  outline: none !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s ease;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block .chat-upload-img .close .material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.chat-block .chat-area .chat-box .chat-box-controls .chat-upload-block .chat-upload-img .close:hover {
  background: #e51414;
}
.chat-block .chat-area .chat-box .chat-box-controls .send-btn {
  width: 100%;
  height: 38px;
  border-radius: 0px 4px 4px 0px;
  transition: all 0.1s ease;
  color: #fff;
  background: #005d28;
  border: 1px solid #005d28;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
}
.chat-block .chat-area .chat-box .chat-box-controls .send-btn .material-symbols-outlined {
  cursor: pointer !important;
}
.chat-block .chat-area .chat-box .chat-box-controls .send-btn:active {
  padding-left: 15px;
}
.chat-block .chat-area .chat-box-new {
  width: 100%;
  height: calc(100vh - 87px);
  padding: 20px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-block .chat-area .chat-box-new img {
  width: auto;
  max-width: 300px;
  max-height: 300px;
  display: block;
  margin: 0 auto;
}
.chat-block .chat-area .chat-box-new .chat-box-new-title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .chat-block .chat-area {
    width: 400px;
  }
  .chat-block .chat-area .chatlist {
    width: 100%;
    border-right: 0;
    margin-top: 0px;
  }
  .chat-block .chat-area .chat-box {
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }
  .chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left {
    width: 100%;
  }
  .chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-back {
    display: inline-flex;
  }
  .chat-block .chat-area .chat-box .chat-box-header .chat-box-header-left .chat-close {
    display: block;
  }
  .chat-block .chat-area .chat-box .chat-box-header .chat-box-header-right {
    display: none;
  }
  .chat-block .chat-area.active .chatlist {
    margin-left: -100%;
    opacity: 0;
    visibility: hidden;
  }
  .chat-block .chat-area.active .chat-box {
    opacity: 1;
    visibility: visible;
  }
}
.chat-block.full-width {
  transform: none !important;
}
.chat-block.full-width .chat-area {
  width: 100%;
  border-radius: 0;
}
.chat-block.full-width .chat-area .chatlist-body {
  height: calc(100vh - 102px) !important;
}
.chat-block.full-width .chat-area .chat-box-body {
  height: calc(100vh - 141px) !important;
}
.new-grid {
  font-size: 11px;
  line-height: 13px;
  box-shadow: 0 0 2px #a6a5a5;
}
.new-grid .tooltip {
  font-size: 11px !important;
}
.new-grid.has-header {
  position: relative;
  margin-top: 30px;
}
.new-grid.has-header .new-grid-info {
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  font-weight: 500;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.new-grid.has-header .new-grid-info .new-grid-info-status {
  width: auto;
  min-width: 130px;
  max-width: 100%;
  height: 20px;
  padding: 4px 8px;
  text-align: center;
  color: #fff;
  background: #005d28;
  border-radius: 4px 4px 0px 0px;
  letter-spacing: 0.5px;
  cursor: default;
  margin-right: 10px;
}
.new-grid.has-header .new-grid-info .new-grid-info-status.blue {
  background: #3b458d;
}
.new-grid .control-error {
  color: #d52323;
}
.new-grid .product-header {
  width: 100%;
}
.new-grid .product-header-top {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
  color: #000;
  background: #fff;
  align-items: center;
}
.new-grid .product-header-top .name-section {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
}
.new-grid .product-header-top .product-number {
  background: #474747;
  color: #fff;
  width: 32px;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  cursor: default;
}
.new-grid .product-header-top .product-img {
  width: 47px;
  height: 47px;
  overflow: hidden;
  padding: 4px;
}
.new-grid .product-header-top .product-img img {
  width: 100%;
  height: 100%;
}
.new-grid .product-header-top .product-box {
  min-width: 50px;
  padding: 2px 8px;
}
.new-grid .product-header-top .product-box span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-weight: 500;
}
.new-grid .product-header-top .product-type {
  min-width: 85px;
  padding: 5px 8px;
}
.new-grid .product-header-top .product-type span {
  margin-top: 4px;
  display: block;
}
.new-grid .product-header-top .product-name {
  max-width: 450px;
  padding: 5px 8px;
}
.new-grid .product-header-top .product-name label {
  display: block;
  width: 100%;
  margin-bottom: 4px;
}
.new-grid .product-header-top .product-name span {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #3b3bf3;
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-grid .product-header-bottom {
  width: 100%;
  padding: 0px 27px;
  word-wrap: break-word;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  background: #fff;
}
.new-grid .product-header-bottom .product-box {
  width: 100%;
  min-width: 100px;
  padding: 8px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  cursor: default;
}
.new-grid .product-control-block {
  width: 100%;
  height: 45px;
  color: #fff;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 5px 32px;
  border-bottom: 1px solid #f9f9f9;
}
.new-grid .product-control-block .product-control-block-left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.new-grid .product-control-block .product-control-block-right {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.new-grid .product-select-block {
  width: 100%;
  min-height: 45px;
  background: #f8e7df;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 5px 32px;
}
.new-grid .product-select-block .product-select-block-left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.new-grid .product-select-block .product-select-block-right {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.new-grid .product-select-block .product-select-block-right table {
  width: auto;
  border-collapse: collapse;
}
.new-grid .product-select-block .product-select-block-right table tr td {
  border: 0;
  padding: 5px;
}
.new-grid .product-select-block .control-box {
  width: 150px;
  position: relative;
}
.new-grid .product-select-block .control-box label {
  margin-bottom: 2px;
}
.new-grid .product-select-block .control-box .grid-control {
  width: 100%;
  height: 21px !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  border-color: #000 !important;
  background-color: #fff !important;
}
.new-grid .product-select-block .control-box .input-group .form-floating .form-control {
  font-size: 12px;
  height: 21px !important;
  padding: 4px !important;
  border-radius: 0 !important;
  background: #fff !important;
  border: 1px solid #000 !important;
}
.new-grid .product-select-block .control-box .input-group .form-floating label {
  display: none !important;
}
.new-grid .product-select-block .control-box .input-group .date-picker-icon {
  min-width: 21px !important;
  height: 21px !important;
  padding: 2px !important;
  background: #fff !important;
  border: 1px solid #000 !important;
  font-size: 12px;
}
.new-grid .product-select-block .control-box .input-group .date-picker-icon .material-symbols-outlined {
  font-size: 15px;
}
.new-grid .product-select-block .control-box-btn-group {
  max-width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 14px;
}
.new-grid .pricing-section {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 11px;
}
.new-grid .pricing-section .pricing-box {
  height: 34px;
  flex-shrink: 0;
  min-width: 90px;
  max-width: 150px;
  padding: 2px 8px;
  border-left: 1px solid #ccc;
  position: relative;
}
.new-grid .pricing-section .pricing-box label {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-grid .pricing-section .pricing-box span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-weight: 500;
}
.new-grid .pricing-section .pricing-box .text-btn {
  margin-top: 4px;
  font-size: 12px;
}
.new-grid .pricing-section .pricing-box input {
  width: 75px;
  height: 20px;
  text-align: left;
  border: 1px solid #ccc !important;
  outline: none !important;
}
.new-grid .pricing-section .pricing-box.max-width-150 {
  flex-shrink: 0;
  max-width: 150px !important;
}
.new-grid .pricing-section .pricing-box .toggle-switch.sm {
  height: 19px !important;
}
.new-grid .pricing-section .pricing-box .toggle-switch-control {
  font-size: 12px;
}
.new-grid .pricing-section .pricing-box.w-300 {
  width: 300px !important;
  max-width: 300px !important;
}
.new-grid .pricing-section .btn-group {
  height: 34px;
  min-width: 50px;
  max-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ccc;
  border-radius: 0;
  padding: 5px;
  flex-shrink: 0;
}
.new-grid .supplier-table {
  background: #f8e7df;
  padding-bottom: 4px;
}
.new-grid .supplier-table table {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
  background: #f8e7df;
  letter-spacing: 0.5px;
  word-wrap: break-word;
}
.new-grid .supplier-table table tr th {
  color: #fff;
  background: #000;
  padding: 8px 5px;
  letter-spacing: 0.5px;
}
.new-grid .supplier-table table tr th:first-child {
  padding-left: 31px;
}
.new-grid .supplier-table table tr th:last-child {
  padding-right: 31px;
}
.new-grid .supplier-table table tr td {
  padding: 6px 5px;
  border-bottom: 1px dashed #000;
}
.new-grid .supplier-table table tr td:first-child {
  padding-left: 31px;
}
.new-grid .supplier-table table tr td:last-child {
  padding-right: 31px;
}
.new-grid .supplier-table table tr:last-child td {
  border-bottom: 0;
}
.new-grid.type-g .product-header .product-header-top .product-number {
  background: #007e0f !important;
}
.new-grid.type-g .product-header .product-header-top .product-name span {
  color: #007e0f !important;
}
.new-grid.type-0 .product-header .product-header-top .product-number {
  background: #76a800 !important;
}
.new-grid.type-0 .product-header .product-header-top .product-name span {
  color: #76a800 !important;
}
.new-grid.type-1 .product-header .product-header-top .product-number {
  background: #b1ae00 !important;
}
.new-grid.type-1 .product-header .product-header-top .product-name span {
  color: #b1ae00 !important;
}
.new-grid.type-2 .product-header .product-header-top .product-number {
  background: #ff7b00 !important;
}
.new-grid.type-2 .product-header .product-header-top .product-name span {
  color: #ff7b00 !important;
}
.new-grid.type-3 .product-header .product-header-top .product-number {
  background: #ff6600 !important;
}
.new-grid.type-3 .product-header .product-header-top .product-name span {
  color: #ff6600 !important;
}
.new-grid.type-4 .product-header .product-header-top .product-number {
  background: #ff0000 !important;
}
.new-grid.type-4 .product-header .product-header-top .product-name span {
  color: #ff0000 !important;
}
.new-grid.type-5 .product-header .product-header-top .product-number {
  background: #ff0000 !important;
}
.new-grid.type-5 .product-header .product-header-top .product-name span {
  color: #ff0000 !important;
}
.new-grid.type-6 .product-header .product-header-top .product-number {
  background: #ff0000 !important;
}
.new-grid.type-6 .product-header .product-header-top .product-name span {
  color: #ff0000 !important;
}
@media (max-width: 991px) {
  .new-grid .product-header {
    display: block;
  }
  .new-grid .product-header .product-header-top {
    display: block;
    height: auto;
  }
  .new-grid .product-header .product-header-top .name-section {
    border-bottom: 1px solid #ccc;
  }
  .new-grid .product-header .product-header-top .name-section .product-name {
    width: 100%;
  }
  .new-grid .product-header .product-header-top .pricing-section .pricing-box {
    width: 100%;
  }
  .new-grid .product-header .product-header-bottom {
    flex-wrap: wrap;
  }
  .new-grid .product-header .product-header-bottom .product-box {
    width: 25% !important;
    flex-shrink: 0;
  }
}
.supplier-table-1 {
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.supplier-table-1 table {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
  background: #fff;
  letter-spacing: 0.5px;
  word-wrap: break-word;
}
.supplier-table-1 table tr th {
  color: #fff;
  background: #000;
  padding: 8px 5px;
  letter-spacing: 0.5px;
}
.supplier-table-1 table tr td {
  padding: 8px 5px;
  border-bottom: 1px solid #ccc;
}
.text_radio_group {
  display: flex;
  align-items: center;
}
.text_radio {
  margin-right: 10px;
}
.text_radio label {
  font-size: 14px;
  display: inline-block;
  min-width: 120px;
  padding: 8px;
  border: solid 2px #ccc;
  transition: all 0.3s;
  border-radius: 30px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.text_radio label:hover {
  border-color: #005d28;
  background: #f9f9f9;
}
.text_radio input[type=radio] {
  display: none;
}
.text_radio input[type=radio]:disabled + label {
  color: #dfdfdf;
  border-color: #e7e7e7;
  cursor: not-allowed;
  background: #fbfbfb;
}
.text_radio input[type=radio]:disabled + label:hover {
  background: #fbfbfb;
}
.text_radio input[type=radio]:checked + label {
  color: #fff;
  border: solid 2px #005d28;
  background: #005d28;
}
.text_radio input[type=radio]:checked:disabled + label {
  color: #a09e9e !important;
  border-color: #474747 !important;
  cursor: not-allowed !important;
  background: #474747 !important;
}
.cdk-drag {
  cursor: move;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.fixed-dragable-popup {
  position: fixed;
  top: calc(100vh - 75%);
  left: 0;
  z-index: 111;
  right: 0;
  margin: 0 auto;
  display: inline-table;
  box-shadow: 0 0 5px #000;
  border-radius: 15px;
}
.dragable {
  width: 425px;
  background: #ffffff;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 15px #5f5f5f;
}
.dragable .dragable-head {
  width: 100%;
  height: 36px;
  text-align: center;
  color: #ffffff;
  background: #005d28;
  align-content: center;
  letter-spacing: 0.5px;
  font-weight: 500;
  padding: 4px 15px;
}
.dragable .dragable-body {
  width: 100%;
  padding: 10px 15px;
  overflow: hidden;
  overflow-y: auto;
  min-height: 200px;
  max-height: 350px;
  position: relative;
}
.dragable .dragable-body::-webkit-scrollbar {
  width: 3px;
}
.dragable .dragable-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.dragable .dragable-body::-webkit-scrollbar-track {
  background: transparent;
}
.dragable .dragable-body:hover::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 50px;
}
.dragable .dragable-body:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.dragable .dragable-body .search {
  position: sticky;
  top: -10px;
  left: 0;
  z-index: 1;
}
.dragable .dragable-body .drag-control {
  width: 100%;
  margin-bottom: 15px;
}
.dragable .dragable-body .drag-control label {
  font-size: 14px;
}
.dragable .dragable-body .drag-info {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.dragable .dragable-body .drag-info tr td {
  padding: 0;
  vertical-align: middle;
}
.dragable .dragable-body .drag-info tr td .val-inp {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
}
.dragable .dragable-body .drag-info tr td .val-inp input {
  width: 100%;
  height: 25px;
  border-radius: 0;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.dragable .dragable-body .drag-info tr td .val-inp .val {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  background: #f1f1f1;
  border: 1px solid #ccc;
  text-align: center;
  align-content: center;
  margin-left: 2px;
}
.dragable .dragable-body .drag-info tr td .val-inp.active .val {
  color: #fff;
  background: #008cda;
  border-color: #008cda;
}
.dragable .dragable-body .drag-info tr td .val-inp.active input {
  color: #008cda;
}
.dragable .dragable-body .drag-info tr td .val-inp.gray {
  background: #f1f1f1;
}
.dragable .dragable-body .drag-info tr td .drag-clear {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  outline: none !important;
}
.dragable .dragable-body .drag-info tr td .drag-clear .material-symbols-outlined {
  width: 20px;
  height: 30px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dragable .dragable-body .drag-info.has-padding tr td {
  padding: 5px !important;
}
.dragable .dragable-body .table_1 {
  width: 100%;
  border-collapse: collapse;
  background: #fdfdfd;
  font-size: 14px;
  line-height: 16px;
}
.dragable .dragable-body .table_1 tr th {
  padding: 5px;
  border: 1px solid #ddd;
  background: #f2f2f2;
  text-align: center;
}
.dragable .dragable-body .table_1 tr th.grid-count {
  text-align: center;
  color: #fff;
  background: #c07c01;
  border-color: #c07c01;
}
.dragable .dragable-body .table_1 tr td {
  padding: 5px;
  border: 1px solid #ddd;
}
.dragable .dragable-body .search,
.dragable .dragable-body .drag-control,
.dragable .dragable-body .drag-info,
.dragable .dragable-body table,
.dragable .dragable-body input,
.dragable .dragable-body select,
.dragable .dragable-body textarea {
  cursor: default;
}
.dragable .dragable-count {
  width: 100%;
  height: 30px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: #474747;
  font-size: 14px;
  font-weight: 600;
}
.dragable .dragable-count .dragable-count-left {
  width: 50%;
  color: #54bef9;
  padding-right: 10px;
}
.dragable .dragable-count .dragable-count-right {
  width: 50%;
  color: #57da89;
  padding-left: 10px;
  text-align: right;
}
.dragable .dragable-footer {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 93, 40, 0.2);
  padding: 4px 0;
}
.dragable .dragable-footer .dragable-footer-btn {
  width: 100%;
  text-align: center;
  border-right: 1px solid #005d28;
}
.dragable .dragable-footer .dragable-footer-btn:last-child {
  border-right: 0;
}
.dragable .dragable-footer button {
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
  letter-spacing: 0.5px;
  outline: none !important;
  transition: all 0.3s ease;
  text-transform: capitalize;
}
.dragable .dragable-footer button:hover {
  text-decoration: underline;
}
.dragable.md {
  width: 500px !important;
}
.dragable.xl {
  width: 800px !important;
}
.cdk-drag .cdk-drag-handle {
  cursor: move !important;
}
.chat-box-body,
.chat-msg-input textarea {
  cursor: text !important;
}
.custom-table {
  width: 100%;
  overflow: auto;
  position: relative;
}
.custom-table table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
.custom-table table thead {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-table table thead tr th {
  padding: 8px 5px;
  border-bottom: 2px solid #000;
}
.custom-table table tbody tr td {
  padding: 5px;
  border-bottom: 1px solid #f1f1f1;
}
.custom-table.sm table {
  font-size: 14px;
}
.color-pink {
  color: #9c0672 !important;
}
.cl-green {
  color: #11a04c !important;
}
.cl-orange {
  color: orange !important;
}
.cl-dark-orange {
  color: #e4624a !important;
}
.cl-blue {
  color: #32a0ea !important;
}
.cl-blue-1 {
  color: #0066a0 !important;
}
.cl-purple {
  color: #9c0672 !important;
}
.cl-black {
  color: #000 !important;
}
.cl-purple-lite {
  color: #e695fe !important;
}
.cl-red {
  color: #ff5151 !important;
}
.bg-light-blue {
  background: #dff1ff !important;
}
.bg-light-blue-1 {
  background: #deeffe !important;
}
.bg-light-green {
  background: #effff5 !important;
}
.w-500 {
  width: 500px !important;
}
.w-250 {
  width: 250px !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.full-height .c-grid {
  height: calc(100vh - 134px) !important;
}
.c-grid {
  width: 100%;
  min-height: 250px;
  max-height: calc(100vh - 183px);
  overflow: auto;
  position: relative;
  font-size: 14px;
}
.c-grid::-webkit-scrollbar {
  width: 2px;
}
.c-grid::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.c-grid::-webkit-scrollbar-track {
  background: transparent;
}
.c-grid:hover::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 50px;
}
.c-grid:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.c-grid .c-grid-header {
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  background: #000;
  overflow: hidden;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.c-grid .c-grid-header table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.c-grid .c-grid-header table thead tr {
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.c-grid .c-grid-header table thead tr th {
  color: #fff;
  padding: 10px 5px;
  text-align: left;
  background: none;
  letter-spacing: 0.3px;
  vertical-align: middle;
}
.c-grid .c-grid-header table thead tr th:first-child {
  padding-left: 10px;
}
.c-grid .c-grid-header table thead tr th:last-child {
  padding-right: 10px;
}
.c-grid-box {
  width: 100%;
  background: #fff;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.c-grid-box .c-grid-box-header {
  width: 100%;
}
.c-grid-box .c-grid-box-header table {
  width: 100%;
  margin: 0;
  font-size: 13px;
  table-layout: fixed;
  border-collapse: collapse;
}
.c-grid-box .c-grid-box-header table b {
  background: none;
}
.c-grid-box .c-grid-box-header table tr td {
  padding: 8px 5px;
  text-align: left;
  vertical-align: middle;
  word-wrap: break-word;
}
.c-grid-box .c-grid-box-header table tr td > div {
  padding: 0;
}
.c-grid-box .c-grid-box-header table tr td:first-child {
  padding-left: 10px;
}
.c-grid-box .c-grid-box-header table tr td:last-child {
  padding-right: 10px;
}
.c-grid-box .c-grid-box-header .c-grid-btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.c-grid-box .c-grid-control {
  width: 100%;
  height: 30px;
  font-size: 10px;
  line-height: 12px;
  padding: 3px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-top: 1px solid #ccc;
}
.c-grid-box .c-grid-control .text-btn {
  font-size: 12px;
}
.c-grid-box .c-grid-control .c-grid-control-left {
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
}
.c-grid-box .c-grid-control .c-grid-control-left::-webkit-scrollbar {
  height: 1px;
}
.c-grid-box .c-grid-control .c-grid-control-left:hover::-webkit-scrollbar {
  height: 4px;
}
.c-grid-box .c-grid-control .c-grid-control-left .c-grid-control-box {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-right: 15px;
  border-radius: 3px;
  padding: 0 4px;
  cursor: default;
}
.c-grid-box .c-grid-control .c-grid-control-left .c-grid-control-box .material-symbols-outlined {
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-right: 5px;
}
.c-grid-box .c-grid-control .c-grid-control-left .c-grid-control-box:hover {
  background: #f7f7f7;
}
.c-grid-box .c-grid-control .c-grid-control-right {
  flex-shrink: 0;
  padding-left: 15px;
}
.c-grid-box .c-grid-control-body {
  width: 100%;
  padding: 0 10px;
}
.c-grid-box .c-grid-control-body table {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
}
.c-grid-box .c-grid-control-body table thead tr th {
  padding: 5px;
  background: #e2e2e2;
  vertical-align: middle;
}
.c-grid-box .c-grid-control-body table tbody tr td {
  padding: 5px;
  background: #f6f6f6;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
}
.c-grid-box .c-grid-control-body table tbody tr:last-child td {
  border: 0;
}
.c-grid-box .c-grid-control-body .dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #ccc;
  border: 1px solid #000;
  margin-right: 3px;
}
.c-grid-box .c-grid-control-body .dot.green {
  background: #018031;
}
.c-grid-box .c-grid-control-body .dot.orange {
  background: #ffbe00;
}
.c-grid-box .c-grid-control-body .dot.red {
  background: #fe0000;
}
.c-grid-box .c-grid-control-body.rounded table thead tr th:first-child {
  border-radius: 6px 0 0 0 !important;
}
.c-grid-box .c-grid-control-body.rounded table thead tr th:last-child {
  border-radius: 0 6px 0 0 !important;
}
.c-grid-box .c-grid-control-body.rounded table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 6px !important;
}
.c-grid-box .c-grid-control-body.rounded table tbody tr:last-child td:last-child {
  border-radius: 0 0 6px 0 !important;
}
.grid_status {
  font-size: 13px;
  line-height: 16px;
  min-width: 72px;
  display: inline-block;
  padding: 3px 10px !important;
  text-align: center;
  background: #f1f1f1;
  border-radius: 4px;
  font-weight: 600;
  border: 1px solid #d9d9d9;
  cursor: default;
}
.grid_status.purple {
  color: #800080;
  background: #ffd5f3;
  border-color: #fba2fb;
}
.grid_status.blue {
  color: #008cdb;
  background: #d7f1fe;
  border-color: #a0dafb;
}
.grid_status.green {
  color: #008030;
  background: #bdffd9;
  border-color: #8debb0;
}
.grid_status.orange {
  color: #ffa500;
  background: #ffefd2;
  border-color: #ffa500;
}
.grid_status.red {
  color: #db1d1d;
  background: #ffe3e3;
  border-color: #ffc0c0;
}
.grid_status_1 {
  font-size: 11px;
  line-height: 13px;
  min-width: 100px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 3px 10px !important;
  text-align: center;
  background: #f1f1f1;
  border-radius: 4px;
  font-weight: 600;
  border: 1px solid #d9d9d9;
  cursor: default;
}
.grid_status_1.purple {
  color: #800080;
  background: #fff;
  border-color: #800080;
}
.grid_status_1.blue {
  color: #008cdb;
  background: #fff;
  border-color: #008cdb;
}
.grid_status_1.green {
  color: #008030;
  background: #fff;
  border-color: #008030;
}
.grid_status_1.orange {
  color: #ffa500;
  background: #fff;
  border-color: #ffa500;
}
.grid_status_1.red {
  color: #db1d1d;
  background: #fff;
  border-color: #db1d1d;
}
.grid_status_2 {
  font-size: 12px;
  line-height: 14px;
  min-width: 100px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 3px 10px !important;
  text-align: center;
  background: #f1f1f1;
  border-radius: 50px;
  font-weight: 600;
  border: 1px solid #d9d9d9;
  cursor: default;
}
.grid_status_2.purple {
  color: #800080;
  background: #ffd8ff;
}
.grid_status_2.blue {
  color: #0066a0;
  background: #d6eefb;
}
.grid_status_2.green {
  color: #11a14c;
  background: #e9fff2;
}
.grid_status_2.orange {
  color: #fe5e14;
  background: #f8e7df;
}
.grid_status_2.red {
  color: #ff0000;
  background: #ffc9c9;
}
.grid_dropdown .grid_dropdown_toggle {
  border: 1px solid #000;
  width: 20px;
  height: 22px;
  background: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-left: auto;
  background: #fff;
}
.grid_dropdown .grid_dropdown_toggle .material-symbols-outlined {
  font-size: 18px;
  display: inline-block;
  width: auto;
}
.grid_dropdown .grid_dropdown_toggle::after {
  content: none;
}
.grid_dropdown.light .grid_dropdown_toggle {
  color: #fff;
  border-color: #fff;
}
.grid_dropdown.sm .grid_dropdown_toggle {
  width: 15px;
  height: 18px;
  border-radius: 3px;
}
.grid_dropdown.sm .grid_dropdown_toggle .material-symbols-outlined {
  font-size: 16px;
}
.grid_dropdown_menu {
  font-size: 14px;
  line-height: 16px;
}
.grid_dropdown_menu .dropdown-item {
  padding: 5px 10px;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
}
.grid_dropdown_menu .dropdown-item .material-symbols-outlined {
  font-size: 17px;
  margin-right: 4px;
}
.grid_dropdown_menu .dropdown-item:disabled {
  color: #ccc;
  cursor: not-allowed;
}
.text-radio {
  display: inline-block;
  font-size: 12px;
  position: relative;
  flex-shrink: 0;
  margin-right: 5px;
}
.text-radio label {
  height: 20px;
  padding: 0px 10px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  color: #000;
  background: #fff;
  align-content: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.text-radio label.rounded {
  border-radius: 50px !important;
}
.text-radio input {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.text-radio input:checked + label {
  color: #fff;
  background: #005d28;
  border-color: #005d28;
}
.text-radio:hover label {
  background: #f7f7f7;
}
.text-radio.md {
  font-size: 14px;
}
.text-radio.md label {
  height: 30px;
  padding: 5px 10px;
}
.dashed-control {
  width: 100%;
}
.dashed-control .form-control {
  padding: 10px !important;
  border: 1px dashed #000;
}
.dashed-control .form-control.is-invalid {
  border-color: #dc3545;
  background-color: #fffbf8;
}
.custom-filter-block {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-filter-block .custom-filter-block-left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.custom-filter-block .custom-filter-block-right {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.custom-filter-block .custom-filter-block-item {
  padding: 0 10px;
  display: inline-block;
  border-right: 2px solid #ccc;
}
.custom-filter-block .custom-filter-block-item:last-child {
  border: 0;
  padding-right: 0;
}
.custom-filter-block .id-block {
  display: inline-block;
  height: 30px;
  padding: 4px 15px;
  text-align: center;
  color: #fff;
  background: purple;
  border-radius: 50px;
  align-content: center;
  margin-right: 10px;
  cursor: default;
}
.konva-control-bar {
  width: 25px;
  height: 25px;
  padding: 0px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background: none;
  border: 0;
  border-radius: 4px;
  z-index: 0;
  transition: all 0.3s ease;
}
.konva-control-bar .konva-zoom-range {
  width: 100px;
  height: 20px;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
}
.konva-control-bar .konva-zoom-text {
  margin: 0 8px;
  font-size: 12px;
}
.konva-control-bar .konva-full-screen-mode-btn {
  width: 25px;
  height: 25px;
  padding: 2px;
  color: transparent;
  border: none;
  background-color: #005d28;
  border: 0;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.konva-control-bar .konva-full-screen-mode-btn .material-symbols-outlined {
  font-size: 18px;
  color: #fff;
}
.konva-control-bar .konva-full-screen-mode-btn:active {
  transform: scale(0.9);
}
.konva-control-bar .konva-full-screen-mode-btn:hover {
  opacity: 0.8;
}
.konva-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.konva-tooltip .konva-tooltip-text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  visibility: hidden;
  min-width: 100px;
  max-width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  right: 0;
}
.konva-tooltip .konva-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 10%;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.konva-tooltip:hover .konva-tooltip-text {
  visibility: visible;
}
.comment-box {
  width: 100%;
  min-height: 38px;
  padding: 8px;
  display: flex;
  align-items: center;
  background: #f8e7df;
  border: 1px solid #e9d9d1;
  border-radius: 5px;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.comment-box label {
  display: block;
  margin: 0;
  flex-shrink: 0;
  padding-right: 10px;
  font-weight: 600;
  font-size: 16px;
}
.confirm-label-box {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  padding: 0px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 3px #b9b9b9;
}
.confirm-label-box .confirm-label-box-left {
  padding: 8px 10px;
  min-height: 35px;
  display: flex;
  align-items: center;
}
.confirm-label-box .confirm-label-box-right {
  min-height: 35px;
  padding: 8px 10px;
  align-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.confirm-label-box.full-border {
  border: 1px solid #000;
  box-shadow: none;
  background: #f8e7df;
}
.confirm-label-box.full-border .confirm-label-box-right {
  border-left: 1px solid #000;
}
.toggle-switch-control {
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
}
.toggle-switch-control.sm {
  font-size: 14px;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 19px;
  flex-shrink: 0;
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.toggle-switch .slider::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  top: 2px;
  background: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.toggle-switch .slider.round {
  border-radius: 35px;
}
.toggle-switch .slider.round::before {
  border-radius: 50%;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .slider {
  background-color: #005d28;
}
.toggle-switch input:checked + .slider::before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}
.toggle-switch input:disabled {
  pointer-events: none !important;
}
.toggle-switch input:disabled + .slider {
  cursor: not-allowed;
  background: #9d9d9d !important;
}
.toggle-switch input:disabled + .slider:before {
  cursor: not-allowed;
  background: #bdbdbd !important;
}
.toggle-switch.sm {
  width: 30px !important;
  height: 15px;
}
.toggle-switch.sm .slider::before {
  height: 11px;
  width: 11px;
}
.toggle-switch.sm input:checked + .slider::before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.toggle-switch.type-1 .slider {
  background: #000;
}
.dummy-switch {
  display: inline-block;
  width: 40px;
  height: 19px;
  background: #ccc;
  position: relative;
}
.dummy-switch .slider {
  position: absolute;
  cursor: pointer;
  height: 15px;
  width: 15px;
  left: 2px;
  top: 2px;
  background: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.dummy-switch.round {
  border-radius: 50px;
}
.dummy-switch.round .slider {
  border-radius: 50%;
}
.dummy-switch.active {
  background: #005d28;
}
.dummy-switch.active .slider {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}
.dummy-switch.sm {
  width: 30px;
  height: 15px;
}
.dummy-switch.sm .slider {
  height: 11px;
  width: 11px;
}
.dummy-switch.sm.active .slider {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.dummy-switch.type-1 {
  background: #000;
}
.dummy-switch.type-1.active {
  background: #005d28;
}
.dummy-switch.disabled {
  cursor: not-allowed;
}
.dummy-switch.disabled .slider {
  cursor: not-allowed;
  background: #9b9999 !important;
}
.dummy-switch.disabled.active {
  cursor: not-allowed;
  background: #9d9d9d !important;
}
.dummy-switch.disabled.active .slider {
  cursor: not-allowed;
  background: #bdbdbd !important;
}
.list-block {
  width: 100%;
  overflow: hidden;
}
.list-block .list-block-header {
  width: 100%;
  height: 40px;
  padding: 4px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #ccc;
  background: #fff;
  letter-spacing: 0.5px;
}
.list-block .list-block-header .list-block-header-left {
  padding-right: 8px;
}
.list-block .list-block-header .list-block-header-right {
  padding-left: 8px;
}
.list-block .list-block-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: 350px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
}
.list-block .list-block-body::-webkit-scrollbar {
  width: 3px;
}
.list-block.green .list-block-header {
  background: #d7ffec;
  border-color: #aacbbb;
}
.list-block.blue .list-block-header {
  background: #d7f0ff;
  border-color: #99adb9;
}
.list-block.red .list-block-header {
  background: #f8e7df;
  border-color: #ddc3b7;
}
.list-grid-block {
  width: 100%;
  font-size: 12px;
  line-height: 15px;
}
.list-grid-block .list-grid-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.list-grid-block .list-grid-header .list-grid-header-left {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.list-grid-block .list-grid-header .list-grid-header-right {
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.list-grid-block .list-grid-header .list-grid-label {
  padding: 4px 15px;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #ccc;
  border-bottom: 0;
}
.list-grid-block .list-grid-header .list-grid-item {
  padding: 4px 5px;
  display: inline-block;
}
.list-grid-block .list-grid {
  box-shadow: none;
  border: 1px solid #ccc;
}
.list-grid-block.green .list-grid-header {
  color: #005d28;
}
.list-grid-block.green .list-grid-header .list-grid-header-left .list-grid-label {
  background: #effff5;
}
.list-grid-block.green .list-grid {
  background: #effff5;
  border-color: #005d28;
}
.list-grid-block.orange .list-grid-header {
  color: #fba602;
}
.list-grid-block.orange .list-grid-header .list-grid-header-left .list-grid-label {
  background: #fff3dc;
}
.list-grid-block.orange .list-grid {
  background: #fff3dc;
  border-color: #fba602;
}
.list-grid-block.red .list-grid-header {
  color: #f91200;
}
.list-grid-block.red .list-grid-header .list-grid-header-left .list-grid-label {
  background: #ffeeee;
}
.list-grid-block.red .list-grid {
  background: #ffeeee;
  border-color: #f91200;
}
.list-grid-block.purple .list-grid-header {
  color: purple;
}
.list-grid-block.purple .list-grid-header .list-grid-header-left .list-grid-label {
  background: #fbe1fb;
}
.list-grid-block.purple .list-grid {
  background: #fbe1fb;
  border-color: purple;
}
.list-grid {
  width: 100%;
  background: #fff;
  padding: 5px 5px;
  box-shadow: 0 0 3px #bbbbbb;
  margin-bottom: 15px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.list-grid:last-child {
  margin-bottom: 0px;
}
.list-grid table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
  font-size: 12px;
  line-height: 15px;
  word-wrap: break-word;
}
.list-grid table tr td {
  border: 0;
  padding: 0px 5px;
  letter-spacing: 0.5px;
  border-right: 1px solid #ccc;
}
.list-grid table tr td > div {
  background: none !important;
}
.list-grid table tr td:last-child {
  border: 0;
}
.list-grid table tr td .toggle-switch {
  margin: 0;
}
.list-grid table tr td label {
  font-size: 11px;
  padding: 0;
  margin-bottom: 3px;
  background: none;
}
.list-grid table tr td span {
  padding: 0;
  display: block;
  width: 100%;
  background: none;
}
.list-grid table tr td .barcode {
  padding: 0 !important;
}
.list-grid table tr td .barcode img {
  max-width: 100%;
  max-height: 100px;
  display: block;
  margin: 0 auto;
}
.list-grid:hover {
  border-color: #ccc;
  background: #fdfdfd;
}
.list-grid.active {
  background: #cdf5cd;
  border-color: #ccc;
  box-shadow: none;
}
.list-grid.in-active {
  background: #FFE0B2;
  border-color: #ccc;
  box-shadow: none;
}
.list-grid.green {
  background: #cdf5cd;
  border-color: #ccc;
  box-shadow: none;
}
.list-grid.red {
  background: #fde6e6;
  border-color: #ccc;
  box-shadow: none;
}
.list-grid.no-border table tr td {
  border: 0 !important;
}
.email-verify {
  width: 100%;
}
.email-verify .app-header {
  width: 100% !important;
}
.email-verify .page-wrapper-in .content-block {
  width: 100% !important;
}
.multiselect-dropdown .dropdown-multiselect__caret {
  width: 16px !important;
}
.multiselect-dropdown .dropdown-multiselect__caret::before {
  right: 5px !important;
  border-width: 6px 6px 0 6px;
  border-color: #000 transparent;
}
.devider-1 {
  width: 100%;
  height: 3px;
  margin: 20px 0px;
  border-radius: 50%;
  background-image:
    linear-gradient(
      to right,
      #115151,
      #2b6767,
      #437e7e,
      #5a9696,
      #71afae,
      #71afae,
      #71afae,
      #71afae,
      #5a9696,
      #437e7e,
      #2b6767,
      #115151);
}
.devider-blue {
  width: 100%;
  border: 1px dashed #008cdb;
  margin: 5px 0;
}
.icon_btn_group {
  width: auto;
  display: inline-flex;
  align-items: center;
}
.icon_btn_group .icon_btn {
  width: 23px;
  height: 23px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none !important;
  margin-left: 4px;
  transition: all 0.3s ease;
  display: block;
  border-radius: 3px;
  flex-shrink: 0;
}
.icon_btn_group .icon_btn:first-child {
  margin: 0;
}
.icon_btn_group .icon_btn .material-symbols-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  transition: all 0.1s ease;
}
.icon_btn_group .icon_btn.add {
  color: #005d28;
}
.icon_btn_group .icon_btn.edit {
  color: #0990db;
}
.icon_btn_group .icon_btn.clear {
  color: #fcb831;
}
.icon_btn_group .icon_btn.delete {
  color: #df4640;
}
.icon_btn_group .icon_btn.light {
  color: #fff !important;
}
.icon_btn_group .icon_btn:hover.add {
  color: #ffffff;
  background: #005d28;
}
.icon_btn_group .icon_btn:hover.edit {
  color: #fff;
  background: #0990db;
}
.icon_btn_group .icon_btn:hover.clear {
  color: #fff;
  background: #fcb831;
}
.icon_btn_group .icon_btn:hover.delete {
  color: #fff;
  background: #df4640;
}
.icon_btn_group .icon_btn.active .material-symbols-outlined {
  font-size: 19px;
}
.icon_btn_group .icon_btn.active.add {
  color: #ffffff;
  background: #005d28;
}
.icon_btn_group .icon_btn.active.edit {
  color: #fff;
  background: #0990db;
}
.icon_btn_group .icon_btn.active.clear {
  color: #fff;
  background: #fcb831;
}
.icon_btn_group .icon_btn.active.delete {
  color: #fff;
  background: #df4640;
}
.icon_btn_group .icon_btn.active:disabled {
  cursor: not-allowed !important;
  color: #bbbbbb !important;
  background: #8f8f8f !important;
}
.icon_btn_group .icon_btn.active:disabled:hover .material-symbols-outlined {
  transform: inherit !important;
  transform: scale(1) !important;
}
.icon_btn_group .icon_btn.active:hover {
  opacity: 0.8;
}
.icon_btn_group .icon_btn:disabled {
  cursor: not-allowed !important;
  color: #c1c1c1 !important;
  background: none !important;
}
.icon_btn_group .icon_btn:disabled:hover .material-symbols-outlined {
  transform: inherit !important;
  transform: scale(1) !important;
}
.icon_btn_group.md .icon_btn {
  width: 22px !important;
  height: 22px !important;
}
.icon_btn_group.md .icon_btn .material-symbols-outlined {
  font-size: 19px !important;
}
.icon_btn_group.md .icon_btn.active .material-symbols-outlined {
  font-size: 18px !important;
}
.icon_btn_group.sm .icon_btn {
  width: 18px !important;
  height: 18px !important;
}
.icon_btn_group.sm .icon_btn .material-symbols-outlined {
  font-size: 16px !important;
}
.icon_btn_group.sm .icon_btn.active .material-symbols-outlined {
  font-size: 15px !important;
}
.icon_btn_group .tooltip {
  font-size: 10px !important;
  line-height: 12px !important;
}
.simple-grid {
  width: 100%;
  background: #c0ffd2;
  font-size: 12px;
  line-height: 16px;
}
.simple-grid table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  word-wrap: break-word;
}
.simple-grid table tr td {
  padding: 5px 5px;
  border: 0px;
  vertical-align: middle;
}
.simple-grid table tr td label {
  display: block;
  width: 100%;
  color: #11a14c;
  margin-bottom: 3px;
}
.storage-grid {
  width: 100%;
}
.storage-grid .storage-grid-header {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
  background: #fff;
}
.storage-grid .storage-grid-header .storage-grid-header-left {
  display: flex;
  align-items: center;
}
.storage-grid .storage-grid-header .storage-grid-header-right {
  display: flex;
  align-items: center;
}
.storage-grid .storage-grid-header .storage-grid-box {
  padding: 10px 15px 10px 15px;
}
.form-btn-3 {
  height: 28px;
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
  color: #9d5188;
  background: #fff;
  border: 1px solid #9d5188;
  border-radius: 5px;
  cursor: pointer;
  outline: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}
.form-btn-3 span {
  margin-right: 5px;
}
.form-btn-3:hover {
  color: #fff;
  border-color: #005d28;
  background: #9d5188;
}
.form-btn-3.active {
  color: #fff;
  background: #9d5188;
  border-color: #9d5188;
}
.form-btn-3.active:hover {
  opacity: 0.8;
}
.form-btn-3:disabled,
.form-btn-3.disabled {
  color: #bbbbbb !important;
  background: #8f8f8f !important;
  border-color: #8f8f8f !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
.form-btn-3.green {
  color: #005d28;
  border-color: #005d28;
}
.form-btn-3.green:hover {
  color: #fff;
  background: #005d28;
}
.form-btn-3.green.active {
  color: #fff;
  background: #005d28;
}
.grid-type-1 {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}
.grid-type-1 table {
  width: 100%;
  border-collapse: collapse;
}
.grid-type-1 table thead {
  border: 1px solid #ccc;
}
.grid-type-1 table thead th {
  padding: 8px 5px;
  background: #e6ee9c;
}
.grid-type-1 table tr td {
  padding: 5px 5px;
  border-bottom: 1px solid #ccc;
}
.indication {
  width: 100%;
  display: flex;
  align-items: center;
}
.indication-box {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.indication-box .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 1px solid #bbbbbb;
}
.indication-box.sm .icon {
  width: 15px;
  height: 15px;
}
.indication-box.sm .icon-text {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: -1px;
}
.light-blue {
  background: #cdf5cd;
}
.bg_0 {
  background: #fff !important;
}
.bg_1 {
  background: #b6d7a8 !important;
}
.bg_2 {
  background: #a4c2f4 !important;
}
.bg_3 {
  background: #9a0000 !important;
}
.bg-green {
  background: #06a642 !important;
}
.bg-orange {
  background: #ffa500 !important;
}
.bg-red {
  background: #db1d1d !important;
}
.bg-light-red {
  background: #fde6e6 !important;
}
.search {
  width: 100%;
  position: relative;
}
.search .search-icon {
  width: 35px;
  height: 30px;
  overflow: hidden;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  color: #008131;
}
.search .search-icon .material-symbols-outlined {
  font-size: 20px;
}
.search input {
  width: 100%;
  height: 30px;
  padding: 5px 30px 5px 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
}
.search input.rounded {
  padding: 5px 35px 5px 10px !important;
  border-radius: 50px !important;
}
.search input.rounded + .search-icon {
  border-radius: 50px !important;
}
.search input:focus {
  border-color: #005d28;
}
.search-group {
  width: 300px;
  height: 30px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 3px #a3a3a3;
}
.search-group .search {
  width: 100%;
}
.search-group .search input {
  border: 0;
  border-right: 1px solid #ebebeb;
  border-radius: 0;
  padding: 7px 8px 5px 8px;
}
.search-group .search-btn {
  width: 30px;
  height: 30px;
  border: 0;
  outline: none !important;
  color: #fcb831;
  background: #ffffff;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.search-group .search-btn .material-symbols-outlined {
  font-size: 18px;
}
.search-group .search-btn:hover {
  color: #ffffff;
  background: #fcb831;
}
.search-group .search-btn.active {
  color: #ffffff;
  background: #008131;
}
.search-group .search-btn.active:hover {
  opacity: 0.8;
}
.filter {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.filter .filter-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.filter .filter-left .filter-box {
  height: 25px;
  font-size: 14px;
  line-height: 16px;
  width: auto;
  min-width: 50px;
  padding: 5px 5px 5px 8px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #005d28;
  background: #fff;
  color: #000;
  border-radius: 50px;
  margin: 0 10px 4px 0;
}
.filter .filter-left .filter-box label {
  margin: 0;
}
.filter .filter-left .filter-box .material-symbols-outlined {
  width: 15px;
  height: 15px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
  margin-left: 2px;
}
.filter .filter-left .filter-box .material-symbols-outlined:hover {
  color: #fff;
  background: #df4640;
  font-size: 16px;
}
.filter .filter-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.info_1 {
  width: 100%;
  min-height: 30px;
  border: 1px solid #000;
  border-radius: 50px;
  display: flex;
  overflow: hidden;
  font-size: 14px;
  background: #dff1ff;
}
.info_1 .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  cursor: default;
}
.info_1 .info_1-left {
  width: 30px;
  text-align: center;
  color: #fff;
  background: #e4624a;
  padding: 4px;
  align-content: center;
  flex-shrink: 0;
}
.info_1 .info_1-center {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px;
  font-size: 12px;
  line-height: 14px;
  flex-wrap: wrap;
}
.info_1 .info_1-center .info_1-box {
  display: flex;
  align-items: center;
  padding: 0 10px 0 10px;
  border-right: 1px solid #000;
}
.info_1 .info_1-right {
  width: 30px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-bottom-head {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  background: #dff0ff;
  font-size: 12px;
  line-height: 14px;
  padding: 4px;
}
.grid-bottom-head .grid-box {
  width: 100%;
}
.data-block {
  width: 100%;
  background: #fff;
  display: flex;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #ccc;
}
.data-block .data-box {
  width: 100%;
  padding: 5px;
}
.data-block .data-box label {
  font-size: 12px;
  margin-bottom: 4px;
}
.data-block .data-box span {
  display: block;
  width: 100%;
}
.grid-group .form-control,
.grid-group .form-select {
  height: 24px !important;
  padding: 2px 5px !important;
  font-size: 12px !important;
  letter-spacing: 0.3px !important;
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  background-position: right 2px center;
  background-size: 12px 9px;
}
.grid-group .textarea {
  height: auto !important;
}
.grid-group .input-group .form-floating .form-control,
.grid-group .input-group .form-floating .form-select {
  width: 100%;
  color: #000;
  font-size: 12px;
  height: 24px !important;
  padding: 2px 4px !important;
  border-radius: 0px !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}
.grid-group .input-group .form-floating label {
  display: none !important;
}
.grid-group .input-group .date-picker-icon {
  min-width: 24px !important;
  height: 24px !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  padding: 2px !important;
}
.grid-group .input-group .date-picker-icon .material-symbols-outlined {
  font-size: 15px;
}
.grid-group .input-group .date-time-picker .date-time-picker-icon {
  width: auto !important;
  min-width: 24px !important;
  height: 24px !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  padding: 2px !important;
}
.grid-group .input-group .date-time-picker .date-time-picker-icon .material-symbols-outlined {
  font-size: 15px;
}
.grid-group .text-error {
  font-size: 10px;
}
.grid-group .light-green-bg {
  background-color: #effff5 !important;
}
.form-control-green-bg {
  background-color: #effff5 !important;
}
.form-control-red-bg {
  background-color: #fff5ec !important;
}
.full-calendar {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  background-color: #f9f9f9;
}
.full-calendar .fc-header-toolbar {
  width: 100%;
  padding: 10px 15px;
  margin: 0 !important;
}
.full-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button {
  background: #005d28;
  border-color: #008131;
}
.full-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button {
  background: #024A20;
  border-color: #005d28;
}
.full-calendar .fc-header-toolbar .fc-button-group .fc-dayGridMonth-button {
  background: #024A20;
  border-color: #005d28;
}
.full-calendar .fc-header-toolbar .fc-button-group .fc-multiMonthYear-button {
  background: #005d28;
  border-color: #008131;
}
.full-calendar .fc-multimonth-header-table {
  color: #ffffff;
  background: #005d28;
}
.full-calendar .fc-multimonth-header-table thead tr th {
  border-color: #027a36;
}
.full-calendar .fc-multimonth-header-table thead tr th a {
  color: #ffffff;
  padding: 8px 4px;
  text-decoration: none;
}
.full-calendar .fc-multimonth-daygrid-table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top a {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.full-calendar .fc-multimonth-daygrid-table tbody tr td:hover {
  background: rgba(0, 93, 40, 0.1);
}
.full-calendar .fc-view-harness-active {
  padding: 0 15px;
}
.color-piker {
  width: 100%;
  height: 35px;
  padding: 4px 4px;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #000;
}
.color-piker .color-piker-code {
  min-width: 100px;
  padding: 0px 8px;
  text-align: center;
  font-weight: 600;
  border-right: 1px solid #000;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.color-piker .color-piker-control {
  width: 100%;
  height: 26px;
  padding: 0px 25px 0px 0px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.color-piker .color-piker-control::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 7px;
  width: 8px;
  height: 8px;
  border: 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
}
.color-piker .color-piker-control input {
  width: 100%;
  height: 25px;
  padding: 0;
  border: 0 !important;
  border-color: transparent;
  box-shadow: none !important;
  outline: none !important;
}
.space-block {
  width: 100%;
}
.space-block .space-block-header {
  width: 100%;
  height: 50px;
  color: #fff;
  padding: 0px;
  background: #11a14c;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
}
.space-block .space-block-header .space-block-header-left {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  align-content: center;
  background: #474747;
  text-align: center;
  padding: 4px 6px;
}
.space-block .space-block-header .space-block-header-left.type-1 {
  background: #b1ae00 !important;
}
.space-block .space-block-header .space-block-header-left.type-2 {
  background: #ff7b00 !important;
}
.space-block .space-block-header .space-block-header-left.type-3 {
  background: #ff6600 !important;
}
.space-block .space-block-header .space-block-header-left.type-4 {
  background: #ff0000 !important;
}
.space-block .space-block-header .space-block-header-left.type-5 {
  background: #ff0000 !important;
}
.space-block .space-block-header .space-block-header-left.type-6 {
  background: #ff0000 !important;
}
.space-block .space-block-header .space-block-header-center {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
  padding: 0px;
}
.space-block .space-block-header .space-block-header-center .space-box {
  min-width: 120px;
  max-width: 250px;
  padding: 6px 10px;
  margin-right: 10px;
}
.space-block .space-block-header .space-block-header-center .space-box label {
  margin-bottom: 4px;
}
.space-block .space-block-header .space-block-header-center .space-box span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.space-block .space-block-header .space-block-header-right {
  padding: 4px 15px;
  flex-shrink: 0;
}
.space-block .space-block-header .space-close {
  width: 25px;
  height: 25px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.space-block .space-block-header .space-close .material-symbols-outlined {
  font-size: 20px;
}
.space-block .space-block-header .space-close:hover {
  color: #ffffff;
  background: #df4640;
}
.space-block .space-block-body {
  width: 100%;
  padding: 15px 300px 15px 15px;
  overflow: hidden;
  overflow-y: auto;
  background: #f3f3fb;
  height: calc(100vh - 50px);
  position: relative;
}
.space-block .space-block-body .space-filter-block {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.space-block .space-block-body .space-filter-block .space-filter {
  flex-shrink: 0;
  margin-bottom: 8px;
}
.space-block .space-block-body .space-filter {
  width: 100%;
  display: flex;
  align-items: center;
}
.space-block .space-block-body .space-filter .filter-control {
  font-size: 14px;
  height: 28px;
  color: #000;
  background-color: #fff;
  border-radius: 50px;
  padding: 2px 8px;
  border: 1px solid #000;
  outline: none !important;
  margin-right: 8px;
}
.space-block .space-block-body .space-control-block {
  width: 280px;
  height: calc(100vh - 80px);
  color: #fff;
  background: #262d33;
  position: fixed;
  top: 65px;
  right: 15px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 16px;
  z-index: 11;
}
.space-block .space-block-body .space-control-block .space-control-block-header {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}
.space-block .space-block-body .space-control-block .space-control-block-header p {
  font-size: 12px;
  margin: 0;
}
.space-block .space-block-body .space-control-block .space-control-block-body {
  width: 100%;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 210px);
  border: 1px solid #262d33;
}
.space-block .space-block-body .space-control-block .space-control-block-body::-webkit-scrollbar {
  width: 2px;
}
.space-block .space-block-body .space-control-block .space-control-block-body .control-group {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}
.space-block .space-block-body .space-control-block .space-control-block-body .control-group .form-control,
.space-block .space-block-body .space-control-block .space-control-block-body .control-group .form-select {
  font-size: 14px;
}
.space-block .space-block-body .space-control-block .space-control-block-body .custom-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #008131;
}
.space-block .space-block-body .space-control-block .space-control-block-body .custom-item .icon_btn_group .icon_btn.add {
  background: #008131;
}
.space-block .space-block-body .space-control-block .space-control-block-footer {
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.space-block .space-block-body .space-control-block .space-control-block-footer .form-btn {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.space-block .space-block-body .space-control-block .space-control-block-footer .form-btn.active {
  background: #008131;
  border-color: #008131;
}
.space-block .custom-multiselect-dropdown {
  font-size: 12px;
}
.style_1 .form-control,
.style_1 .form-select {
  width: 100%;
  height: 30px;
  padding: 2px 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-position: right 2px center;
  background-size: 14px 10px;
  font-size: 12px;
}
.style_1 .form-control.rounded,
.style_1 .form-select.rounded {
  padding: 2px 10px;
  border-radius: 50px !important;
  background-position: right 5px center;
}
.style_1 .form-select.rounded {
  padding-right: 25px;
}
.style_1 textarea {
  height: auto;
}
.style_1 .multiselect-dropdown .dropdown-btn {
  min-height: auto !important;
  height: 30px !important;
  padding: 8px 4px 6px 4px !important;
  border: 1px solid #fff !important;
  background: #fff !important;
  border-radius: 4px !important;
  overflow: hidden;
}
.style_1 .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  height: 15px !important;
}
.style_1 .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
  top: 60% !important;
  border-width: 6px 6px 0 6px !important;
}
.style_1 .input-group {
  height: 30px;
  background: #fff;
  border-radius: 5px;
}
.style_1 .input-group .form-floating .form-control {
  height: 30px !important;
}
.style_1 .input-group .date-time-picker .date-time-picker-icon {
  width: 30px;
  height: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  border-bottom: 0;
}
.style_1 .input-group .date-time-picker .date-time-picker-icon .material-symbols-outlined {
  font-size: 18px;
}
.btn-group .btn-outline-primary {
  color: #005d28 !important;
  border-color: #005d28 !important;
  background: #ffffff !important;
}
.btn-group input:checked + .btn-outline-primary {
  color: #ffffff !important;
  border-color: #005d28 !important;
  background: #005d28 !important;
}
.full-calendar {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  background-color: #f9f9f9;
}
.full-calendar .fc-header-toolbar {
  width: 100%;
  padding: 10px 15px;
  margin: 0 !important;
}
.full-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button {
  background: #005d28;
  border-color: #008131;
}
.full-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button {
  background: #024A20;
  border-color: #005d28;
}
.full-calendar .fc-header-toolbar .fc-button-group .fc-dayGridMonth-button {
  background: #024A20;
  border-color: #005d28;
}
.full-calendar .fc-header-toolbar .fc-button-group .fc-multiMonthYear-button {
  background: #005d28;
  border-color: #008131;
}
.full-calendar .fc-multimonth-header-table {
  color: #ffffff;
  background: #005d28;
}
.full-calendar .fc-multimonth-header-table thead tr th {
  border-color: #027a36;
}
.full-calendar .fc-multimonth-header-table thead tr th a {
  color: #ffffff;
  padding: 8px 4px;
  text-decoration: none;
}
.full-calendar .fc-multimonth-daygrid-table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top a {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.full-calendar .fc-multimonth-daygrid-table tbody tr td:hover {
  background: rgba(0, 93, 40, 0.1);
}
.full-calendar .fc-view-harness-active {
  padding: 0 15px;
}
.full-calendar .fc-multiMonthYear-view .fc-daygrid-event-harness .fc-event .fc-event-title {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
.full-calendar .fc-multiMonthYear-view .fc-daygrid-event-harness .fc-event:focus {
  background: #fff;
}
.full-calendar .fc-view-harness-active {
  max-height: calc(100vh - 114px);
}
.fc-dayGridMonth-view {
  background: #fff;
}
.fc-dayGridMonth-view a {
  color: #000;
  text-decoration: none;
}
.fc-dayGridMonth-view .fc-scrollgrid-sync-inner {
  line-height: 40px;
}
.fc-dayGridMonth-view table th a {
  color: #005d28;
}
.fc-dayGridMonth-view table td a {
  color: #005d28;
}
.fc .fc-view-harness-active > .fc-view {
  padding: 0 15px;
}
.fc-event-title {
  background: #fff;
  color: #000;
  padding: 0px;
  line-height: 18px;
}
.fc .fc-daygrid-event {
  margin-top: 4px;
  z-index: 6;
  background: #fff;
  box-shadow: 0 0 4px #999;
  border-radius: 4px;
}
.fc .fc-multimonth-multicol .fc-daygrid-more-link {
  border: 1px solid #c07c01;
  color: #c07c01;
}
.info-grid {
  width: 100%;
  color: #fff;
  background: #32a0ea;
  font-size: 14px;
  line-height: 16px;
}
.info-grid table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.info-grid table tr td {
  padding: 8px 6px;
  border: 0;
}
.info-grid table tr td .text-btn {
  color: #fff;
}
.info-grid.gray-bg {
  color: #000;
  background: #d8d8d8;
  border: 1px solid #ccc;
}
.info-grid.gray-bg-1 {
  color: #000;
  background: #e5e9f4 !important;
  border: 1px solid #ccc;
}
.info-grid.dark-bg {
  background: #404042;
}
.info-grid.white-bg {
  color: #000;
  background: #fff;
}
.info-grid.light-green {
  color: #000;
  background: #e7fff1;
  box-shadow: 0 0 1px #585858;
}
.info-grid.purple-bg {
  color: #fff;
  background: #9c0672;
}
.info-grid.dark-blue {
  color: #fff;
  background: #0066a0;
}
.font-size-auto {
  font-size: inherit !important;
  line-height: inherit !important;
}
.info-grid-1 {
  width: 100%;
  background: none;
  font-size: 14px;
  line-height: 16px;
}
.info-grid-1 table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.info-grid-1 table tr td {
  padding: 8px 6px;
  border: 0;
}
.info-grid-1 table tr td:first-child {
  padding-left: 0;
}
.info-grid-1 table tr td:last-child {
  padding-right: 0;
}
.info-grid-1 table.has-devider tr td {
  border-right: 1px solid #ccc;
}
.info-grid-1 table.has-devider tr td:last-child {
  border-right: 0;
}
.info-grid-2 {
  width: 100%;
  background: #fff5ec;
  padding: 4px 0;
  border: 1px solid #ccc;
}
.info-grid-2 table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 16px;
}
.info-grid-2 table tr td {
  padding: 5px 8px;
  border: 0;
  vertical-align: middle;
}
.info-grid-2 table tr td .info-value {
  font-weight: 600;
  color: #008131;
  padding-left: 5px;
  display: inline-block;
}
.info-grid-2 table tr td.has-devider {
  position: relative;
}
.info-grid-2 table tr td.has-devider::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  border-radius: 50px;
  background: #005d28;
  top: 0;
  right: 0;
}
.grid-5 {
  width: 100%;
}
.grid-5 .grid-5-header {
  width: 100%;
  font-size: 14px;
  color: #fff;
  background: #000;
}
.grid-5 .grid-5-header table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.grid-5 .grid-5-header table tr td {
  border: 0px;
  padding: 5px 5px;
}
.grid-5 .grid-5-body {
  width: 100%;
  padding: 15px;
  background: #dcedc8;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
}
.sticky-block {
  position: sticky;
  top: -25px;
  left: 0;
  z-index: 2;
}
.dual-block {
  width: 100%;
  height: calc(100vh - 60px);
  display: flex;
  background: #f3f3fb;
  word-wrap: break-word;
  overflow: hidden;
}
.dual-block .dual-block-left {
  width: 250px;
  padding: 15px;
  flex-shrink: 0;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
}
.dual-block .dual-block-right {
  padding: 15px;
  width: calc(100% - 250px);
  flex-shrink: 0;
  overflow: hidden;
  overflow-y: auto;
}
.date-time-picker .date-time-picker-icon {
  width: 40px;
  height: 46px;
  border-radius: 0;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #dddddd;
  color: #008131;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.date-time-picker .date-time-picker-icon .material-symbols-outlined {
  font-size: 22px;
}
.popover-body {
  padding: 4px;
}
.date-time-picker-menu .ngb-tp {
  justify-content: center;
}
.date-time-picker-menu .ngb-tp .ngb-tp-input-container .btn-link {
  width: 100%;
  height: 20px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  margin: 2px 0px;
}
.date-time-picker-menu .ngb-tp .ngb-tp-input-container .btn-link .ngb-tp-chevron::before {
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  color: #c07c01;
}
.date-time-picker-menu .ngb-tp .ngb-tp-input-container .btn-link:hover {
  color: #ffffff;
  background: #c07c01;
}
.date-time-picker-menu .ngb-tp .ngb-tp-input-container .btn-link:hover .ngb-tp-chevron::before {
  color: #ffffff;
}
.date-time-picker-menu .ngb-tp .ngb-tp-input-container .ngb-tp-input {
  height: 22px;
  border: 1px solid #ccc;
}
.date-time-picker-menu ngb-datepicker {
  position: static !important;
}
.dark-popup {
  width: 300px;
  color: #fff;
  background: #262d33;
  border-right: 1px solid #262d33;
  position: absolute;
  right: -100%;
  top: 60px;
  font-size: 14px;
  line-height: 16px;
  z-index: 11;
  transition: all 0.3s ease;
}
.dark-popup.md {
  width: 550px !important;
}
.dark-popup.lg {
  width: 60% !important;
}
.dark-popup.xl {
  width: 75% !important;
}
.dark-popup.xxl {
  width: 90% !important;
}
.dark-popup .dark-popup-header {
  width: 100%;
  height: 65px;
  padding: 10px 10px;
  border-bottom: 1px solid #444d54;
}
.dark-popup .dark-popup-header .h6 {
  margin: 0px;
}
.dark-popup .dark-popup-header p {
  font-size: 12px;
  margin: 0;
}
.dark-popup .dark-popup-body {
  width: 100%;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 159px);
}
.dark-popup .dark-popup-body::-webkit-scrollbar {
  width: 3px;
}
.dark-popup .dark-popup-body .control-group {
  width: 100%;
  padding: 10px 10px;
  border-bottom: 1px solid #444d54;
}
.dark-popup .dark-popup-body .control-group .form-control,
.dark-popup .dark-popup-body .control-group .form-select {
  font-size: 14px;
  color: #fff;
  border-color: #444d54;
  background-color: transparent !important;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M7.247 11.14 2.451 5.658c-.566-.64-.106-1.658.753-1.658h9.592c.86 0 1.319 1.019.753 1.658L8.753 11.14a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}
.dark-popup .dark-popup-body .control-group .form-control option,
.dark-popup .dark-popup-body .control-group .form-select option {
  background: #262d33 !important;
}
.dark-popup .dark-popup-body .control-group .form-control::placeholder,
.dark-popup .dark-popup-body .control-group .form-select::placeholder {
  color: #a9a9a9;
}
.dark-popup .dark-popup-body .control-group input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.dark-popup .dark-popup-body .custom-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #008131;
}
.dark-popup .dark-popup-body .custom-item .icon_btn_group .icon_btn.add {
  background: #008131;
}
.dark-popup .dark-popup-body .barcode img {
  width: 100%;
}
.dark-popup .dark-popup-body .input-group {
  color: #fff;
  background: none;
}
.dark-popup .dark-popup-body .input-group .form-floating input {
  padding: 2px 5px !important;
  border: 1px solid #444d54 !important;
}
.dark-popup .dark-popup-body .input-group .date-picker-icon {
  color: #fff;
  height: 30px;
  width: 30px;
  border: 1px solid #444d54 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 0px 4px 4px 0px;
}
.dark-popup .dark-popup-body .input-group .date-picker-icon .material-symbols-outlined {
  font-size: 16px;
}
.dark-popup .dark-popup-body .scan {
  background: rgba(255, 255, 238, 0.1);
}
.dark-popup .dark-popup-body .scan .form-control {
  border-color: #5b6770;
}
.dark-popup .dark-popup-body .scan .scan-icon {
  background: none;
}
.dark-popup .dark-popup-body .scan .scan-icon .material-symbols-outlined {
  font-size: 20px;
}
.dark-popup .dark-popup-body .data-table {
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0 0 2px #d1d1d1;
}
.dark-popup .dark-popup-body .data-table table {
  background: none !important;
}
.dark-popup .dark-popup-body .data-table table tbody {
  background: rgba(255, 255, 238, 0.02) !important;
}
.dark-popup .dark-popup-body .data-table table tbody tr td {
  color: #fff;
  background: none !important;
  border-color: #444d54;
}
.dark-popup .dark-popup-body .data-table table tbody,
.dark-popup .dark-popup-body .data-table table td,
.dark-popup .dark-popup-body .data-table table tfoot,
.dark-popup .dark-popup-body .data-table table th,
.dark-popup .dark-popup-body .data-table table thead,
.dark-popup .dark-popup-body .data-table table tr {
  border-color: #444d54;
}
.dark-popup .dark-popup-footer {
  overflow: hidden;
}
.dark-popup .dark-popup-footer .form-btn {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.dark-popup .dark-popup-footer .form-btn.active {
  background: #008131;
  border-color: #008131;
}
.dark-popup.active {
  right: 0;
}
.light-popup {
  width: 300px;
  border-left: 1px solid #ccc;
  position: absolute;
  right: -100%;
  top: 60px;
  font-size: 14px;
  line-height: 16px;
  z-index: 11;
  transition: all 0.3s ease;
  background: #f2f3fa;
}
.light-popup.md {
  width: 550px !important;
}
.light-popup.lg {
  width: 60% !important;
}
.light-popup.xl {
  width: 75% !important;
}
.light-popup.xxl {
  width: 90% !important;
}
.light-popup .light-popup-header {
  width: 100%;
  height: 45px;
  padding: 10px 10px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}
.light-popup .light-popup-header .h6 {
  margin: 0px;
}
.light-popup .light-popup-header p {
  font-size: 12px;
  margin: 0;
}
.light-popup .light-popup-body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 140px);
}
.light-popup .light-popup-body::-webkit-scrollbar {
  width: 3px;
}
.light-popup .light-popup-footer {
  height: 35px;
  overflow: hidden;
}
.light-popup .light-popup-footer .form-btn {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.light-popup .light-popup-footer .form-btn.active {
  background: #008131;
  border-color: #008131;
}
.light-popup.active {
  right: 0;
}
.carton-image {
  text-align: center;
}
.carton-image img {
  max-width: 100%;
  max-height: 120px;
  margin-bottom: 20px;
}
.info-grid-block {
  width: 100%;
}
.info-grid-block .info-grid-block-header {
  width: 100%;
}
.info-grid-block .info-grid-block-body {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-height: 350px;
}
.info-grid-block .info-grid-block-body::-webkit-scrollbar {
  width: 3px;
}
.info-grid-block .info-grid-1 {
  border-bottom: 1px dashed #ccc;
}
.info-grid-block .info-grid-1 table {
  margin: 8px 0;
}
.info-grid-block .info-grid-1 table tr td {
  padding: 0px 5px;
}
.info-grid-block .info-grid-1 .static-label {
  font-size: 12px;
  margin-bottom: 3px;
}
.info-grid-block .info-grid-1 .dynamic-label {
  font-size: 12px;
}
.info-grid-block .barcode {
  padding: 0 !important;
}
.info-grid-block .barcode img {
  max-width: 100%;
  max-height: 50px;
  display: block;
  margin: 0 auto;
}
.sticky-title-block {
  width: 100%;
  position: relative;
}
.sticky-title-block .sticky-title {
  position: sticky;
  top: -10px;
  left: 0;
  z-index: 1;
  padding: 8px 0 8px 0;
  background: #fdfdfd;
  margin-bottom: 3px;
}
.default-table {
  width: 100%;
  color: #000;
  background: #fff;
  font-size: 14px;
  line-height: 16px;
}
.default-table table {
  width: 100%;
  border-collapse: collapse;
}
.default-table table tr td {
  padding: 8px 10px !important;
  border: 0;
  vertical-align: middle;
}
.default-table.grey {
  background: #d9d9d9;
}
.content_block {
  width: 100%;
  padding: 10px;
  word-wrap: break-word;
  background: #f8e7df;
  border: 1px solid #dac6bd;
}
.check {
  min-height: 20px;
  padding: 0px 0px 0px 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check input:checked ~ .checkmark {
  background-color: #008131;
}
.check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #aba5a5;
  border-radius: 2px;
}
.check .checkmark:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check .check-text {
  min-height: 20px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.export-dropdown-btn .material-symbols-outlined {
  font-size: 20px;
  margin-right: 3px;
}
.text-btn,
.filter-tab,
.form-header-tabs,
.top-tabs-nav,
.form-radio-wrapper,
.status-box-icon,
.app-header-right,
.left-bar-nav,
.t-tab-nav-item,
.c-grid-control-box,
.custom-toggle-nav,
.top-tab-nav-item,
.text_radio,
.image-radio,
.form-label .form-label-name,
.left-tabs-nav-item,
.view-box-icon,
.step-tab-nav-item,
.search-icon,
.collapse-pannel-header,
.icon_btn_group,
.mobile-trigger,
.check,
.grid_dropdown_toggle,
.nav-item,
.ooooo,
.ooooo,
.ooooo,
.ooooo,
.ooooo,
.ooooo,
.ooooo {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 1024px) {
  .app-header .app-header-right {
    display: none;
  }
  .app-header .mobile-view {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .form-container {
    margin-left: 50px;
    width: calc(100% - 50px);
  }
  .top-status-info .status-block .status-box {
    padding: 5px;
    margin-bottom: 15px;
  }
  .top-status-info .status-block .status-box .status-box-icon {
    width: 40px;
    height: 40px;
  }
  .top-status-info .status-block .status-box .status-box-icon .material-symbols-outlined {
    font-size: 25px;
  }
  .page-wrapper-in {
    display: block;
    overflow: hidden;
  }
  .page-wrapper-in .content-block {
    width: 100%;
    border: 0px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section {
    padding: 0px 0px 10px 0px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .grid-header-filters .filter-tab {
    height: 35px;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 6px 15px 5px 15px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .grid-header-filters .filter-tab .material-symbols-outlined {
    font-size: 20px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .export-dropdown .export-dropdown-btn {
    height: 36px;
    font-size: 14px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .export-dropdown .export-dropdown-btn .material-symbols-outlined {
    font-size: 20px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .add-form-btn {
    height: 36px;
    margin-left: 15px;
    padding: 6px 15px 6px 25px;
  }
  .page-wrapper-in .content-block .form-container .grid-header-section .add-form-btn::before {
    left: 4px;
    top: 1px;
    font-size: 20px;
  }
  .page-wrapper-in .content-block .form-container .search-box {
    top: -50px;
    left: 120px;
    width: 200px;
  }
  .page-wrapper-in .content-block .form-container .search-box input {
    height: 35px;
    padding: 10px 10px 10px 35px;
  }
  .page-wrapper-in .content-block .form-container .search-box .material-symbols-outlined {
    font-size: 17px;
    top: 10px;
    left: 10px;
  }
  .page-wrapper-in .content-block .form-container .web-form-body {
    padding: 0px 15px 15px 15px;
  }
  .page-wrapper-in .content-block .form-container .page-static-search {
    padding: 15px 15px 0px 15px;
  }
  .side-form .side-form-header {
    padding: 4px 15px;
  }
  .side-form .side-form-header .side-form-header-left .side-form-close {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  .side-form .side-form-header .side-form-header-right .side-form-btn {
    padding: 6px 10px;
    margin-left: 10px;
  }
  .side-form .side-form-header .side-form-header-right .side-form-btn:first-child {
    margin-right: 0;
  }
  .side-form .side-form-header .side-form-header-right .side-form-btn.clear::after {
    content: none;
  }
  .side-form .side-form-body {
    padding: 15px;
  }
  .side-form .side-form-body .side-form-body-inner .side-split-form-block {
    display: block;
  }
  .side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-image {
    width: 100%;
    margin: 0;
  }
  .side-form .side-form-body .side-form-body-inner .side-split-form-block .side-split-form {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 576px) {
  .dash-barcodes .dash-barcodes-box input,
  .dash-barcodes .dash-barcodes-box .barcode {
    width: 100% !important;
  }
}
.form-floating .form-control,
.form-floating .form-select {
  border-width: 0 0 1px !important;
  border-color: #d8d8d8;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-1.2rem) translateX(0rem);
  color: #005d28;
  z-index: 0;
}
.data-no {
  width: 100%;
  padding: 30px;
  text-align: center;
  letter-spacing: 0.5px;
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
}
.data-no img {
  display: block;
  max-height: 130px;
  margin: 0 auto 10px auto;
}
.data-no .data-no-title {
  font-weight: 700;
  margin-bottom: 10px;
}
.data-no p {
  font-weight: 400;
  margin: 0px 0px 10px 0px;
}
.data-no .data-no-btn {
  font-size: 14px;
  border-radius: 50px;
  text-align: center;
  padding: 5px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #005d28;
  transition: all 0.3s ease;
  outline: none !important;
  letter-spacing: 0.5px;
  cursor: pointer;
  border: 1px solid #005d28;
}
.data-no .data-no-btn .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.data-no .data-no-btn:hover {
  opacity: 0.8;
}
.data-no.sm {
  padding: 5px;
}
.data-no.sm img {
  max-height: 70px;
  margin-bottom: 5px;
}
.data-no.sm .data-no-title {
  font-size: 14px;
  margin-bottom: 5px;
}
.collapse-pannel {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  color: #000;
  background: #fff;
  border-radius: 4px;
}
.collapse-pannel .collapse-pannel-header {
  width: 100%;
  height: 38px;
  padding: 8px 25px 8px 10px;
  position: relative;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collapse-pannel .collapse-pannel-header::before {
  content: "";
  position: absolute;
  top: 13px;
  right: 8px;
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.collapse-pannel.active .collapse-pannel-header::before {
  transform: rotate(225deg);
}
.collapse-pannel .collapse-pannel-content {
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.collapse-pannel .collapse-pannel-content .collapse-pannel-body {
  width: 100%;
  max-height: 300px;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid transparent;
  border-top: 0;
  transition: all 0.3s ease;
  border-radius: 0px 0px 4px 4px;
}
.collapse-pannel .collapse-pannel-content .collapse-pannel-body::-webkit-scrollbar {
  width: 3px;
}
.collapse-pannel.active .collapse-pannel-header {
  border-radius: 4px 4px 0px 0px;
}
.collapse-pannel.active .collapse-pannel-content {
  height: auto;
  opacity: 1;
}
.collapse-pannel.active .collapse-pannel-content .collapse-pannel-body {
  border-color: #ccc;
}
.collapse-pannel.sm {
  font-size: 14px;
  line-height: 16px;
}
.collapse-pannel.sm .collapse-pannel-header {
  height: 30px;
  padding: 7px 15px 5px 5px;
}
.collapse-pannel.sm .collapse-pannel-header::before {
  width: 7px;
  height: 7px;
  top: 9px;
  right: 5px;
}
.collapse-pannel.sm .collapse-pannel-content .collapse-pannel-body {
  padding: 8px 8px;
}
.collapse-pannel.no-bg {
  color: #fff;
  background: none;
}
.collapse-pannel.no-bg .collapse-pannel-header::before {
  border-color: #fff;
}
.mini-control > .form-control {
  width: 100%;
  height: 20px;
  font-size: 12px;
  padding: 2px !important;
  border: 1px solid #ccc;
}
.mini-control .form-select {
  width: 100%;
  height: 20px;
  font-size: 12px;
  padding: 2px 2px !important;
  border: 1px solid #ccc;
  background-position: right 2px center;
  background-size: 10px 8px;
}
.mini-control .input-group {
  flex-wrap: nowrap;
}
.mini-control .input-group .form-floating {
  all: unset;
}
.mini-control .input-group .form-floating .form-control {
  width: 100%;
  height: 20px !important;
  padding: 2px !important;
  font-size: 12px;
}
.mini-control .input-group .date-picker-icon {
  width: 20px !important;
  height: 20px !important;
  padding: 2px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc !important;
}
.mini-control .input-group .date-picker-icon .material-symbols-outlined {
  font-size: 14px;
  margin: 0 !important;
  padding: 0 !important;
}
.download-item {
  border: 1px solid #ccc;
  padding: 8px 10px;
  border-radius: 4px;
  display: flex;
  gap: 14px;
  align-items: center;
  will-change: transform;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.download-item .material-symbols-outlined {
  font-size: 30px;
}
.download-item .filedata {
  display: flex;
  gap: 4px;
  font-size: 12px;
  margin-top: 4px;
  color: #888888;
}
.download-item .form-btn {
  margin: 0 0 0 auto;
}
.download-item:hover {
  border-color: #005d28;
}
.item svg {
  width: 36px;
  height: 36px;
  transition: all 0.3s ease-in-out;
}
.item:hover svg {
  color: #7e3af2;
  fill: red;
}
.item button {
  all: unset;
  margin-left: auto;
  background-color: #7e3af2;
  padding: 12px 16px;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.item button:hover {
  background-color: #7126f1;
}
.data-table-block {
  width: 100%;
  position: relative;
}
.search-control {
  width: 100%;
  height: 36px;
  border-radius: 50px;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 0 5px #999 !important;
  overflow: hidden;
}
.search-control label {
  font-size: 12px;
  white-space: nowrap;
  padding: 0px 5px 0px 15px;
  flex-shrink: 0;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-right: 1px solid #ccc;
}
.search-control .form-control,
.search-control .form-select {
  border: 0;
  font-size: 14px;
}
.search-control .form-select {
  padding-right: 15px;
}
.search-control-btn-group {
  display: inline-flex;
  box-shadow: 0 0 5px #999;
  border-radius: 50px;
  overflow: hidden;
}
.search-control-btn-group .search-control-btn {
  height: 36px;
  border: 0;
  padding: 4px 10px;
  text-align: center;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ccc;
}
.search-control-btn-group .search-control-btn .material-symbols-outlined {
  font-size: 18px;
}
.search-control-btn-group .search-control-btn:first-child {
  padding-left: 15px;
}
.search-control-btn-group .search-control-btn:last-child {
  padding-right: 15px;
  border: 0;
}
.tool-box-group {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.tool-box {
  width: 135px;
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  border: 0;
  border-right: 1px solid #ccc;
  padding: 2px;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.tool-box.custom-w-75 {
  width: 75px !important;
}
.tool-box.custom-w-90 {
  width: 90px !important;
}
.tool-box:first-child {
  border-left: 1px solid #ccc;
}
.tool-box .tool-btn {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
  font-size: 12px;
  line-height: 14px;
}
.tool-box .tool-btn .material-symbols-outlined {
  font-size: 19px;
  transition: all 0.3s ease;
}
.tool-box .tool-btn:hover {
  background: #f0f0f0;
}
.tool-box .tool-btn:active {
  transform: scale(0.9);
}
.tool-box .tool-control {
  width: 50%;
  padding: 2px 4px;
}
.table-grid-block {
  width: 100%;
  overflow: auto;
}
.table-grid-block .table-grid {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  font-size: 14px;
  margin-top: -8px;
}
.table-grid-block .table-grid thead tr {
  color: #fff;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block .table-grid thead tr th {
  padding: 8px 8px;
  vertical-align: middle;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  min-width: 100px;
}
.table-grid-block .table-grid thead tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-left: 1px solid #000;
}
.table-grid-block .table-grid thead tr th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-right: 1px solid #000;
}
.table-grid-block .table-grid tbody tr {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
}
.table-grid-block .table-grid tbody tr:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.table-grid-block .table-grid tbody tr td {
  padding: 8px 8px;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.table-grid-block .table-grid tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-left: 1px solid #ccc;
}
.table-grid-block .table-grid tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-right: 1px solid #ccc;
}
.table-grid-block .table-grid tbody tr td .label {
  display: block;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 4px;
  display: none;
}
.table-grid-block .table-grid tbody tr td .value {
  display: block;
  font-weight: 500;
  color: #111827;
  word-break: break-word;
}
.table-grid-block .table-grid tbody tr td .tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}
.table-grid-block .table-grid tbody tr td .tag.transport {
  background-color: #f0f9ff;
  color: #0284c7;
}
.table-grid-block .table-grid tbody tr td .tag.courier {
  background-color: #fef2f2;
  color: #dc2626;
}
.table-grid-block .table-grid tbody tr td .info-table-btn-group {
  padding: 0;
}
.table-grid-block-1 {
  width: 100%;
  overflow: auto;
  position: relative;
  max-height: calc(100vh - 141px);
  border-top: 0;
}
.table-grid-block-1::-webkit-scrollbar {
  width: 0px;
}
.table-grid-block-1::-webkit-scrollbar-thumb {
  background: #c07c01;
}
.table-grid-block-1 .table-grid {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-spacing: 0;
  font-size: 14px;
  margin-bottom: 5px;
}
.table-grid-block-1 .table-grid thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.table-grid-block-1 .table-grid thead tr {
  color: #fff;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block-1 .table-grid thead tr th {
  padding: 8px 8px;
  vertical-align: middle;
  min-width: 100px;
  white-space: nowrap;
  border-right: 1px solid transparent;
}
.table-grid-block-1 .table-grid thead tr th > div {
  min-width: 100px;
}
.table-grid-block-1 .table-grid thead tr th .check-style-1-checkmark {
  border-color: #ffffff;
}
.table-grid-block-1 .table-grid thead tr th .check-style-3 {
  min-width: auto;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.table-grid-block-1 .table-grid tbody tr {
  background: #fff;
  border-radius: 12px;
  transition: all 0.2s ease;
}
.table-grid-block-1 .table-grid tbody tr td {
  padding: 8px 8px;
  vertical-align: middle;
}
.table-grid-block-1 .table-grid tbody tr td .label {
  display: block;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 4px;
  display: none;
}
.table-grid-block-1 .table-grid tbody tr td .value {
  display: block;
  font-weight: 500;
  color: #111827;
  word-break: break-word;
}
.table-grid-block-1 .table-grid tbody tr td .info-table-btn-group {
  padding: 0;
}
.table-grid-block-1 .table-grid tbody.looping .tr-space {
  background: none !important;
  border: 0 !important;
  padding: 0px;
}
.table-grid-block-1 .table-grid tbody.looping .tr-space td {
  background: transparent !important;
  border: 0 !important;
  padding: 3px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-top td {
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-top td:first-child {
  border-left: 1px solid #ccc;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-top td:last-child {
  border-right: 1px solid #ccc;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom td {
  padding: 0 !important;
  border: 1px solid #ccc;
  border-top: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom td .sub-box-group {
  position: sticky;
  left: 0;
  width: calc(100vw - 298px);
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header {
  width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 7px;
  border-bottom: 1px solid transparent;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-left {
  max-width: calc(100vw - 225px);
  padding-right: 10px;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-left::-webkit-scrollbar {
  width: 2px;
  height: 3px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-left .persons {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
  line-height: 14px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-left .persons .material-symbols-outlined {
  font-size: 18px;
  margin-right: 4px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-left .persons:last-child {
  margin-right: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-right {
  padding-left: 10px;
  flex-shrink: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-header .sub-box-bottom-header-right .text-btn {
  font-size: 12px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container {
  width: 100%;
  height: 0px;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body {
  padding: 0px 7px 7px 7px;
  overflow: auto;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table {
  position: relative;
  overflow: auto;
  word-wrap: break-word;
  max-height: 200px;
  border: 1px solid #ccc;
  background: #fff;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table::-webkit-scrollbar {
  width: 3px;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
  margin: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table thead tr th {
  padding: 5px !important;
  background: #e2e2e2;
  vertical-align: middle;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table tbody tr td {
  padding: 5px !important;
  background: #f6f6f6 !important;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
  border-radius: 0;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table tbody tr td.sticky-td {
  border-left-color: #e3e3e3 !important;
  background: #f1f1f1 !important;
}
.table-grid-block-1 .table-grid tbody.looping tr.sub-box-bottom .sub-box-bottom-container .sub-box-bottom-body .sub-box-table table tbody tr:last-child td {
  border: 0;
}
.table-grid-block-1 .table-grid tbody.looping.active td .sub-box-group .sub-box-bottom-header {
  border-color: #ccc;
}
.table-grid-block-1 .table-grid tbody.looping.active td .sub-box-group .sub-box-bottom-container {
  opacity: 1 !important;
  height: auto !important;
}
.table-grid-block-1 .table-grid .sub-box-bottom.active .sub-box-bottom-container {
  opacity: 1 !important;
  height: auto !important;
}
.table-grid-block-1 .table-grid tr.sub-box-single td {
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
}
.table-grid-block-1 .table-grid tr.sub-box-single td:first-child {
  border-left: 1px solid #ccc;
}
.table-grid-block-1 .table-grid tr.sub-box-single td:last-child {
  border-right: 1px solid #ccc;
}
.table-grid-block-1 th.sticky-td {
  top: 0;
  right: 0px;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: cover;
  text-align: center;
}
.table-grid-block-1 .sticky-td {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: 0px;
  background: #f8f8f8;
  text-align: center;
}
.table-grid-block-1 th.sticky-td-1 {
  top: 0;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
  text-align: center;
}
.table-grid-block-1 .sticky-td-1 {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: 50px !important;
  background: #f8f8f8;
  text-align: center;
}
.table-grid-block-1 th.sticky-td-2 {
  top: 0;
  width: 50px;
  min-width: 50px;
  background: #000;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: cover;
  text-align: center;
}
.table-grid-block-1 .sticky-td-2 {
  width: 50px;
  min-width: 50px;
  position: sticky;
  right: 100px !important;
  background: #f8f8f8;
  text-align: center;
}
.table-grid-block-1 .has-border-left {
  border-left: 1px solid #f3f3f3 !important;
}
.table-grid-block-1 th.has-border-left {
  border-left-color: #838282 !important;
}
.table-grid-block-1 .first-sticky-td {
  position: sticky;
  left: 0px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.table-grid-block-1 th.first-sticky-td {
  border-right-color: #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block-1 .first-sticky-td-0 {
  position: sticky;
  width: 150px !important;
  left: 0px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.table-grid-block-1 th.first-sticky-td-0 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block-1 .first-sticky-td-1 {
  width: 150px !important;
  position: sticky;
  left: 150px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.table-grid-block-1 th.first-sticky-td-1 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block-1 .first-sticky-td-2 {
  position: sticky;
  left: 300px;
  background: #f8f8f8;
  border-right: 1px solid #f3f3f3 !important;
}
.table-grid-block-1 th.first-sticky-td-2 {
  border-right-color: 1px solid #838282 !important;
  background: url("./media/grid-bg-33CGSYNW.jpg");
  background-size: contain;
}
.table-grid-block-1 .tr-bg-green td {
  background: #e9ffe9 !important;
}
.table-grid-block-1 .tr-bg-green td.sticky-td,
.table-grid-block-1 .tr-bg-green td.sticky-td-1,
.table-grid-block-1 .tr-bg-green td.sticky-td-2,
.table-grid-block-1 .tr-bg-green td.first-sticky-td {
  background: #dbf9db !important;
}
.table-grid-block-1 .tr-bg-red td {
  background: #ffe9e9 !important;
}
.table-grid-block-1 .tr-bg-red td.sticky-td,
.table-grid-block-1 .tr-bg-red td.sticky-td-1,
.table-grid-block-1 .tr-bg-red td.sticky-td-2,
.table-grid-block-1 .tr-bg-red td.first-sticky-td {
  background: #f5d2d2 !important;
}
.table-grid-block-1 .tr-bg-orange td {
  background: #fff5f3 !important;
  border-color: #e46b50 !important;
  border-style: dashed !important;
}
.table-grid-block-1 .tr-bg-orange td.sticky-td,
.table-grid-block-1 .tr-bg-orange td.sticky-td-1,
.table-grid-block-1 .tr-bg-orange td.sticky-td-2,
.table-grid-block-1 .tr-bg-orange td.first-sticky-td {
  background: #f7eae7 !important;
}
.table-grid-block-1 .tr-bg-orange .has-border-left {
  border-left: 1px solid #f7eae7 !important;
}
.table-grid-block-1 .tr-bg-blue td {
  background: #e6e6ff !important;
}
.table-grid-block-1 .tr-bg-blue td.sticky-td,
.table-grid-block-1 .tr-bg-blue td.sticky-td-1,
.table-grid-block-1 .tr-bg-blue td.sticky-td-2,
.table-grid-block-1 .tr-bg-blue td.first-sticky-td {
  background: #dfdff9 !important;
}
.table-grid-block-1 .tr-bg-gray td {
  background: #f7f7f7 !important;
}
.table-grid-block-1 .tr-bg-gray td.sticky-td,
.table-grid-block-1 .tr-bg-gray td.sticky-td-1,
.table-grid-block-1 .tr-bg-gray td.sticky-td-2,
.table-grid-block-1 .tr-bg-gray td.first-sticky-td {
  background: #f1f1f1 !important;
}
.table-grid-block-1 .tr-bg-disabled td {
  color: #ccc !important;
}
.table-grid-block-1 .table-grid-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-grid-block-1 .width-50 {
  min-width: auto !important;
  width: 50px !important;
  max-width: 50px !important;
}
.table-grid-block-1 .cell-w-25 {
  width: 25px !important;
  max-width: 25px !important;
  min-width: auto !important;
}
.table-grid-block-1 .cell-w-50 {
  width: 25px !important;
  max-width: 50px !important;
  min-width: auto !important;
}
.table-grid-block-1 .cell-w-75 {
  width: 75px !important;
  max-width: 75px !important;
  min-width: auto !important;
}
.table-grid-block-1 .cell-w-100 {
  width: 100px !important;
  max-width: 100px !important;
}
.table-grid-block-1 .cell-w-150 {
  width: 150px !important;
  max-width: 150px !important;
}
.table-grid-block-1 .cell-w-200 {
  width: 200px !important;
  max-width: 200px !important;
}
.table-grid-block-1 .cell-w-250 {
  width: 250px !important;
  max-width: 250px !important;
}
.table-grid-block-1 .cell-w-300 {
  width: 300px !important;
  max-width: 300px !important;
}
.table-grid-block-1 .no-data {
  position: sticky;
  left: 1px;
  z-index: 1;
  width: calc(100% - 2px);
}
.nav-hide .sub-box-group {
  width: calc(100vw - 107px) !important;
}
.custom-tabs .nav-tabs li {
  margin-right: 1px;
}
.custom-tabs .nav-tabs li .nav-link {
  color: #000;
  letter-spacing: 0.5px;
}
.custom-tabs .nav-tabs li .nav-link:hover {
  background: rgba(255, 255, 255, 0.5);
}
.custom-tabs .nav-tabs li .nav-link.active {
  color: #008131;
  font-weight: 600;
}
.custom-tabs .nav-tabs li .nav-link.active:hover {
  background: #fff;
}
.custom-tabs .tab-content {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-top: 0;
  overflow: hidden;
  overflow-y: auto;
}
.shapes-body::-webkit-scrollbar,
.drag-block-left-body::-webkit-scrollbar {
  width: 3px !important;
}
.color-indication {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid #000;
}
.color-indication span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #ccc;
  display: block;
  margin-right: 5px;
}
.color-indication span:last-child {
  margin: 0;
}
.toggle-box {
  width: 100%;
  height: 0;
  opacity: 0;
  padding: 0px;
  background: #fff;
  overflow: hidden;
  border: 0;
  transition: all 0.3s ease;
}
.toggle-box.active {
  height: auto;
  overflow-y: auto;
  opacity: 1;
  border: 1px solid #ccc;
}
.toggle-box .toggle-box-body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
}
.toggle-box .toggle-box-body::-webkit-scrollbar {
  width: 3px;
}
.text-bottom-end {
  display: flex;
  justify-content: end;
  align-items: end;
}
.group-box {
  width: 100%;
  word-wrap: break-word;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #979797;
  overflow: hidden;
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #c0ecdd 100%);
}
.group-box .group-box-top {
  padding: 10px;
}
.group-box .group-box-top table {
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
}
.group-box .group-box-top table tr td {
  padding-left: 10px;
  border-right: 1px solid #ccc;
}
.group-box .group-box-top table tr td:first-child {
  padding-left: 0;
}
.group-box .group-box-top table tr td:last-child {
  border: 0;
}
.group-box .group-box-bottom {
  padding: 10px;
  border-top: 1px solid #ccc;
}
.group-box .group-box-bottom table {
  width: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}
.group-box .group-box-bottom table tr td {
  padding-left: 10px;
  border-right: 1px solid #ccc;
}
.group-box .group-box-bottom table tr td:first-child {
  padding-left: 0;
}
.group-box .group-box-bottom table tr td:last-child {
  border: 0;
}
.group-box .group-box-bottom table label {
  margin-bottom: 5px;
}
.group-box .chart-box {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 8px;
}
.group-box .chart-box table {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
}
.group-box .chart-box table tr td p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.group-box .timeline-wrapper {
  position: relative;
  padding-left: 24px;
}
.group-box .timeline-wrapper::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  bottom: 60px;
  width: 2px;
  background-color: #cbd5e1;
}
.group-box .timeline-item {
  position: relative;
  margin-bottom: 10px;
}
.group-box .timeline-item:last-child {
  margin-bottom: 0;
}
.group-box .dot {
  position: absolute;
  left: -22px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #005d28;
  z-index: 2;
}
.group-box .dot.green {
  background-color: #10b981;
}
.group-box .dot.blue {
  background-color: #3b82f6;
}
.group-box .dot.red {
  background-color: #ef4444;
}
.group-box .content-box {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 7px 8px 4px 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.group-box .content-box h3 {
  font-size: 14px;
  color: #374151;
  margin-bottom: 2px;
  font-weight: 600;
}
.group-box .content-box p {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.4;
  margin-bottom: 2px;
}
.group-box .content-box .date {
  font-size: 11px;
  color: #9ca3af;
  display: block;
}
.group-box.has-height {
  padding: 0;
}
.group-box.has-height .group-box-body {
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 75px);
}
.group-box.has-height .group-box-body::-webkit-scrollbar {
  width: 3px;
}
.timeline-item:nth-child(3n+1) .dot {
  background: #005d28;
}
.timeline-item:nth-child(3n+1):hover .content-box {
  color: #005d28;
  border-color: #005d28;
}
.timeline-item:nth-child(3n+2) .dot {
  background: #3795d5;
}
.timeline-item:nth-child(3n+2):hover .content-box {
  color: #3795d5;
  border-color: #3795d5;
}
.timeline-item:nth-child(3n+3) .dot {
  background: #e3674d;
}
.timeline-item:nth-child(3n+3):hover .content-box {
  color: #e3674d;
  border-color: #e3674d;
}
.icon-text {
  display: flex;
  align-items: center;
}
.icon-text .material-symbols-outlined {
  width: 15px;
  height: 18px;
  font-size: 15px;
  margin-right: 5px;
}
.radio-btn {
  min-height: 20px;
  min-width: 22px;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-btn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  border-radius: 50%;
}
.radio-btn .checkmark:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}
.radio-btn input {
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-btn input:checked ~ .checkmark {
  background-color: #005d28;
}
.radio-btn input:checked ~ .checkmark:after {
  display: block;
}
.radio-btn .radio-btn-text {
  margin-top: 2px;
  display: inline-block;
  padding-left: 4px;
  cursor: pointer;
}
.radio-btn-group {
  display: flex;
  align-items: center;
}
.radio-btn-group .radio-btn {
  margin-right: 15px;
}
.radio-btn-group .radio-btn:last-child {
  margin-right: 0;
}
.search_block {
  width: 100%;
  padding: 10px;
  background: url("./media/searchpattern-PKDK2BTN.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.search_block-1 {
  width: 100%;
  padding: 10px;
  background: url("./media/scanbarbg-HYKUR6M2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #32a0ea;
}
.scan {
  width: 100%;
  height: 40px;
  border-radius: 50px;
  position: relative;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 2px #000;
}
.scan input {
  width: 100%;
  height: 40px;
  border-radius: 50px;
  outline: none !important;
  border: 0;
  padding: 5px 50px 5px 15px;
}
.scan .scan-icon {
  position: absolute;
  top: 9px;
  right: 15px;
  background: #fff;
}
.scan.sm {
  height: 30px;
}
.scan.sm .scan-icon {
  top: 1px;
  right: 10px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-grid-group {
  width: 100%;
}
.s-grid-group.type-1 .s-grid-id {
  background: #b1ae00 !important;
}
.s-grid-group.type-1 .text-btn {
  color: #b1ae00 !important;
}
.s-grid-group.type-2 .s-grid-id {
  background: #00cf4f !important;
}
.s-grid-group.type-2 .text-btn {
  color: #00cf4f !important;
}
.s-grid-group.type-3 .s-grid-id {
  background: #ff7b00 !important;
}
.s-grid-group.type-3 .text-btn {
  color: #ff7b00 !important;
}
.s-grid-group.type-4 .s-grid-id {
  background: #ff6600 !important;
}
.s-grid-group.type-4 .text-btn {
  color: #ff6600 !important;
}
.s-grid-group.type-5 .s-grid-id {
  background: #ff0000 !important;
}
.s-grid-group.type-5 .text-btn {
  color: #ff0000 !important;
}
.s-grid-group .bg-blue {
  background: #dbf3ff;
}
.s-grid {
  width: 100%;
  min-height: 35px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #ccc;
  background: #dfdfdf;
  word-wrap: break-word;
}
.s-grid .s-grid-left {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.s-grid .s-grid-left .s-grid-id {
  width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #474747;
}
.s-grid .s-grid-left .s-grid-name {
  padding: 8px 8px;
  min-height: 35px;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.s-grid .s-grid-left .s-grid-name .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.s-grid .s-grid-right {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.s-grid .s-grid-item {
  padding: 8px 8px 8px 12px;
}
.s-grid-count {
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
}
.s-grid-count table {
  width: 100%;
  border-collapse: collapse;
}
.s-grid-count table tr td {
  padding: 5px;
  text-align: center;
  border-right: 1px solid #ccc;
}
.s-grid-count table tr td:last-child {
  border-right: 0;
}
.s-grid-controls {
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
}
.s-grid-controls table {
  width: 100%;
  border-collapse: collapse;
}
.s-grid-controls table tr td {
  padding: 5px;
}
.s-grid-list {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
  overflow-y: auto;
  max-height: 350px;
}
.s-grid-list::-webkit-scrollbar {
  width: 3px;
}
.s-grid-list .info-grid:last-child {
  margin-bottom: 0 !important;
}
.s-grid-body {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
  overflow-y: auto;
  max-height: 280px;
  display: none;
}
.s-grid-body::-webkit-scrollbar {
  width: 3px;
}
.s-grid-block.active .s-grid-toggle {
  transform: rotate(180deg);
}
.s-grid-block.active .s-grid-body {
  display: block;
}
.s-grid-toggle {
  width: 30px;
  height: 30px;
  padding: 2px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #005d28;
  border: 1px solid #005d28;
  cursor: pointer;
  transition: all 0.3s ease;
}
.s-grid-toggle .material-symbols-outlined {
  font-size: 24px !important;
}
.s-grid-toggle:hover {
  opacity: 0.8;
}
.s-grid-toggle:active {
  transform: scale(0.8);
}
.return-btn {
  color: #fff !important;
  background: #FF7632 !important;
  border-color: #FF7632 !important;
  box-shadow: none !important;
}
.block-grid {
  width: 100%;
  padding: 10px;
  background: #fff9eb;
  border: 1px solid #4a4a4c;
  word-wrap: break-word;
  border-radius: 5px;
}
.block-grid .new-grid:last-child {
  margin-bottom: 0 !important;
}
.block-grid .block-grid-toggle {
  width: 33px;
  height: 32px;
  padding: 2px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #005d28;
  border: 1px solid #005d28;
  cursor: pointer;
  transition: all 0.3s ease;
}
.block-grid .block-grid-toggle .material-symbols-outlined {
  font-size: 24px !important;
}
.block-grid .block-grid-toggle:hover {
  opacity: 0.8;
}
.block-grid .block-grid-toggle:active {
  transform: scale(0.8);
}
.header-custom-status {
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -40px;
}
.pick-box {
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  line-height: 16px;
}
.pick-box .pick-box-header {
  width: 100%;
  padding: 0px;
  background: #d0eef9;
}
.pick-box .pick-box-header table {
  width: 100%;
  border-collapse: collapse;
}
.pick-box .pick-box-header table tr td {
  padding: 5px;
  vertical-align: middle;
}
.pick-box .pick-box-header .has-border-right {
  border-right: 1px solid #000;
}
.pick-box .pick-box-body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
  border-top: 1px solid #ccc;
}
.pick-box .pick-box-body::-webkit-scrollbar {
  width: 3px;
}
.loose-pack-grid {
  width: 100%;
  display: flex;
  min-height: 25px;
  background: #d0eef9;
  border: 1px solid #0068a4;
}
.loose-pack-grid .loose-pack-grid-label {
  width: 200px;
  min-height: 25px;
  color: #fff;
  background: #0068a4;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.loose-pack-grid table {
  width: 100%;
  color: #0068a4;
}
.loose-pack-grid table tr td {
  padding: 6px 15px;
  text-align: center;
  vertical-align: middle;
}
.loose-pack-grid.purple {
  background: #fbecff !important;
  border-color: #000 !important;
}
.loose-pack-grid.purple .loose-pack-grid-label {
  background: #3e0151 !important;
}
.loose-pack-grid.purple table {
  color: #8400ab !important;
}
.toggle-tab-block .toggle-tab {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}
.toggle-tab-block .toggle-tab table {
  width: auto;
  max-width: 100%;
  color: #fff;
  background: #2c599c;
  border-collapse: collapse;
}
.toggle-tab-block .toggle-tab table tr td {
  padding: 8px 10px;
  vertical-align: middle;
}
.toggle-tab-block .toggle-tab table tr td .material-symbols-outlined {
  font-size: 20px;
}
.toggle-tab-block .toggle-tab-body {
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
}
.grid-trigger {
  border: 0;
  background: none;
  color: #000;
  cursor: pointer;
  outline: none !important;
  height: 20px;
  width: 20px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin: 0 auto;
}
.grid-trigger.white {
  color: #fff !important;
}
.grid-trigger.active {
  transform: rotate(180deg);
}
.grid-trigger-1 {
  border: 0;
  background: #005d28;
  color: #fff;
  cursor: pointer;
  outline: none !important;
  height: 25px;
  width: 25px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin: 0 auto;
  border-radius: 50%;
}
.grid-trigger-1 .material-symbols-outlined {
  font-size: 20px;
  margin: 0 !important;
}
.grid-trigger-1.white {
  color: #fff !important;
}
.grid-trigger-1.active {
  transform: rotate(180deg);
}
.has-icon {
  display: flex;
  align-items: center;
}
.custom-table-1 {
  width: 100%;
}
.custom-table-1 table {
  width: 100%;
  border-collapse: collapse;
}
.custom-table-1 table thead {
  border-bottom: 2px solid #000;
}
.custom-table-1 table thead tr th {
  padding: 6px 5px;
  border: 0;
}
.custom-table-1 table tbody tr td {
  padding: 6px 5px;
  border: 0;
  border-bottom: 1px dashed #32a0ea;
}
.custom-table-1 table tbody .custom-table-child td {
  padding: 0px;
  border: 0;
}
.custom-table-child-body {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px dashed #32a0ea;
  border-top: 0;
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
}
.custom-table-child-body .new-grid {
  margin-bottom: 15px;
}
.custom-table-child-body .new-grid:last-child {
  margin-bottom: 0;
}
.green-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #11a14c;
  border-color: #11a14c;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 8px 0;
  font-weight: 600;
}
.mini-grid {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #5f6366;
  padding: 5px 0;
}
.mini-grid table {
  width: 100%;
  border-collapse: collapse;
}
.mini-grid table tr td {
  padding: 0 5px;
  vertical-align: middle;
  border-left: 1px solid #5f6366;
}
.mini-grid table tr td:first-child {
  border-left: 0;
}
.deviation {
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #e4624a !important;
}
.no-deviation {
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #11a14c !important;
}
.grid_group {
  width: 100%;
}
.grid_group .grid_group_header {
  width: 100%;
}
.grid_group .grid_group_body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
  word-wrap: break-word;
  border: 1px solid #ccc;
}
.grid-comment {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 8px;
  cursor: pointer;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.grid-comment::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.grid-comment:hover {
  padding-right: 2px;
  background: #f1f1f1;
  text-decoration: none;
}
.grid-comment + .tooltip {
  font-size: 12px !important;
  z-index: 11 !important;
  box-shadow: 0 0 3px #fff !important;
}
.cartion-info {
  width: 100%;
  display: inline-block;
  border-radius: 5px;
  background: #e5d4ff;
  border: 1px solid #979797;
}
.cartion-info table {
  width: 100%;
  border-collapse: collapse;
}
.cartion-info table tr td {
  padding: 5px !important;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .list-grid table,
  .info-data-grid table,
  .info-data-grid-1 table,
  .address_block table,
  .simple-grid table,
  .c-grid-box .c-grid-box-header table {
    table-layout: auto !important;
  }
  .c-grid-box .c-grid-control {
    height: auto;
  }
  .table-layout-fixed {
    table-layout: auto !important;
  }
  .new-grid .pricing-section {
    flex-wrap: wrap;
  }
  .product-select-block {
    flex-wrap: wrap;
    padding: 10px;
  }
  .product-select-block .product-select-block-left {
    padding: 0 0 10px 0;
  }
}
@media (max-width: 768px) {
  .info-grid-2 table,
  .c-grid-box .c-grid-box-header table {
    width: 100%;
    display: block !important;
  }
  .info-grid-2 table tr,
  .c-grid-box .c-grid-box-header table tr {
    width: 100%;
    display: block !important;
  }
  .info-grid-2 table tr td,
  .c-grid-box .c-grid-box-header table tr td {
    width: 100%;
    display: block !important;
  }
  .info-grid-2 table .text-end,
  .c-grid-box .c-grid-box-header table .text-end {
    text-align: left !important;
  }
  .chang-pws-block {
    display: block;
    padding: 15px;
  }
  .chang-pws-block .chang-pws-block-left {
    display: none;
  }
  .chang-pws-block .chang-pws-block-right {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .chang-pws-block .chang-pws-block-right .chang-pws-block {
    padding: 15px;
  }
  .data-table-block .search-box {
    position: static;
    margin-bottom: 10px;
  }
  .grid-header-section {
    padding: 0px 0px 10px 0px;
  }
}
@media (max-height: 580px) {
  .dash-barcodes-box {
    zoom: 0.8;
  }
  .modules-list {
    zoom: 0.7;
  }
}
.tb-center {
  display: flex;
  align-items: center;
}
.carton-header-block {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
  color: #11a14c;
}
.carton-header-block .carton-header-block-left {
  color: #fff;
  background: #11a14c;
  font-weight: 500;
  padding: 6px 25px 4px 4px;
  border-radius: 10px 50px 0px 0px;
}
.carton-header-block .carton-header-block-left table tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carton-header-block .carton-header-block-right {
  padding: 5px;
  font-weight: 600;
}
.position-image {
  width: 60px;
  display: inline-block;
  position: relative;
}
.position-image img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 90px;
  z-index: 1;
}
.repeat {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: flex-start;
  box-shadow: 0 0 3px #ccc;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  background: #fff;
}
.repeat .repeat-left {
  flex-shrink: 0;
  min-width: 32px;
  height: 100%;
}
.repeat .repeat-left .id {
  color: #fff;
  height: 100%;
  background: #474747;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.5px;
}
.repeat .repeat-right {
  width: 100%;
  border: 1px solid #ccc;
  border-left: 0;
}
.repeat .repeat-right .repeat-row-1,
.repeat .repeat-right .repeat-row-2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repeat .repeat-right .repeat-row-2 {
  border-top: 1px solid #ccc;
}
.repeat .repeat-right .row-left,
.repeat .repeat-right .row-right {
  display: flex;
}
.repeat .repeat-right .row-name {
  max-width: 450px;
  padding: 5px 8px;
}
.repeat .repeat-right .row-name label {
  margin: 0;
  padding-right: 8px;
}
.repeat .repeat-right .row-name span {
  font-size: 14px;
  color: #3b3bf3;
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.repeat .repeat-right .row-box {
  height: 29px;
  padding: 3px 5px;
  min-width: 135px;
  max-width: 225px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.repeat .repeat-right .row-box label {
  margin-right: 8px;
}
.repeat .repeat-right .row-box span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.repeat .repeat-right .row-box.w-auto {
  max-width: inherit;
}
.repeat .repeat-right .row-left .row-box {
  padding: 3px 20px 3px 5px !important;
}
.repeat.type-0 .id {
  background: #76a800;
}
.repeat.type-0 .row-name span {
  color: #76a800;
}
.repeat.type-1 .id {
  background: #b1ae00;
}
.repeat.type-1 .row-name span {
  color: #b1ae00;
}
.repeat.type-2 .id {
  background: #00cf4f;
}
.repeat.type-2 .row-name span {
  color: #00cf4f;
}
.repeat.type-3 .id {
  background: #ff7b00;
}
.repeat.type-3 .row-name span {
  color: #ff7b00;
}
.repeat.type-4 .id {
  background: #ff6600;
}
.repeat.type-4 .row-name span {
  color: #ff6600;
}
.repeat.type-5 .id {
  background: #ff0000;
}
.repeat.type-5 .row-name span {
  color: #ff0000;
}
.repeat.type-6 .id {
  background: #ff0000;
}
.repeat.type-6 .row-name span {
  color: #ff0000;
}
.customize-block {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  background: #fff;
}
.customize-block .customize-header {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.customize-block .customize-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 350px;
  word-wrap: break-word;
  border-bottom: 1px solid #ccc;
}
.customize-block .customize-footer {
  width: 100%;
}
.custom-control-btn {
  display: flex;
  flex-wrap: nowrap;
}
.custom-control-btn .form-btn {
  height: 30px;
  font-size: 14px;
  margin: 0px 0px 0px 15px;
  border-radius: 5px;
}
.custom-control-btn .form-btn .material-symbols-outlined {
  font-size: 18px;
}
.block-kit {
  width: 100%;
  background: #fff;
}
.block-kit .block-kit-header {
  width: 100%;
  color: #fff;
  background: #262d33;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  border: 1px solid #000;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.block-kit .block-kit-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  border: 1px solid #ccc;
  border-top: 0;
}
.grid-8 {
  position: relative;
  overflow: auto;
  word-wrap: break-word;
  max-height: 200px;
  border: 1px solid #ccc;
  background: #fff;
}
.grid-8::-webkit-scrollbar {
  width: 3px;
}
.grid-8 table {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
  margin: 0;
}
.grid-8 table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.grid-8 table thead tr th {
  padding: 5px !important;
  background: #e2e2e2;
  vertical-align: middle;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}
.grid-8 table tbody tr td {
  padding: 5px !important;
  background: #f6f6f6 !important;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
  border-radius: 0;
}
.grid-8 table tbody tr td.sticky-td {
  border-left-color: #e3e3e3 !important;
  background: #f1f1f1 !important;
}
.grid-8 table tbody tr:last-child td {
  border: 0;
}
.table_6 {
  width: 100%;
  position: relative;
  overflow: auto;
  border-top: 0;
  border: 1px solid #ccc;
}
.table_6 table,
.table_6 .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: 0;
  font-size: 14px;
  color: #000;
  background: #fff;
  margin: 0;
}
.table_6 table thead,
.table_6 .table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.table_6 table thead tr th,
.table_6 .table thead tr th {
  color: #fff;
  background: #303133;
  letter-spacing: 0.5px;
  padding: 7px 8px 6px 8px;
  font-weight: 400;
  vertical-align: middle;
  top: 0;
  left: 0;
  white-space: nowrap !important;
  z-index: 11;
  font-weight: 600;
}
.table_6 table thead tr th .check-style-1-checkmark,
.table_6 .table thead tr th .check-style-1-checkmark {
  border-color: #ffffff;
}
.table_6 table thead tr th .check-style-3,
.table_6 .table thead tr th .check-style-3 {
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.table_6 table tbody,
.table_6 .table tbody {
  background: #fff;
}
.table_6 table tbody tr td,
.table_6 .table tbody tr td {
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px dashed #000;
  vertical-align: middle;
  background-color: #fff;
}
.table_6 table tbody tr:last-child td,
.table_6 .table tbody tr:last-child td {
  border: 0;
}
.table_6 table tfoot tr td,
.table_6 .table tfoot tr td {
  border: 0 !important;
  font-weight: 700 !important;
  background: #f9f9f9;
  letter-spacing: 0.5px;
}
.footer-table {
  width: 100%;
  overflow: hidden;
  background: #e5e9f4;
  border-top: 1px solid #ccc;
}
.footer-table table {
  width: 100%;
}
.footer-table table tr td {
  padding: 6px 5px;
  background: #e5e9f4;
}
.footer-table table tr td span {
  background: none;
  padding: 0;
}
.table_7 {
  width: 100%;
  border: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 4px 0;
}
.table_7 table,
.table_7 .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.table_7 table tr td,
.table_7 .table tr td {
  padding: 0px 4px;
  background: none;
}
.table_8 {
  width: 100%;
  border: 1px solid #005d26;
  border-left-width: 8px;
  border-right-width: 8px;
  background: #f2fff8;
}
.table_8 table {
  width: 100%;
  border-collapse: collapse;
}
.table_8 table tr td {
  padding: 8px 5px;
}
.display-contents {
  display: contents;
}
.display-contents .col-12,
.display-contents .col-sm-6,
.display-contents .col-md-4,
.display-contents .col-lg-3 {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.toggle-group {
  width: 100%;
  overflow: hidden;
}
.toggle-group .toggle-group-header {
  width: 100%;
}
.toggle-group .toggle-group-body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
  background: #fff;
  display: none;
  border: 1px solid #ccc;
  border-top: 0;
}
.toggle-group .toggle-group-body::-webkit-scrollbar {
  width: 3px;
}
.toggle-group.active .toggle-group-body {
  display: block;
}
.popup-header-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #005d28;
  padding: 5px 15px;
  height: 30px;
  background-color: #f9f9f9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 100px;
  max-width: 500px;
  text-align: center;
}
.table_9 {
  width: 100%;
  display: flex;
}
.table_9 .table_9-label {
  flex-shrink: 0;
  color: #fff;
  background: #ff5d12;
  padding: 7px 12px;
  text-align: center;
}
.table_9 table {
  width: 100%;
  border-collapse: collapse;
  border: 1px dashed #ff5d12;
  border-left: 0;
  font-size: 12px;
  line-height: 14px;
}
.table_9 table tr td {
  padding: 2px 5px;
  background: #f8e7df;
}
.table_9 table tr td .clear {
  background: #ff5d12 !important;
}
.custom-search_block {
  width: 100%;
  height: 45px;
  display: flex;
  gap: 20px;
}
.custom-search_block lib-gp-multi-select-field {
  width: 100%;
}
.custom-search_block .custom-search > label {
  display: none;
}
.custom-search_block .custom-search .custom-search-control {
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-search_block .custom-search .custom-search-control .form-select,
.custom-search_block .custom-search .custom-search-control .form-control {
  border-radius: 50px;
  height: 45px;
  border: 0;
  padding: 5px 0px;
  background-color: transparent !important;
  background-position: right 0px center;
}
.custom-search_block .custom-search .custom-search-control .custom-search-count {
  text-align: right;
  font-weight: 600;
}
.custom-search_block .custom-search .custom-search-dropdown {
  border-radius: 15px;
}
.custom-search_block .custom-search.error {
  background: #ffd4d4;
  border: 1px solid red;
}
.custom-search_block .custom-search .text-error {
  display: none;
}
.custom-search_block .search_btn_1 {
  flex-shrink: 0;
}
.custom-search {
  width: 100%;
  height: 45px;
  border-radius: 50px;
  position: relative;
  background: #fff;
}
.custom-search .custom-search-control {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-search > label {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.custom-search .form-select {
  height: 46px;
  padding: 20px 20px 2px 0;
}
.custom-search .custom-search-dropdown {
  width: 100%;
  border: 1px solid #ccc;
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 11;
  background: #fff;
  border-radius: 0px;
  padding: 0px;
}
.custom-search .custom-search-dropdown .custom-search-dropdown-header {
  width: 100%;
  padding: 10px;
}
.custom-search .custom-search-dropdown .custom-search-dropdown-body {
  width: 100%;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  max-height: 250px;
}
.custom-search .custom-search-dropdown .custom-search-dropdown-body::-webkit-scrollbar {
  width: 3px;
}
.custom-search .custom-search-dropdown .custom-search-dropdown-body .check-style-3 {
  margin-bottom: 10px;
}
.custom-search .custom-search-dropdown .custom-search-dropdown-body .check-style-3:last-child {
  margin-bottom: 0;
}
.custom-search .custom-search-dropdown .no-data {
  box-shadow: none;
  border: 0px;
}
.store-title {
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.store-title .dot {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: #474747;
  margin-right: 4px;
}
.store-toggle {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
}
.store-toggle .store-toggle-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  font-weight: 600;
  color: #296db4;
}
.store-toggle .store-toggle-header .store-toggle-header-left {
  display: flex;
  align-items: center;
}
.store-toggle .store-toggle-header .store-toggle-header-right {
  display: flex;
  align-items: center;
}
.store-toggle .store-toggle-header .icon {
  overflow: hidden;
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
.store-toggle .store-toggle-header .icon img {
  width: 100%;
  display: block;
}
.store-toggle .store-toggle-body {
  width: 100%;
  padding: 10px;
  word-wrap: break-word;
  overflow: hidden;
  overflow-y: auto;
  background: #fdfdfd;
  max-height: 400px;
}
.store-toggle .store-toggle-body::-webkit-scrollbar {
  width: 3px;
}
.store-toggle .store-toggle-body .collapse-grid {
  margin-bottom: 8px;
}
.store-toggle .store-toggle-body .collapse-grid:last-child {
  margin-bottom: 0px;
}
.collapse-grid {
  width: 100%;
  background: #fff;
  border: 1px solid #545454;
}
.collapse-grid .collapse-grid-header {
  width: 100%;
  padding: 4px 10px;
}
.collapse-grid .collapse-grid-header table {
  width: 100%;
}
.collapse-grid .collapse-grid-header table tr td {
  padding: 5px;
}
.collapse-grid .collapse-grid-body {
  display: none;
  padding: 10px;
  background: #f3f3fb;
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
  border-top: 1px solid #545454;
}
.collapse-grid .collapse-grid-body::-webkit-scrollbar {
  width: 3px;
}
.collapse-grid .collapse-grid-body .medicine-info {
  width: 100%;
  border-bottom: 2px solid #ccc;
}
.collapse-grid .collapse-grid-body .medicine-info tr td {
  padding: 8px 5px;
}
.collapse-grid .collapse-grid-body .medicine-info:last-child {
  border-bottom: 0;
}
.collapse-grid.active .collapse-grid-body {
  display: block;
}
.store-container {
  width: 100%;
}
.store-container .store-container-item {
  margin-bottom: 15px;
}
.store-container .store-container-item:last-child {
  margin-bottom: 0px;
}
.store-container .store-container-item.green .dot {
  background: #11a14c !important;
}
.store-container .store-container-item.green .store-toggle-body {
  background: #effff5 !important;
}
.store-container .store-container-item.orange .dot {
  background: #ff5d12 !important;
}
.store-container .store-container-item.orange .store-toggle-body {
  background: #f8e7df !important;
}
.dark-popup-1 {
  width: 300px;
  color: #cfcfcf;
  background: #262d33;
  border-right: 1px solid #262d33;
  position: absolute;
  right: -100%;
  top: 60px;
  font-size: 14px;
  line-height: 16px;
  z-index: 11;
  transition: all 0.3s ease;
}
.dark-popup-1.md {
  width: 550px !important;
}
.dark-popup-1.lg {
  width: 60% !important;
}
.dark-popup-1.xl {
  width: 75% !important;
}
.dark-popup-1.xxl {
  width: 90% !important;
}
.dark-popup-1 .dark-popup-header {
  width: 100%;
  height: 40px;
  padding: 10px 15px;
  border-bottom: 1px solid #444d54;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.dark-popup-1 .dark-popup-body {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 130px);
}
.dark-popup-1 .dark-popup-body::-webkit-scrollbar {
  width: 3px;
}
.dark-popup-1 .dark-popup-body .form-control,
.dark-popup-1 .dark-popup-body .form-select {
  font-size: 14px;
  color: #fff;
  border-color: #444d54;
  background-color: transparent !important;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M7.247 11.14 2.451 5.658c-.566-.64-.106-1.658.753-1.658h9.592c.86 0 1.319 1.019.753 1.658L8.753 11.14a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}
.dark-popup-1 .dark-popup-body .form-control option,
.dark-popup-1 .dark-popup-body .form-select option {
  background: #262d33 !important;
}
.dark-popup-1 .dark-popup-body .form-control::placeholder,
.dark-popup-1 .dark-popup-body .form-select::placeholder {
  color: #a9a9a9;
}
.dark-popup-1 .dark-popup-body input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.dark-popup-1 .dark-popup-footer {
  overflow: hidden;
  height: 30px;
  display: flex;
}
.dark-popup-1 .dark-popup-footer .form-btn {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.dark-popup-1 .dark-popup-footer .form-btn.active {
  background: #008131;
  border-color: #008131;
}
.dark-popup-1 .dark-popup-footer .form-btn.btn-orange {
  background: #fe6d2a !important;
  border-color: #fe6d2a !important;
}
.dark-popup-1.active {
  right: 0;
}
.dark-control-group {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #444d54;
}
.dark-grid {
  width: 100%;
  overflow: auto;
  word-wrap: break-word;
  max-height: 350px;
}
.dark-grid table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}
.dark-grid table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  background: #262d33;
}
.dark-grid table thead tr th {
  padding: 8px 5px;
  color: #38b7fe;
  background: #262d33;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #444d54;
  position: relative;
}
.dark-grid table thead tr th::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #444d54;
  z-index: 1;
}
.dark-grid table tbody tr td {
  padding: 8px 5px;
  border-bottom: 1px solid #444d54;
}
.dark-grid table tfoot {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.dark-grid table tfoot tr td {
  padding: 8px 5px;
  background: #444d54;
  font-weight: 600;
}
.dark-grid-1 {
  width: 100%;
  overflow: auto;
  word-wrap: break-word;
  max-height: 350px;
}
.dark-grid-1 table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}
.dark-grid-1 table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  background: #262d33;
}
.dark-grid-1 table thead tr th {
  padding: 8px 5px;
  color: #fff;
  background: #262d33;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #444d54;
}
.dark-grid-1 table tbody tr td {
  color: #000;
  background: #fff;
  padding: 8px 5px;
  border-bottom: 4px solid #262d33;
}
.dark-grid-1 table tfoot {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.dark-grid-1 table tfoot tr td {
  padding: 8px 5px;
  background: #444d54;
  font-weight: 600;
}
.dark-grid-1 .grid-group input,
.dark-grid-1 .grid-group select,
.dark-grid-1 .grid-group textarea {
  color: #000 !important;
}
.ar-btn-group {
  display: flex;
}
.ar-btn-group button {
  margin: 0 2px;
}
.ar-btn-group button:disabled {
  cursor: not-allowed !important;
}
.approve-btn {
  min-width: 64px;
  font-size: 12px;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease;
}
.approve-btn:hover,
.approve-btn.active {
  color: #fff;
  background: #005d28;
  border-color: #005d28;
}
.approve-btn:disabled {
  cursor: not-allowed !important;
}
.reject-btn {
  min-width: 64px;
  font-size: 12px;
  letter-spacing: 0.5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease;
}
.reject-btn:hover,
.reject-btn.active {
  color: #fff;
  background: #c42b1c;
  border-color: #c42b1c;
}
.reject-btn:disabled {
  cursor: not-allowed !important;
}
.table-dotted-text {
  width: auto;
  max-width: 200px;
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.session-popup {
  background-color: #ffffff;
  width: 420px;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.session-popup .session-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}
.session-popup .session-popup-close .material-symbols-outlined {
  font-size: 20px;
}
.session-popup .session-popup-close:hover {
  color: #ff2a15;
}
.session-popup h2 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1b;
  margin-bottom: 24px;
}
.session-popup p {
  font-size: 15px;
  color: #1a1a1b;
  line-height: 1.5;
  margin-bottom: 24px;
}
.session-popup .timer {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1b;
  margin-bottom: 32px;
}
.session-popup .button-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.session-popup .button-group .form-btn {
  width: 100%;
  margin: 0 !important;
  padding: 8px 10px !important;
}
.session-popup .button-group .form-btn:active {
  transform: scale(0.9);
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* angular:styles/global:styles */