:root {
    --blue: #1A3668;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #8CBE44;
    --teal: #20c997;
    --cyan: #24B1CD;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #474747;
    --primary: #1A3668;
    --secondary: #686C72;
    --success: #8CBE44;
    --info: #24B1CD;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #FBFBFC;
    --dark: #474747;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1280px;
    --breakpoint-xl: 1920px;
    --font-family-sans-serif: IBM Plex Sans;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@charset "UTF-8";

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  font-family: IBM Plex Sans;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #252525;
  text-align: left;
  background-color: #fff;
}

.bs5 *,
.bs5 *::before,
.bs5 *::after {
  box-sizing: border-box;
}

.bs5 article,
.bs5 aside,
.bs5 figcaption,
.bs5 figure,
.bs5 footer,
.bs5 header,
.bs5 hgroup,
.bs5 main,
.bs5 nav,
.bs5 section {
  display: block;
}

.bs5 [tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

.bs5 hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.bs5 h1,
.bs5 h2,
.bs5 h3,
.bs5 h4,
.bs5 h5,
.bs5 h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.bs5 p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.bs5 abbr[title],
.bs5 abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

.bs5 address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

.bs5 ol,
.bs5 ul,
.bs5 dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

.bs5 ol ol,
.bs5 ul ul,
.bs5 ol ul,
.bs5 ul ol {
  margin-bottom: 0;
}

.bs5 dt {
  font-weight: 700;
}

.bs5 dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

.bs5 blockquote {
  margin: 0 0 1rem;
}

.bs5 b,
.bs5 strong {
  font-weight: bolder;
}

.bs5 small {
  font-size: 80%;
}

.bs5 sub,
.bs5 sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.bs5 sub {
  bottom: -0.25em;
}

.bs5 sup {
  top: -0.5em;
}

.bs5 a {
  color: #2168D0;
  text-decoration: none;
  background-color: transparent;
}

.bs5 a:hover {
  color: #17478e;
  text-decoration: underline;
}

.bs5 a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.bs5 a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.bs5 pre,
.bs5 code,
.bs5 kbd,
.bs5 samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

.bs5 pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

.bs5 figure {
  margin: 0 0 1rem;
}

.bs5 img {
  vertical-align: middle;
  border-style: none;
}

.bs5 svg {
  overflow: hidden;
  vertical-align: middle;
}

.bs5 table {
  border-collapse: collapse;
}

.bs5 caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

.bs5 th {
  text-align: inherit;
}

.bs5 label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.bs5 button {
  border-radius: 0;
}

.bs5 button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.bs5 input,
.bs5 button,
.bs5 select,
.bs5 optgroup,
.bs5 textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.bs5 button,
.bs5 input {
  overflow: visible;
}

.bs5 button,
.bs5 select {
  text-transform: none;
}

.bs5 [role=button] {
  cursor: pointer;
}

.bs5 select {
  word-wrap: normal;
}

.bs5 button,
.bs5 [type=button],
.bs5 [type=reset],
.bs5 [type=submit] {
  -webkit-appearance: button;
}

.bs5 button:not(:disabled),
.bs5 [type=button]:not(:disabled),
.bs5 [type=reset]:not(:disabled),
.bs5 [type=submit]:not(:disabled) {
  cursor: pointer;
}

.bs5 button::-moz-focus-inner,
.bs5 [type=button]::-moz-focus-inner,
.bs5 [type=reset]::-moz-focus-inner,
.bs5 [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.bs5 input[type=radio],
.bs5 input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

.bs5 textarea {
  overflow: auto;
  resize: vertical;
}

.bs5 fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.bs5 legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

.bs5 progress {
  vertical-align: baseline;
}

.bs5 [type=number]::-webkit-inner-spin-button,
.bs5 [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.bs5 [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

.bs5 [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.bs5 ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.bs5 output {
  display: inline-block;
}

.bs5 summary {
  display: list-item;
  cursor: pointer;
}

.bs5 template {
  display: none;
}

.bs5 [hidden] {
  display: none !important;
}

.bs5 h1,
.bs5 h2,
.bs5 h3,
.bs5 h4,
.bs5 h5,
.bs5 h6,
.bs5 .h1,
.bs5 .h2,
.bs5 .h3,
.bs5 .h4,
.bs5 .h5,
.bs5 .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.bs5 h1,
.bs5 .h1 {
  font-size: 2.5rem;
}

.bs5 h2,
.bs5 .h2 {
  font-size: 2rem;
}

.bs5 h3,
.bs5 .h3 {
  font-size: 1.75rem;
}

.bs5 h4,
.bs5 .h4 {
  font-size: 1.5rem;
}

.bs5 h5,
.bs5 .h5 {
  font-size: 1.25rem;
}

.bs5 h6,
.bs5 .h6 {
  font-size: 1rem;
}

.bs5 .lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.bs5 .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.bs5 .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.bs5 .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.bs5 .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.bs5 hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.bs5 small,
.bs5 .small {
  font-size: 80%;
  font-weight: 400;
}

.bs5 mark,
.bs5 .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.bs5 .list-unstyled {
  padding-left: 0;
  list-style: none;
}

.bs5 .list-inline {
  padding-left: 0;
  list-style: none;
}

.bs5 .list-inline-item {
  display: inline-block;
}

.bs5 .list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.bs5 .initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.bs5 .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.bs5 .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.bs5 .blockquote-footer::before {
  content: "— ";
}

.bs5 .img-fluid {
  max-width: 100%;
  height: auto;
}

.bs5 .img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 0.125rem;
  max-width: 100%;
  height: auto;
}

.bs5 .figure {
  display: inline-block;
}

.bs5 .figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.bs5 .figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.bs5 code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

.bs5 a > code {
  color: inherit;
}

.bs5 kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #252525;
  border-radius: 0.1rem;
}

.bs5 kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

.bs5 pre {
  display: block;
  font-size: 87.5%;
  color: #252525;
}

.bs5 pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.bs5 .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.bs5 .container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bs5 .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .bs5 .container {
    max-width: 720px;
  }
}
@media (min-width: 1280px) {
  .bs5 .container {
    max-width: 1232px;
  }
}
@media (min-width: 1920px) {
  .bs5 .container {
    max-width: 1872px;
  }
}
.bs5 .container-fluid,
.bs5 .container-sm,
.bs5 .container-md,
.bs5 .container-lg,
.bs5 .container-xl {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bs5 .container,
  .bs5 .container-sm {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .bs5 .container,
  .bs5 .container-sm,
  .bs5 .container-md {
    max-width: 720px;
  }
}
@media (min-width: 1280px) {
  .bs5 .container,
  .bs5 .container-sm,
  .bs5 .container-md,
  .bs5 .container-lg {
    max-width: 1232px;
  }
}
@media (min-width: 1920px) {
  .bs5 .container,
  .bs5 .container-sm,
  .bs5 .container-md,
  .bs5 .container-lg,
  .bs5 .container-xl {
    max-width: 1872px;
  }
}
.bs5 .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.bs5 .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.bs5 .no-gutters > .col,
.bs5 .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.bs5 .col-1,
.bs5 .col-2,
.bs5 .col-3,
.bs5 .col-4,
.bs5 .col-5,
.bs5 .col-6,
.bs5 .col-7,
.bs5 .col-8,
.bs5 .col-9,
.bs5 .col-10,
.bs5 .col-11,
.bs5 .col-12,
.bs5 .col,
.bs5 .col-auto,
.bs5 .col-sm-1,
.bs5 .col-sm-2,
.bs5 .col-sm-3,
.bs5 .col-sm-4,
.bs5 .col-sm-5,
.bs5 .col-sm-6,
.bs5 .col-sm-7,
.bs5 .col-sm-8,
.bs5 .col-sm-9,
.bs5 .col-sm-10,
.bs5 .col-sm-11,
.bs5 .col-sm-12,
.bs5 .col-sm,
.bs5 .col-sm-auto,
.bs5 .col-md-1,
.bs5 .col-md-2,
.bs5 .col-md-3,
.bs5 .col-md-4,
.bs5 .col-md-5,
.bs5 .col-md-6,
.bs5 .col-md-7,
.bs5 .col-md-8,
.bs5 .col-md-9,
.bs5 .col-md-10,
.bs5 .col-md-11,
.bs5 .col-md-12,
.bs5 .col-md,
.bs5 .col-md-auto,
.bs5 .col-lg-1,
.bs5 .col-lg-2,
.bs5 .col-lg-3,
.bs5 .col-lg-4,
.bs5 .col-lg-5,
.bs5 .col-lg-6,
.bs5 .col-lg-7,
.bs5 .col-lg-8,
.bs5 .col-lg-9,
.bs5 .col-lg-10,
.bs5 .col-lg-11,
.bs5 .col-lg-12,
.bs5 .col-lg,
.bs5 .col-lg-auto,
.bs5 .col-xl-1,
.bs5 .col-xl-2,
.bs5 .col-xl-3,
.bs5 .col-xl-4,
.bs5 .col-xl-5,
.bs5 .col-xl-6,
.bs5 .col-xl-7,
.bs5 .col-xl-8,
.bs5 .col-xl-9,
.bs5 .col-xl-10,
.bs5 .col-xl-11,
.bs5 .col-xl-12,
.bs5 .col-xl,
.bs5 .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.bs5 .col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.bs5 .row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.bs5 .row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.bs5 .row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.bs5 .row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.bs5 .row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.bs5 .row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.bs5 .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.bs5 .col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.bs5 .col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.bs5 .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.bs5 .col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.bs5 .col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.bs5 .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.bs5 .col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.bs5 .col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.bs5 .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.bs5 .col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.bs5 .col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.bs5 .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.bs5 .order-first {
  order: -1;
}

.bs5 .order-last {
  order: 13;
}

.bs5 .order-0 {
  order: 0;
}

.bs5 .order-1 {
  order: 1;
}

.bs5 .order-2 {
  order: 2;
}

.bs5 .order-3 {
  order: 3;
}

.bs5 .order-4 {
  order: 4;
}

.bs5 .order-5 {
  order: 5;
}

.bs5 .order-6 {
  order: 6;
}

.bs5 .order-7 {
  order: 7;
}

.bs5 .order-8 {
  order: 8;
}

.bs5 .order-9 {
  order: 9;
}

.bs5 .order-10 {
  order: 10;
}

.bs5 .order-11 {
  order: 11;
}

.bs5 .order-12 {
  order: 12;
}

.bs5 .offset-1 {
  margin-left: 8.33333%;
}

.bs5 .offset-2 {
  margin-left: 16.66667%;
}

.bs5 .offset-3 {
  margin-left: 25%;
}

.bs5 .offset-4 {
  margin-left: 33.33333%;
}

.bs5 .offset-5 {
  margin-left: 41.66667%;
}

.bs5 .offset-6 {
  margin-left: 50%;
}

.bs5 .offset-7 {
  margin-left: 58.33333%;
}

.bs5 .offset-8 {
  margin-left: 66.66667%;
}

.bs5 .offset-9 {
  margin-left: 75%;
}

.bs5 .offset-10 {
  margin-left: 83.33333%;
}

.bs5 .offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .bs5 .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .bs5 .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .bs5 .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bs5 .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .bs5 .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .bs5 .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .bs5 .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .bs5 .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bs5 .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .bs5 .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .bs5 .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .order-sm-first {
    order: -1;
  }
  .bs5 .order-sm-last {
    order: 13;
  }
  .bs5 .order-sm-0 {
    order: 0;
  }
  .bs5 .order-sm-1 {
    order: 1;
  }
  .bs5 .order-sm-2 {
    order: 2;
  }
  .bs5 .order-sm-3 {
    order: 3;
  }
  .bs5 .order-sm-4 {
    order: 4;
  }
  .bs5 .order-sm-5 {
    order: 5;
  }
  .bs5 .order-sm-6 {
    order: 6;
  }
  .bs5 .order-sm-7 {
    order: 7;
  }
  .bs5 .order-sm-8 {
    order: 8;
  }
  .bs5 .order-sm-9 {
    order: 9;
  }
  .bs5 .order-sm-10 {
    order: 10;
  }
  .bs5 .order-sm-11 {
    order: 11;
  }
  .bs5 .order-sm-12 {
    order: 12;
  }
  .bs5 .offset-sm-0 {
    margin-left: 0;
  }
  .bs5 .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .bs5 .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .bs5 .offset-sm-3 {
    margin-left: 25%;
  }
  .bs5 .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .bs5 .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .bs5 .offset-sm-6 {
    margin-left: 50%;
  }
  .bs5 .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .bs5 .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .bs5 .offset-sm-9 {
    margin-left: 75%;
  }
  .bs5 .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .bs5 .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .bs5 .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .bs5 .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .bs5 .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bs5 .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .bs5 .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .bs5 .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .bs5 .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .bs5 .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bs5 .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .bs5 .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .bs5 .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .order-md-first {
    order: -1;
  }
  .bs5 .order-md-last {
    order: 13;
  }
  .bs5 .order-md-0 {
    order: 0;
  }
  .bs5 .order-md-1 {
    order: 1;
  }
  .bs5 .order-md-2 {
    order: 2;
  }
  .bs5 .order-md-3 {
    order: 3;
  }
  .bs5 .order-md-4 {
    order: 4;
  }
  .bs5 .order-md-5 {
    order: 5;
  }
  .bs5 .order-md-6 {
    order: 6;
  }
  .bs5 .order-md-7 {
    order: 7;
  }
  .bs5 .order-md-8 {
    order: 8;
  }
  .bs5 .order-md-9 {
    order: 9;
  }
  .bs5 .order-md-10 {
    order: 10;
  }
  .bs5 .order-md-11 {
    order: 11;
  }
  .bs5 .order-md-12 {
    order: 12;
  }
  .bs5 .offset-md-0 {
    margin-left: 0;
  }
  .bs5 .offset-md-1 {
    margin-left: 8.33333%;
  }
  .bs5 .offset-md-2 {
    margin-left: 16.66667%;
  }
  .bs5 .offset-md-3 {
    margin-left: 25%;
  }
  .bs5 .offset-md-4 {
    margin-left: 33.33333%;
  }
  .bs5 .offset-md-5 {
    margin-left: 41.66667%;
  }
  .bs5 .offset-md-6 {
    margin-left: 50%;
  }
  .bs5 .offset-md-7 {
    margin-left: 58.33333%;
  }
  .bs5 .offset-md-8 {
    margin-left: 66.66667%;
  }
  .bs5 .offset-md-9 {
    margin-left: 75%;
  }
  .bs5 .offset-md-10 {
    margin-left: 83.33333%;
  }
  .bs5 .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1280px) {
  .bs5 .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .bs5 .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .bs5 .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bs5 .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .bs5 .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .bs5 .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .bs5 .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .bs5 .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bs5 .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .bs5 .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .bs5 .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .order-lg-first {
    order: -1;
  }
  .bs5 .order-lg-last {
    order: 13;
  }
  .bs5 .order-lg-0 {
    order: 0;
  }
  .bs5 .order-lg-1 {
    order: 1;
  }
  .bs5 .order-lg-2 {
    order: 2;
  }
  .bs5 .order-lg-3 {
    order: 3;
  }
  .bs5 .order-lg-4 {
    order: 4;
  }
  .bs5 .order-lg-5 {
    order: 5;
  }
  .bs5 .order-lg-6 {
    order: 6;
  }
  .bs5 .order-lg-7 {
    order: 7;
  }
  .bs5 .order-lg-8 {
    order: 8;
  }
  .bs5 .order-lg-9 {
    order: 9;
  }
  .bs5 .order-lg-10 {
    order: 10;
  }
  .bs5 .order-lg-11 {
    order: 11;
  }
  .bs5 .order-lg-12 {
    order: 12;
  }
  .bs5 .offset-lg-0 {
    margin-left: 0;
  }
  .bs5 .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .bs5 .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .bs5 .offset-lg-3 {
    margin-left: 25%;
  }
  .bs5 .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .bs5 .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .bs5 .offset-lg-6 {
    margin-left: 50%;
  }
  .bs5 .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .bs5 .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .bs5 .offset-lg-9 {
    margin-left: 75%;
  }
  .bs5 .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .bs5 .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1920px) {
  .bs5 .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .bs5 .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .bs5 .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bs5 .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .bs5 .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .bs5 .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bs5 .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .bs5 .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .bs5 .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bs5 .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .bs5 .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .bs5 .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bs5 .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .bs5 .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .bs5 .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bs5 .order-xl-first {
    order: -1;
  }
  .bs5 .order-xl-last {
    order: 13;
  }
  .bs5 .order-xl-0 {
    order: 0;
  }
  .bs5 .order-xl-1 {
    order: 1;
  }
  .bs5 .order-xl-2 {
    order: 2;
  }
  .bs5 .order-xl-3 {
    order: 3;
  }
  .bs5 .order-xl-4 {
    order: 4;
  }
  .bs5 .order-xl-5 {
    order: 5;
  }
  .bs5 .order-xl-6 {
    order: 6;
  }
  .bs5 .order-xl-7 {
    order: 7;
  }
  .bs5 .order-xl-8 {
    order: 8;
  }
  .bs5 .order-xl-9 {
    order: 9;
  }
  .bs5 .order-xl-10 {
    order: 10;
  }
  .bs5 .order-xl-11 {
    order: 11;
  }
  .bs5 .order-xl-12 {
    order: 12;
  }
  .bs5 .offset-xl-0 {
    margin-left: 0;
  }
  .bs5 .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .bs5 .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .bs5 .offset-xl-3 {
    margin-left: 25%;
  }
  .bs5 .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .bs5 .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .bs5 .offset-xl-6 {
    margin-left: 50%;
  }
  .bs5 .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .bs5 .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .bs5 .offset-xl-9 {
    margin-left: 75%;
  }
  .bs5 .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .bs5 .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
.bs5 .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #252525;
}

.bs5 .table th,
.bs5 .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #F1F1F1;
}

.bs5 .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #F1F1F1;
}

.bs5 .table tbody + tbody {
  border-top: 2px solid #F1F1F1;
}

.bs5 .table-sm th,
.bs5 .table-sm td {
  padding: 0.3rem;
}

.bs5 .table-bordered {
  border: 1px solid #F1F1F1;
}

.bs5 .table-bordered th,
.bs5 .table-bordered td {
  border: 1px solid #F1F1F1;
}

.bs5 .table-bordered thead th,
.bs5 .table-bordered thead td {
  border-bottom-width: 2px;
}

.bs5 .table-borderless th,
.bs5 .table-borderless td,
.bs5 .table-borderless thead th,
.bs5 .table-borderless tbody + tbody {
  border: 0;
}

.bs5 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.bs5 .table-hover tbody tr:hover {
  color: #252525;
  background-color: rgba(0, 0, 0, 0.075);
}

.bs5 .table-primary,
.bs5 .table-primary > th,
.bs5 .table-primary > td {
  background-color: #bfc7d5;
}

.bs5 .table-primary th,
.bs5 .table-primary td,
.bs5 .table-primary thead th,
.bs5 .table-primary tbody + tbody {
  border-color: #8896b0;
}

.bs5 .table-hover .table-primary:hover {
  background-color: #b0bacb;
}

.bs5 .table-hover .table-primary:hover > td,
.bs5 .table-hover .table-primary:hover > th {
  background-color: #b0bacb;
}

.bs5 .table-secondary,
.bs5 .table-secondary > th,
.bs5 .table-secondary > td {
  background-color: #d5d6d8;
}

.bs5 .table-secondary th,
.bs5 .table-secondary td,
.bs5 .table-secondary thead th,
.bs5 .table-secondary tbody + tbody {
  border-color: #b0b3b6;
}

.bs5 .table-hover .table-secondary:hover {
  background-color: #c8c9cc;
}

.bs5 .table-hover .table-secondary:hover > td,
.bs5 .table-hover .table-secondary:hover > th {
  background-color: #c8c9cc;
}

.bs5 .table-success,
.bs5 .table-success > th,
.bs5 .table-success > td {
  background-color: #dfedcb;
}

.bs5 .table-success th,
.bs5 .table-success td,
.bs5 .table-success thead th,
.bs5 .table-success tbody + tbody {
  border-color: #c3dd9e;
}

.bs5 .table-hover .table-success:hover {
  background-color: #d3e6b8;
}

.bs5 .table-hover .table-success:hover > td,
.bs5 .table-hover .table-success:hover > th {
  background-color: #d3e6b8;
}

.bs5 .table-info,
.bs5 .table-info > th,
.bs5 .table-info > td {
  background-color: #c2e9f1;
}

.bs5 .table-info th,
.bs5 .table-info td,
.bs5 .table-info thead th,
.bs5 .table-info tbody + tbody {
  border-color: #8dd6e5;
}

.bs5 .table-hover .table-info:hover {
  background-color: #ade2ec;
}

.bs5 .table-hover .table-info:hover > td,
.bs5 .table-hover .table-info:hover > th {
  background-color: #ade2ec;
}

.bs5 .table-warning,
.bs5 .table-warning > th,
.bs5 .table-warning > td {
  background-color: #ffeeba;
}

.bs5 .table-warning th,
.bs5 .table-warning td,
.bs5 .table-warning thead th,
.bs5 .table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.bs5 .table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.bs5 .table-hover .table-warning:hover > td,
.bs5 .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.bs5 .table-danger,
.bs5 .table-danger > th,
.bs5 .table-danger > td {
  background-color: #f5c6cb;
}

.bs5 .table-danger th,
.bs5 .table-danger td,
.bs5 .table-danger thead th,
.bs5 .table-danger tbody + tbody {
  border-color: #ed969e;
}

.bs5 .table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.bs5 .table-hover .table-danger:hover > td,
.bs5 .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.bs5 .table-light,
.bs5 .table-light > th,
.bs5 .table-light > td {
  background-color: #fefefe;
}

.bs5 .table-light th,
.bs5 .table-light td,
.bs5 .table-light thead th,
.bs5 .table-light tbody + tbody {
  border-color: #fdfdfd;
}

.bs5 .table-hover .table-light:hover {
  background-color: #f1f1f1;
}

.bs5 .table-hover .table-light:hover > td,
.bs5 .table-hover .table-light:hover > th {
  background-color: #f1f1f1;
}

.bs5 .table-dark,
.bs5 .table-dark > th,
.bs5 .table-dark > td {
  background-color: #cbcbcb;
}

.bs5 .table-dark th,
.bs5 .table-dark td,
.bs5 .table-dark thead th,
.bs5 .table-dark tbody + tbody {
  border-color: #9f9f9f;
}

.bs5 .table-hover .table-dark:hover {
  background-color: #bebebe;
}

.bs5 .table-hover .table-dark:hover > td,
.bs5 .table-hover .table-dark:hover > th {
  background-color: #bebebe;
}

.bs5 .table-active,
.bs5 .table-active > th,
.bs5 .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.bs5 .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.bs5 .table-hover .table-active:hover > td,
.bs5 .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.bs5 .table .thead-dark th {
  color: #fff;
  background-color: #474747;
  border-color: #5a5a5a;
}

.bs5 .table .thead-light th {
  color: #7A7A7A;
  background-color: #F1F1F1;
  border-color: #F1F1F1;
}

.bs5 .table-dark {
  color: #fff;
  background-color: #474747;
}

.bs5 .table-dark th,
.bs5 .table-dark td,
.bs5 .table-dark thead th {
  border-color: #5a5a5a;
}

.bs5 .table-dark.table-bordered {
  border: 0;
}

.bs5 .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.bs5 .table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .bs5 .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bs5 .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .bs5 .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bs5 .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1279.98px) {
  .bs5 .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bs5 .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1919.98px) {
  .bs5 .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bs5 .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.bs5 .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.bs5 .table-responsive > .table-bordered {
  border: 0;
}

.bs5 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7A;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #C2C2C2;
  border-radius: 0.125rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .form-control {
    transition: none;
  }
}
.bs5 .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.bs5 .form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #7A7A7A;
}

.bs5 .form-control:focus {
  color: #7A7A7A;
  background-color: #fff;
  border-color: white;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.bs5 .form-control:disabled,
.bs5 .form-control[readonly] {
  background-color: #F1F1F1;
  opacity: 1;
}

.bs5 input[type=date].form-control,
.bs5 input[type=time].form-control,
.bs5 input[type=datetime-local].form-control,
.bs5 input[type=month].form-control {
  appearance: none;
}

.bs5 select.form-control:focus::-ms-value {
  color: #7A7A7A;
  background-color: #fff;
}

.bs5 .form-control-file,
.bs5 .form-control-range {
  display: block;
  width: 100%;
}

.bs5 .col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.bs5 .col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.bs5 .col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.bs5 .form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #252525;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.bs5 .form-control-plaintext.form-control-sm,
.bs5 .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.bs5 .form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1rem;
}

.bs5 .form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

.bs5 select.form-control[size],
.bs5 select.form-control[multiple] {
  height: auto;
}

.bs5 textarea.form-control {
  height: auto;
}

.bs5 .form-group {
  margin-bottom: 1rem;
}

.bs5 .form-text {
  display: block;
  margin-top: 0.25rem;
}

.bs5 .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.bs5 .form-row > .col,
.bs5 .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.bs5 .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.bs5 .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.bs5 .form-check-input[disabled] ~ .form-check-label,
.bs5 .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.bs5 .form-check-label {
  margin-bottom: 0;
}

.bs5 .form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.bs5 .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.bs5 .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #8CBE44;
}

.bs5 .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;
  line-height: 1.5;
  color: #252525;
  background-color: rgba(140, 190, 68, 0.9);
  border-radius: 0.125rem;
}

.bs5 .was-validated :valid ~ .valid-feedback,
.bs5 .was-validated :valid ~ .valid-tooltip,
.bs5 .is-valid ~ .valid-feedback,
.bs5 .is-valid ~ .valid-tooltip {
  display: block;
}

.bs5 .was-validated .form-control:valid,
.bs5 .form-control.is-valid {
  border-color: #8CBE44;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%238CBE44' d='M2.3 6.73L.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.1z'/%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);
}

.bs5 .was-validated .form-control:valid:focus,
.bs5 .form-control.is-valid:focus {
  border-color: #8CBE44;
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.25);
}

.bs5 .was-validated textarea.form-control:valid,
.bs5 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);
}

.bs5 .was-validated .custom-select:valid,
.bs5 .custom-select.is-valid {
  border-color: #8CBE44;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23474747' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%238CBE44' d='M2.3 6.73L.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.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.bs5 .was-validated .custom-select:valid:focus,
.bs5 .custom-select.is-valid:focus {
  border-color: #8CBE44;
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.25);
}

.bs5 .was-validated .form-check-input:valid ~ .form-check-label,
.bs5 .form-check-input.is-valid ~ .form-check-label {
  color: #8CBE44;
}

.bs5 .was-validated .form-check-input:valid ~ .valid-feedback,
.bs5 .was-validated .form-check-input:valid ~ .valid-tooltip,
.bs5 .form-check-input.is-valid ~ .valid-feedback,
.bs5 .form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.bs5 .was-validated .custom-control-input:valid ~ .custom-control-label,
.bs5 .custom-control-input.is-valid ~ .custom-control-label {
  color: #8CBE44;
}

.bs5 .was-validated .custom-control-input:valid ~ .custom-control-label::before,
.bs5 .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #8CBE44;
}

.bs5 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.bs5 .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #a3cb6a;
  background-color: #a3cb6a;
}

.bs5 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.bs5 .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.25);
}

.bs5 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.bs5 .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #8CBE44;
}

.bs5 .was-validated .custom-file-input:valid ~ .custom-file-label,
.bs5 .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #8CBE44;
}

.bs5 .was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.bs5 .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #8CBE44;
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.25);
}

.bs5 .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.bs5 .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;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.125rem;
}

.bs5 .was-validated :invalid ~ .invalid-feedback,
.bs5 .was-validated :invalid ~ .invalid-tooltip,
.bs5 .is-invalid ~ .invalid-feedback,
.bs5 .is-invalid ~ .invalid-tooltip {
  display: block;
}

.bs5 .was-validated .form-control:invalid,
.bs5 .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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);
}

.bs5 .was-validated .form-control:invalid:focus,
.bs5 .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.bs5 .was-validated textarea.form-control:invalid,
.bs5 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);
}

.bs5 .was-validated .custom-select:invalid,
.bs5 .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23474747' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.bs5 .was-validated .custom-select:invalid:focus,
.bs5 .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.bs5 .was-validated .form-check-input:invalid ~ .form-check-label,
.bs5 .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.bs5 .was-validated .form-check-input:invalid ~ .invalid-feedback,
.bs5 .was-validated .form-check-input:invalid ~ .invalid-tooltip,
.bs5 .form-check-input.is-invalid ~ .invalid-feedback,
.bs5 .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.bs5 .was-validated .custom-control-input:invalid ~ .custom-control-label,
.bs5 .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.bs5 .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.bs5 .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.bs5 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.bs5 .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.bs5 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.bs5 .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.bs5 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.bs5 .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.bs5 .was-validated .custom-file-input:invalid ~ .custom-file-label,
.bs5 .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.bs5 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.bs5 .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.bs5 .form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.bs5 .form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .bs5 .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .bs5 .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .bs5 .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .bs5 .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .bs5 .form-inline .input-group,
  .bs5 .form-inline .custom-select {
    width: auto;
  }
  .bs5 .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .bs5 .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .bs5 .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .bs5 .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.bs5 .btn {
  display: inline-block;
  font-weight: 400;
  color: #252525;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.125rem;
  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;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .btn {
    transition: none;
  }
}
.bs5 .btn:hover {
  color: #252525;
  text-decoration: none;
}

.bs5 .btn:focus,
.bs5 .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .btn.disabled,
.bs5 .btn:disabled {
  opacity: 0.4;
}

.bs5 .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.bs5 a.btn.disabled,
.bs5 fieldset:disabled a.btn {
  pointer-events: none;
}

.bs5 .btn-primary {
  color: #fff;
  background-color: #1A3668 !important;
  border-color: #1A3668;
}

.bs5 .btn-primary:hover {
  color: #fff;
  background-color: #122649;
  border-color: #10213f;
}

.bs5 .btn-primary:focus,
.bs5 .btn-primary.focus {
  color: #fff;
  background-color: #122649;
  border-color: #10213f;
  box-shadow: 0 0 0 0.2rem rgba(60, 84, 127, 0.5);
}

.bs5 .btn-primary.disabled,
.bs5 .btn-primary:disabled {
  color: #fff;
  background-color: #1A3668;
  border-color: #1A3668;
}

.bs5 .btn-primary:not(:disabled):not(.disabled):active,
.bs5 .btn-primary:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #10213f;
  border-color: #0d1c35;
}

.bs5 .btn-primary:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-primary:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 84, 127, 0.5);
}

.bs5 .btn-secondary {
  color: #fff;
  background-color: #686C72;
  border-color: #686C72;
}

.bs5 .btn-secondary:hover {
  color: #fff;
  background-color: #56595e;
  border-color: #505357;
}

.bs5 .btn-secondary:focus,
.bs5 .btn-secondary.focus {
  color: #fff;
  background-color: #56595e;
  border-color: #505357;
  box-shadow: 0 0 0 0.2rem rgba(127, 130, 135, 0.5);
}

.bs5 .btn-secondary.disabled,
.bs5 .btn-secondary:disabled {
  color: #fff;
  background-color: #686C72;
  border-color: #686C72;
}

.bs5 .btn-secondary:not(:disabled):not(.disabled):active,
.bs5 .btn-secondary:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #505357;
  border-color: #4a4c51;
}

.bs5 .btn-secondary:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-secondary:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(127, 130, 135, 0.5);
}

.bs5 .btn-success {
  padding: 0.438rem 0.75rem;
  border-radius: 0.125rem;
  color: var(--gray-white);
  border: solid 1px var(--theme-success);
  background-color: var(--theme-success);
}

.bs5 .btn-success:hover {
  color: var(--gray-white);
  border: solid 1px var(--components-button-success-border-hovered);
  background-color: var(--components-button-success-background-hovered);
}

.bs5 .btn-success:focus,
.bs5 .btn-success.focus {
  color: var(--gray-white);
  box-shadow: 0 0 0 0.25rem rgba(140, 190, 68, 0.4);
  border: solid 1px var(--components-button-success-border-active);
  background-color: var(--components-button-success-background-active);
}

.bs5 .btn-success.disabled,
.bs5 .btn-success:disabled {
  color: var(--gray-white);
  opacity: 0.4;
  border: solid 1px var(--theme-success);
  background-color: var(--theme-success);
}

.bs5 .btn-success:not(:disabled):not(.disabled):active,
.bs5 .btn-success:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-success.dropdown-toggle {
  color: #fff;
  border: solid 1px var(--components-button-success-border-active);
  background-color: var(--components-button-success-background-active);
}

.bs5 .btn-success:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-success:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 167, 63, 0.5);
}

.bs5 .btn-info {
  color: #fff;
  background-color: #24B1CD;
  border-color: #24B1CD;
}

.bs5 .btn-info:hover {
  color: #fff;
  background-color: #1e95ac;
  border-color: #1c8ca2;
}

.bs5 .btn-info:focus,
.bs5 .btn-info.focus {
  color: #fff;
  background-color: #1e95ac;
  border-color: #1c8ca2;
  box-shadow: 0 0 0 0.2rem rgba(69, 189, 213, 0.5);
}

.bs5 .btn-info.disabled,
.bs5 .btn-info:disabled {
  color: #fff;
  background-color: #24B1CD;
  border-color: #24B1CD;
}

.bs5 .btn-info:not(:disabled):not(.disabled):active,
.bs5 .btn-info:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #1c8ca2;
  border-color: #1a8297;
}

.bs5 .btn-info:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-info:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 189, 213, 0.5);
}

.bs5 .btn-warning {
  color: #252525;
  background-color: #ffc107;
  border-color: #ffc107;
}

.bs5 .btn-warning:hover {
  color: #252525;
  background-color: #e0a800;
  border-color: #d39e00;
}

.bs5 .btn-warning:focus,
.bs5 .btn-warning.focus {
  color: #252525;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.bs5 .btn-warning.disabled,
.bs5 .btn-warning:disabled {
  color: #252525;
  background-color: #ffc107;
  border-color: #ffc107;
}

.bs5 .btn-warning:not(:disabled):not(.disabled):active,
.bs5 .btn-warning:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-warning.dropdown-toggle {
  color: #252525;
  background-color: #d39e00;
  border-color: #c69500;
}

.bs5 .btn-warning:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-warning:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.bs5 .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.bs5 .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.bs5 .btn-danger:focus,
.bs5 .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.bs5 .btn-danger.disabled,
.bs5 .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.bs5 .btn-danger:not(:disabled):not(.disabled):active,
.bs5 .btn-danger:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.bs5 .btn-danger:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-danger:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.bs5 .btn-light {
  color: #252525;
  background-color: #FBFBFC;
  border-color: #FBFBFC;
}

.bs5 .btn-light:hover {
  color: #252525;
  background-color: #e5e5ec;
  border-color: #dedee6;
}

.bs5 .btn-light:focus,
.bs5 .btn-light.focus {
  color: #252525;
  background-color: #e5e5ec;
  border-color: #dedee6;
  box-shadow: 0 0 0 0.2rem rgba(219, 219, 220, 0.5);
}

.bs5 .btn-light.disabled,
.bs5 .btn-light:disabled {
  color: #252525;
  background-color: #FBFBFC;
  border-color: #FBFBFC;
}

.bs5 .btn-light:not(:disabled):not(.disabled):active,
.bs5 .btn-light:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-light.dropdown-toggle {
  color: #252525;
  background-color: #dedee6;
  border-color: #d7d7e1;
}

.bs5 .btn-light:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-light:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(219, 219, 220, 0.5);
}

.bs5 .btn-dark {
  color: #fff;
  background-color: #474747;
  border-color: #474747;
}

.bs5 .btn-dark:hover {
  color: #fff;
  background-color: #343434;
  border-color: #2e2e2e;
}

.bs5 .btn-dark:focus,
.bs5 .btn-dark.focus {
  color: #fff;
  background-color: #343434;
  border-color: #2e2e2e;
  box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}

.bs5 .btn-dark.disabled,
.bs5 .btn-dark:disabled {
  color: #fff;
  background-color: #474747;
  border-color: #474747;
}

.bs5 .btn-dark:not(:disabled):not(.disabled):active,
.bs5 .btn-dark:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #2e2e2e;
  border-color: #272727;
}

.bs5 .btn-dark:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-dark:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}

.bs5 .btn-outline-primary {
  color: #1A3668;
  border-color: #1A3668;
}

.bs5 .btn-outline-primary:hover {
  color: #fff;
  background-color: #1A3668;
  border-color: #1A3668;
}

.bs5 .btn-outline-primary:focus,
.bs5 .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 54, 104, 0.5);
}

.bs5 .btn-outline-primary.disabled,
.bs5 .btn-outline-primary:disabled {
  color: #1A3668;
  background-color: transparent;
}

.bs5 .btn-outline-primary:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-primary:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1A3668;
  border-color: #1A3668;
}

.bs5 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 54, 104, 0.5);
}

.bs5 .btn-outline-secondary {
  color: #686C72;
  border-color: #686C72;
}

.bs5 .btn-outline-secondary:hover {
  color: #fff;
  background-color: #686C72;
  border-color: #686C72;
}

.bs5 .btn-outline-secondary:focus,
.bs5 .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(104, 108, 114, 0.5);
}

.bs5 .btn-outline-secondary.disabled,
.bs5 .btn-outline-secondary:disabled {
  color: #686C72;
  background-color: transparent;
}

.bs5 .btn-outline-secondary:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-secondary:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #686C72;
  border-color: #686C72;
}

.bs5 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(104, 108, 114, 0.5);
}

.bs5 .btn-outline-success {
  color: #8CBE44;
  border-color: #8CBE44;
}

.bs5 .btn-outline-success:hover {
  color: #252525;
  background-color: #8CBE44;
  border-color: #8CBE44;
}

.bs5 .btn-outline-success:focus,
.bs5 .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.5);
}

.bs5 .btn-outline-success.disabled,
.bs5 .btn-outline-success:disabled {
  color: #8CBE44;
  background-color: transparent;
}

.bs5 .btn-outline-success:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-success:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-success.dropdown-toggle {
  color: #252525;
  background-color: #8CBE44;
  border-color: #8CBE44;
}

.bs5 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.5);
}

.bs5 .btn-outline-info {
  color: #24B1CD;
  border-color: #24B1CD;
}

.bs5 .btn-outline-info:hover {
  color: #fff;
  background-color: #24B1CD;
  border-color: #24B1CD;
}

.bs5 .btn-outline-info:focus,
.bs5 .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 177, 205, 0.5);
}

.bs5 .btn-outline-info.disabled,
.bs5 .btn-outline-info:disabled {
  color: #24B1CD;
  background-color: transparent;
}

.bs5 .btn-outline-info:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-info:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #24B1CD;
  border-color: #24B1CD;
}

.bs5 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 177, 205, 0.5);
}

.bs5 .btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.bs5 .btn-outline-warning:hover {
  color: #252525;
  background-color: #ffc107;
  border-color: #ffc107;
}

.bs5 .btn-outline-warning:focus,
.bs5 .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.bs5 .btn-outline-warning.disabled,
.bs5 .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.bs5 .btn-outline-warning:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-warning:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-warning.dropdown-toggle {
  color: #252525;
  background-color: #ffc107;
  border-color: #ffc107;
}

.bs5 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.bs5 .btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.bs5 .btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.bs5 .btn-outline-danger:focus,
.bs5 .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.bs5 .btn-outline-danger.disabled,
.bs5 .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.bs5 .btn-outline-danger:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-danger:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.bs5 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.bs5 .btn-outline-light {
  color: #FBFBFC;
  border-color: #FBFBFC;
}

.bs5 .btn-outline-light:hover {
  color: #252525;
  background-color: #FBFBFC;
  border-color: #FBFBFC;
}

.bs5 .btn-outline-light:focus,
.bs5 .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(251, 251, 252, 0.5);
}

.bs5 .btn-outline-light.disabled,
.bs5 .btn-outline-light:disabled {
  color: #FBFBFC;
  background-color: transparent;
}

.bs5 .btn-outline-light:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-light:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-light.dropdown-toggle {
  color: #252525;
  background-color: #FBFBFC;
  border-color: #FBFBFC;
}

.bs5 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(251, 251, 252, 0.5);
}

.bs5 .btn-outline-dark {
  color: #474747;
  border-color: #474747;
}

.bs5 .btn-outline-dark:hover {
  color: #fff;
  background-color: #474747;
  border-color: #474747;
}

.bs5 .btn-outline-dark:focus,
.bs5 .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(71, 71, 71, 0.5);
}

.bs5 .btn-outline-dark.disabled,
.bs5 .btn-outline-dark:disabled {
  color: #474747;
  background-color: transparent;
}

.bs5 .btn-outline-dark:not(:disabled):not(.disabled):active,
.bs5 .btn-outline-dark:not(:disabled):not(.disabled).active,
.bs5 .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #474747;
  border-color: #474747;
}

.bs5 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.bs5 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.bs5 .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(71, 71, 71, 0.5);
}

.bs5 .btn-link {
  font-weight: 400;
  color: #2168D0;
  text-decoration: none;
}

.bs5 .btn-link:hover {
  color: #17478e;
  text-decoration: underline;
}

.bs5 .btn-link:focus,
.bs5 .btn-link.focus {
  text-decoration: underline;
}

.bs5 .btn-link:disabled,
.bs5 .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.bs5 .btn-lg,
.bs5 .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

.bs5 .btn-sm,
.bs5 .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1rem;
}

.bs5 .btn-block {
  display: block;
  width: 100%;
}

.bs5 .btn-block + .btn-block {
  margin-top: 0.5rem;
}

.bs5 input[type=submit].btn-block,
.bs5 input[type=reset].btn-block,
.bs5 input[type=button].btn-block {
  width: 100%;
}

.bs5 .fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .fade {
    transition: none;
  }
}
.bs5 .fade:not(.show) {
  opacity: 0;
}

.bs5 .collapse:not(.show) {
  display: none;
}

.bs5 .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .collapsing {
    transition: none;
  }
}
.bs5 .dropup,
.bs5 .dropright,
.bs5 .dropdown,
.bs5 .dropleft {
  position: relative;
}

.bs5 .dropdown-toggle {
  white-space: nowrap;
}

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

.bs5 .dropdown-toggle:empty::after {
  margin-left: 0;
}

.bs5 .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #252525;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.125rem;
}

.bs5 .dropdown-menu-left {
  right: auto;
  left: 0;
}

.bs5 .dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .bs5 .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .bs5 .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .bs5 .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .bs5 .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1280px) {
  .bs5 .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .bs5 .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1920px) {
  .bs5 .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .bs5 .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.bs5 .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

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

.bs5 .dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.bs5 .dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

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

.bs5 .dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.bs5 .dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.bs5 .dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.bs5 .dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.bs5 .dropleft .dropdown-toggle::after {
  display: none;
}

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

.bs5 .dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.bs5 .dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.bs5 .dropdown-menu[x-placement^=top],
.bs5 .dropdown-menu[x-placement^=right],
.bs5 .dropdown-menu[x-placement^=bottom],
.bs5 .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.bs5 .dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #F1F1F1;
}

.bs5 .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #252525;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.bs5 .dropdown-item:hover,
.bs5 .dropdown-item:focus {
  color: #181818;
  text-decoration: none;
  background-color: #FBFBFC;
}

.bs5 .dropdown-item.active,
.bs5 .dropdown-item:active {
  color: #1A3668;
  text-decoration: none;
  background-color: #E8EBF0;
}

.bs5 .dropdown-item.disabled,
.bs5 .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.bs5 .dropdown-menu.show {
  display: block;
}

.bs5 .dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.bs5 .dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #252525;
}

.bs5 .btn-group,
.bs5 .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.bs5 .btn-group > .btn,
.bs5 .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.bs5 .btn-group > .btn:hover,
.bs5 .btn-group-vertical > .btn:hover {
  z-index: 1;
}

.bs5 .btn-group > .btn:focus,
.bs5 .btn-group > .btn:active,
.bs5 .btn-group > .btn.active,
.bs5 .btn-group-vertical > .btn:focus,
.bs5 .btn-group-vertical > .btn:active,
.bs5 .btn-group-vertical > .btn.active {
  z-index: 1;
}

.bs5 .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.bs5 .btn-toolbar .input-group {
  width: auto;
}

.bs5 .btn-group > .btn:not(:first-child),
.bs5 .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.bs5 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.bs5 .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bs5 .btn-group > .btn:not(:first-child),
.bs5 .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.bs5 .dropdown-toggle-split::after,
.bs5 .dropup .dropdown-toggle-split::after,
.bs5 .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.bs5 .dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.bs5 .btn-sm + .dropdown-toggle-split,
.bs5 .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.bs5 .btn-lg + .dropdown-toggle-split,
.bs5 .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.bs5 .btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.bs5 .btn-group-vertical > .btn,
.bs5 .btn-group-vertical > .btn-group {
  width: 100%;
}

.bs5 .btn-group-vertical > .btn:not(:first-child),
.bs5 .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.bs5 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.bs5 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .btn-group-vertical > .btn:not(:first-child),
.bs5 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bs5 .btn-group-toggle > .btn,
.bs5 .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.bs5 .btn-group-toggle > .btn input[type=radio],
.bs5 .btn-group-toggle > .btn input[type=checkbox],
.bs5 .btn-group-toggle > .btn-group > .btn input[type=radio],
.bs5 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.bs5 .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.bs5 .input-group > .form-control,
.bs5 .input-group > .form-control-plaintext,
.bs5 .input-group > .custom-select,
.bs5 .input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.bs5 .input-group > .form-control + .form-control,
.bs5 .input-group > .form-control + .custom-select,
.bs5 .input-group > .form-control + .custom-file,
.bs5 .input-group > .form-control-plaintext + .form-control,
.bs5 .input-group > .form-control-plaintext + .custom-select,
.bs5 .input-group > .form-control-plaintext + .custom-file,
.bs5 .input-group > .custom-select + .form-control,
.bs5 .input-group > .custom-select + .custom-select,
.bs5 .input-group > .custom-select + .custom-file,
.bs5 .input-group > .custom-file + .form-control,
.bs5 .input-group > .custom-file + .custom-select,
.bs5 .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.bs5 .input-group > .form-control:focus,
.bs5 .input-group > .custom-select:focus,
.bs5 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.bs5 .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.bs5 .input-group > .form-control:not(:last-child),
.bs5 .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bs5 .input-group > .form-control:not(:first-child),
.bs5 .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .input-group > .custom-file {
  display: flex;
  align-items: center;
}

.bs5 .input-group > .custom-file:not(:last-child) .custom-file-label,
.bs5 .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bs5 .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .input-group-prepend,
.bs5 .input-group-append {
  display: flex;
}

.bs5 .input-group-prepend .btn,
.bs5 .input-group-append .btn {
  position: relative;
  z-index: 2;
}

.bs5 .input-group-prepend .btn:focus,
.bs5 .input-group-append .btn:focus {
  z-index: 3;
}

.bs5 .input-group-prepend .btn + .btn,
.bs5 .input-group-prepend .btn + .input-group-text,
.bs5 .input-group-prepend .input-group-text + .input-group-text,
.bs5 .input-group-prepend .input-group-text + .btn,
.bs5 .input-group-append .btn + .btn,
.bs5 .input-group-append .btn + .input-group-text,
.bs5 .input-group-append .input-group-text + .input-group-text,
.bs5 .input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.bs5 .input-group-prepend {
  margin-right: -1px;
}

.bs5 .input-group-append {
  margin-left: -1px;
}

.bs5 .input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7A;
  text-align: center;
  white-space: nowrap;
  background-color: #F1F1F1;
  border: 1px solid #C2C2C2;
  border-radius: 0.125rem;
}

.bs5 .input-group-text input[type=radio],
.bs5 .input-group-text input[type=checkbox] {
  margin-top: 0;
}

.bs5 .input-group-lg > .form-control:not(textarea),
.bs5 .input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.bs5 .input-group-lg > .form-control,
.bs5 .input-group-lg > .custom-select,
.bs5 .input-group-lg > .input-group-prepend > .input-group-text,
.bs5 .input-group-lg > .input-group-append > .input-group-text,
.bs5 .input-group-lg > .input-group-prepend > .btn,
.bs5 .input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

.bs5 .input-group-sm > .form-control:not(textarea),
.bs5 .input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.bs5 .input-group-sm > .form-control,
.bs5 .input-group-sm > .custom-select,
.bs5 .input-group-sm > .input-group-prepend > .input-group-text,
.bs5 .input-group-sm > .input-group-append > .input-group-text,
.bs5 .input-group-sm > .input-group-prepend > .btn,
.bs5 .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1rem;
}

.bs5 .input-group-lg > .custom-select,
.bs5 .input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.bs5 .input-group > .input-group-prepend > .btn,
.bs5 .input-group > .input-group-prepend > .input-group-text,
.bs5 .input-group > .input-group-append:not(:last-child) > .btn,
.bs5 .input-group > .input-group-append:not(:last-child) > .input-group-text,
.bs5 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bs5 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bs5 .input-group > .input-group-append > .btn,
.bs5 .input-group > .input-group-append > .input-group-text,
.bs5 .input-group > .input-group-prepend:not(:first-child) > .btn,
.bs5 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.bs5 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.bs5 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.bs5 .custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.bs5 .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.bs5 .custom-control-input:checked ~ .custom-control-label::before {
  color: #1A3668;
  border-color: #E8EBF0;
  background-color: #E8EBF0;
}

.bs5 .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: white;
}

.bs5 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #1A3668;
  background-color: white;
  border-color: white;
}

.bs5 .custom-control-input[disabled] ~ .custom-control-label,
.bs5 .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.bs5 .custom-control-input[disabled] ~ .custom-control-label::before,
.bs5 .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #F1F1F1;
}

.bs5 .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.bs5 .custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #A4A4A4 solid 1px;
}

.bs5 .custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.bs5 .custom-checkbox .custom-control-label::before {
  border-radius: 0.125rem;
}

.bs5 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231A3668' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.bs5 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #E8EBF0;
  background-color: #E8EBF0;
}

.bs5 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%231A3668' d='M0 2h4'/%3e%3c/svg%3e");
}

.bs5 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 54, 104, 0.5);
}

.bs5 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(26, 54, 104, 0.5);
}

.bs5 .custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.bs5 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231A3668'/%3e%3c/svg%3e");
}

.bs5 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 54, 104, 0.5);
}

.bs5 .custom-switch {
  padding-left: 2.25rem;
}

.bs5 .custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.bs5 .custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #A4A4A4;
  border-radius: 0.5rem;
  transition: transform 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) {
  .bs5 .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.bs5 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.bs5 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 54, 104, 0.5);
}

.bs5 .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7A;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23474747' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #C2C2C2;
  border-radius: 0.125rem;
  appearance: none;
}

.bs5 .custom-select:focus {
  border-color: white;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-select:focus::-ms-value {
  color: #7A7A7A;
  background-color: #fff;
}

.bs5 .custom-select[multiple],
.bs5 .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.bs5 .custom-select:disabled {
  color: #6c757d;
  background-color: #F1F1F1;
}

.bs5 .custom-select::-ms-expand {
  display: none;
}

.bs5 .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #7A7A7A;
}

.bs5 .custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.bs5 .custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.bs5 .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.bs5 .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.bs5 .custom-file-input:focus ~ .custom-file-label {
  border-color: white;
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-file-input[disabled] ~ .custom-file-label,
.bs5 .custom-file-input:disabled ~ .custom-file-label {
  background-color: #F1F1F1;
}

.bs5 .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.bs5 .custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.bs5 .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7A;
  background-color: #fff;
  border: 1px solid #C2C2C2;
  border-radius: 0.125rem;
}

.bs5 .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #7A7A7A;
  content: "Browse";
  background-color: #F1F1F1;
  border-left: inherit;
  border-radius: 0 0.125rem 0.125rem 0;
}

.bs5 .custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.bs5 .custom-range:focus {
  outline: none;
}

.bs5 .custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .custom-range::-moz-focus-outer {
  border: 0;
}

.bs5 .custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #E8EBF0;
  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;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.bs5 .custom-range::-webkit-slider-thumb:active {
  background-color: white;
}

.bs5 .custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #E5E5E5;
  border-color: transparent;
  border-radius: 1rem;
}

.bs5 .custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #E8EBF0;
  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;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.bs5 .custom-range::-moz-range-thumb:active {
  background-color: white;
}

.bs5 .custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #E5E5E5;
  border-color: transparent;
  border-radius: 1rem;
}

.bs5 .custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #E8EBF0;
  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;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .custom-range::-ms-thumb {
    transition: none;
  }
}
.bs5 .custom-range::-ms-thumb:active {
  background-color: white;
}

.bs5 .custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.bs5 .custom-range::-ms-fill-lower {
  background-color: #E5E5E5;
  border-radius: 1rem;
}

.bs5 .custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #E5E5E5;
  border-radius: 1rem;
}

.bs5 .custom-range:disabled::-webkit-slider-thumb {
  background-color: #A4A4A4;
}

.bs5 .custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.bs5 .custom-range:disabled::-moz-range-thumb {
  background-color: #A4A4A4;
}

.bs5 .custom-range:disabled::-moz-range-track {
  cursor: default;
}

.bs5 .custom-range:disabled::-ms-thumb {
  background-color: #A4A4A4;
}

.bs5 .custom-control-label::before,
.bs5 .custom-file-label,
.bs5 .custom-select {
  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) {
  .bs5 .custom-control-label::before,
  .bs5 .custom-file-label,
  .bs5 .custom-select {
    transition: none;
  }
}
.bs5 .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.bs5 .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.bs5 .nav-link:hover,
.bs5 .nav-link:focus {
  text-decoration: none;
}

.bs5 .nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.bs5 .nav-tabs {
  border-bottom: 1px solid #E5E5E5;
}

.bs5 .nav-tabs .nav-item {
  margin-bottom: -1px;
}

.bs5 .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.bs5 .nav-tabs .nav-link:hover,
.bs5 .nav-tabs .nav-link:focus {
  border-color: #F1F1F1 #F1F1F1 #E5E5E5;
}

.bs5 .nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.bs5 .nav-tabs .nav-link.active,
.bs5 .nav-tabs .nav-item.show .nav-link {
  color: #7A7A7A;
  background-color: #fff;
  border-color: #E5E5E5 #E5E5E5 #fff;
}

.bs5 .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bs5 .nav-pills .nav-link {
  border-radius: 0.125rem;
}

.bs5 .nav-pills .nav-link.active,
.bs5 .nav-pills .show > .nav-link {
  color: #1A3668;
  background-color: #E8EBF0;
}

.bs5 .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.bs5 .nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.bs5 .tab-content > .tab-pane {
  display: none;
}

.bs5 .tab-content > .active {
  display: block;
}

.bs5 .navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.bs5 .navbar .container,
.bs5 .navbar .container-fluid,
.bs5 .navbar .container-sm,
.bs5 .navbar .container-md,
.bs5 .navbar .container-lg,
.bs5 .navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.bs5 .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.bs5 .navbar-brand:hover,
.bs5 .navbar-brand:focus {
  text-decoration: none;
}

.bs5 .navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.bs5 .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.bs5 .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.bs5 .navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bs5 .navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.bs5 .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.125rem;
}

.bs5 .navbar-toggler:hover,
.bs5 .navbar-toggler:focus {
  text-decoration: none;
}

.bs5 .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .bs5 .navbar-expand-sm > .container,
  .bs5 .navbar-expand-sm > .container-fluid,
  .bs5 .navbar-expand-sm > .container-sm,
  .bs5 .navbar-expand-sm > .container-md,
  .bs5 .navbar-expand-sm > .container-lg,
  .bs5 .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .bs5 .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .bs5 .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .bs5 .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bs5 .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .bs5 .navbar-expand-sm > .container,
  .bs5 .navbar-expand-sm > .container-fluid,
  .bs5 .navbar-expand-sm > .container-sm,
  .bs5 .navbar-expand-sm > .container-md,
  .bs5 .navbar-expand-sm > .container-lg,
  .bs5 .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .bs5 .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .bs5 .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .bs5 .navbar-expand-md > .container,
  .bs5 .navbar-expand-md > .container-fluid,
  .bs5 .navbar-expand-md > .container-sm,
  .bs5 .navbar-expand-md > .container-md,
  .bs5 .navbar-expand-md > .container-lg,
  .bs5 .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .bs5 .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .bs5 .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .bs5 .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bs5 .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .bs5 .navbar-expand-md > .container,
  .bs5 .navbar-expand-md > .container-fluid,
  .bs5 .navbar-expand-md > .container-sm,
  .bs5 .navbar-expand-md > .container-md,
  .bs5 .navbar-expand-md > .container-lg,
  .bs5 .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .bs5 .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .bs5 .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1279.98px) {
  .bs5 .navbar-expand-lg > .container,
  .bs5 .navbar-expand-lg > .container-fluid,
  .bs5 .navbar-expand-lg > .container-sm,
  .bs5 .navbar-expand-lg > .container-md,
  .bs5 .navbar-expand-lg > .container-lg,
  .bs5 .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .bs5 .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .bs5 .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .bs5 .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bs5 .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .bs5 .navbar-expand-lg > .container,
  .bs5 .navbar-expand-lg > .container-fluid,
  .bs5 .navbar-expand-lg > .container-sm,
  .bs5 .navbar-expand-lg > .container-md,
  .bs5 .navbar-expand-lg > .container-lg,
  .bs5 .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .bs5 .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .bs5 .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1919.98px) {
  .bs5 .navbar-expand-xl > .container,
  .bs5 .navbar-expand-xl > .container-fluid,
  .bs5 .navbar-expand-xl > .container-sm,
  .bs5 .navbar-expand-xl > .container-md,
  .bs5 .navbar-expand-xl > .container-lg,
  .bs5 .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1920px) {
  .bs5 .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .bs5 .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .bs5 .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bs5 .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .bs5 .navbar-expand-xl > .container,
  .bs5 .navbar-expand-xl > .container-fluid,
  .bs5 .navbar-expand-xl > .container-sm,
  .bs5 .navbar-expand-xl > .container-md,
  .bs5 .navbar-expand-xl > .container-lg,
  .bs5 .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .bs5 .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .bs5 .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.bs5 .navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.bs5 .navbar-expand > .container,
.bs5 .navbar-expand > .container-fluid,
.bs5 .navbar-expand > .container-sm,
.bs5 .navbar-expand > .container-md,
.bs5 .navbar-expand > .container-lg,
.bs5 .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.bs5 .navbar-expand .navbar-nav {
  flex-direction: row;
}

.bs5 .navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.bs5 .navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.bs5 .navbar-expand > .container,
.bs5 .navbar-expand > .container-fluid,
.bs5 .navbar-expand > .container-sm,
.bs5 .navbar-expand > .container-md,
.bs5 .navbar-expand > .container-lg,
.bs5 .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

.bs5 .navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.bs5 .navbar-expand .navbar-toggler {
  display: none;
}

.bs5 .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.bs5 .navbar-light .navbar-brand:hover,
.bs5 .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.bs5 .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.bs5 .navbar-light .navbar-nav .nav-link:hover,
.bs5 .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.bs5 .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.bs5 .navbar-light .navbar-nav .show > .nav-link,
.bs5 .navbar-light .navbar-nav .active > .nav-link,
.bs5 .navbar-light .navbar-nav .nav-link.show,
.bs5 .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.bs5 .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.bs5 .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bs5 .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.bs5 .navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.bs5 .navbar-light .navbar-text a:hover,
.bs5 .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.bs5 .navbar-dark .navbar-brand {
  color: #fff;
}

.bs5 .navbar-dark .navbar-brand:hover,
.bs5 .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.bs5 .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.bs5 .navbar-dark .navbar-nav .nav-link:hover,
.bs5 .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.bs5 .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.bs5 .navbar-dark .navbar-nav .show > .nav-link,
.bs5 .navbar-dark .navbar-nav .active > .nav-link,
.bs5 .navbar-dark .navbar-nav .nav-link.show,
.bs5 .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.bs5 .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.bs5 .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bs5 .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.bs5 .navbar-dark .navbar-text a {
  color: #fff;
}

.bs5 .navbar-dark .navbar-text a:hover,
.bs5 .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.bs5 .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.125rem;
}

.bs5 .card > hr {
  margin-right: 0;
  margin-left: 0;
}

.bs5 .card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.bs5 .card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.125rem - 1px);
  border-top-right-radius: calc(0.125rem - 1px);
}

.bs5 .card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.125rem - 1px);
  border-bottom-left-radius: calc(0.125rem - 1px);
}

.bs5 .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.bs5 .card-title {
  margin-bottom: 0.75rem;
}

.bs5 .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.bs5 .card-text:last-child {
  margin-bottom: 0;
}

.bs5 .card-link:hover {
  text-decoration: none;
}

.bs5 .card-link + .card-link {
  margin-left: 1.25rem;
}

.bs5 .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.bs5 .card-header:first-child {
  border-radius: calc(0.125rem - 1px) calc(0.125rem - 1px) 0 0;
}

.bs5 .card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.bs5 .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.bs5 .card-footer:last-child {
  border-radius: 0 0 calc(0.125rem - 1px) calc(0.125rem - 1px);
}

.bs5 .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.bs5 .card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.bs5 .card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.bs5 .card-img,
.bs5 .card-img-top,
.bs5 .card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.bs5 .card-img,
.bs5 .card-img-top {
  border-top-left-radius: calc(0.125rem - 1px);
  border-top-right-radius: calc(0.125rem - 1px);
}

.bs5 .card-img,
.bs5 .card-img-bottom {
  border-bottom-right-radius: calc(0.125rem - 1px);
  border-bottom-left-radius: calc(0.125rem - 1px);
}

.bs5 .card-deck .card {
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  .bs5 .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -12px;
    margin-left: -12px;
  }
  .bs5 .card-deck .card {
    flex: 1 0 0%;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 12px;
  }
}
.bs5 .card-group > .card {
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  .bs5 .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .bs5 .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .bs5 .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .bs5 .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .bs5 .card-group > .card:not(:last-child) .card-img-top,
  .bs5 .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .bs5 .card-group > .card:not(:last-child) .card-img-bottom,
  .bs5 .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .bs5 .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .bs5 .card-group > .card:not(:first-child) .card-img-top,
  .bs5 .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .bs5 .card-group > .card:not(:first-child) .card-img-bottom,
  .bs5 .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.bs5 .card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .bs5 .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .bs5 .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.bs5 .accordion > .card {
  overflow: hidden;
}

.bs5 .accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bs5 .accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bs5 .accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.bs5 .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #F1F1F1;
  border-radius: 0.125rem;
}

.bs5 .breadcrumb-item {
  display: flex;
}

.bs5 .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.bs5 .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.bs5 .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.bs5 .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.bs5 .breadcrumb-item.active {
  color: #6c757d;
}

.bs5 .pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.125rem;
}

.bs5 .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #1A3668;
  background-color: #fff;
  border: 1px solid #E5E5E5;
}

.bs5 .page-link:hover {
  z-index: 2;
  color: #17478e;
  text-decoration: none;
  background-color: #F1F1F1;
  border-color: #E5E5E5;
}

.bs5 .page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 235, 240, 0.25);
}

.bs5 .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.bs5 .page-item:last-child .page-link {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.bs5 .page-item.active .page-link {
  z-index: 3;
  color: #1A3668;
  background-color: #E8EBF0;
  border-color: #E8EBF0;
}

.bs5 .page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #E5E5E5;
}

.bs5 .pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.bs5 .pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
}

.bs5 .pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}

.bs5 .pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.bs5 .pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}

.bs5 .pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.bs5 .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.125rem;
  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) {
  .bs5 .badge {
    transition: none;
  }
}
.bs5 a.badge:hover,
.bs5 a.badge:focus {
  text-decoration: none;
}

.bs5 .badge:empty {
  display: none;
}

.bs5 .btn .badge {
  position: relative;
  top: -1px;
}

.bs5 .badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.bs5 .badge-primary {
  color: #fff;
  background-color: #1A3668;
}

.bs5 a.badge-primary:hover,
.bs5 a.badge-primary:focus {
  color: #fff;
  background-color: #10213f;
}

.bs5 a.badge-primary:focus,
.bs5 a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 54, 104, 0.5);
}

.bs5 .badge-secondary {
  color: #fff;
  background-color: #686C72;
}

.bs5 a.badge-secondary:hover,
.bs5 a.badge-secondary:focus {
  color: #fff;
  background-color: #505357;
}

.bs5 a.badge-secondary:focus,
.bs5 a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(104, 108, 114, 0.5);
}

.bs5 .badge-success {
  color: #252525;
  background-color: #8CBE44;
}

.bs5 a.badge-success:hover,
.bs5 a.badge-success:focus {
  color: #252525;
  background-color: #719a35;
}

.bs5 a.badge-success:focus,
.bs5 a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(140, 190, 68, 0.5);
}

.bs5 .badge-info {
  color: #fff;
  background-color: #24B1CD;
}

.bs5 a.badge-info:hover,
.bs5 a.badge-info:focus {
  color: #fff;
  background-color: #1c8ca2;
}

.bs5 a.badge-info:focus,
.bs5 a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(36, 177, 205, 0.5);
}

.bs5 .badge-warning {
  color: #252525;
  background-color: #ffc107;
}

.bs5 a.badge-warning:hover,
.bs5 a.badge-warning:focus {
  color: #252525;
  background-color: #d39e00;
}

.bs5 a.badge-warning:focus,
.bs5 a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.bs5 .badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.bs5 a.badge-danger:hover,
.bs5 a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

.bs5 a.badge-danger:focus,
.bs5 a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.bs5 .badge-light {
  color: #252525;
  background-color: #FBFBFC;
}

.bs5 a.badge-light:hover,
.bs5 a.badge-light:focus {
  color: #252525;
  background-color: #dedee6;
}

.bs5 a.badge-light:focus,
.bs5 a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(251, 251, 252, 0.5);
}

.bs5 .badge-dark {
  color: #fff;
  background-color: #474747;
}

.bs5 a.badge-dark:hover,
.bs5 a.badge-dark:focus {
  color: #fff;
  background-color: #2e2e2e;
}

.bs5 a.badge-dark:focus,
.bs5 a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(71, 71, 71, 0.5);
}

.bs5 .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #F1F1F1;
  border-radius: 0.15rem;
}

@media (min-width: 576px) {
  .bs5 .jumbotron {
    padding: 4rem 2rem;
  }
}
.bs5 .jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.bs5 .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.125rem;
}

.bs5 .alert-heading {
  color: inherit;
}

.bs5 .alert-link {
  font-weight: 700;
}

.bs5 .alert-dismissible {
  padding-right: 4rem;
}

.bs5 .alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.bs5 .alert-primary {
  color: #0e1c36;
  background-color: #d1d7e1;
  border-color: #bfc7d5;
}

.bs5 .alert-primary hr {
  border-top-color: #b0bacb;
}

.bs5 .alert-primary .alert-link {
  color: #04070e;
}

.bs5 .alert-secondary {
  color: #36383b;
  background-color: #e1e2e3;
  border-color: #d5d6d8;
}

.bs5 .alert-secondary hr {
  border-top-color: #c8c9cc;
}

.bs5 .alert-secondary .alert-link {
  color: #1e1f20;
}

.bs5 .alert-success {
  color: #496323;
  background-color: #e8f2da;
  border-color: #dfedcb;
}

.bs5 .alert-success hr {
  border-top-color: #d3e6b8;
}

.bs5 .alert-success .alert-link {
  color: #2d3d16;
}

.bs5 .alert-info {
  color: #135c6b;
  background-color: #d3eff5;
  border-color: #c2e9f1;
}

.bs5 .alert-info hr {
  border-top-color: #ade2ec;
}

.bs5 .alert-info .alert-link {
  color: #0b3740;
}

.bs5 .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.bs5 .alert-warning hr {
  border-top-color: #ffe8a1;
}

.bs5 .alert-warning .alert-link {
  color: #533f03;
}

.bs5 .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.bs5 .alert-danger hr {
  border-top-color: #f1b0b7;
}

.bs5 .alert-danger .alert-link {
  color: #491217;
}

.bs5 .alert-light {
  color: #838383;
  background-color: #fefefe;
  border-color: #fefefe;
}

.bs5 .alert-light hr {
  border-top-color: #f1f1f1;
}

.bs5 .alert-light .alert-link {
  color: #6a6a6a;
}

.bs5 .alert-dark {
  color: #252525;
  background-color: #dadada;
  border-color: #cbcbcb;
}

.bs5 .alert-dark hr {
  border-top-color: #bebebe;
}

.bs5 .alert-dark .alert-link {
  color: #0c0c0c;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.bs5 .progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #F1F1F1;
  border-radius: 0.125rem;
}

.bs5 .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #1A3668;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .progress-bar {
    transition: none;
  }
}
.bs5 .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: 1rem 1rem;
}

.bs5 .progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .progress-bar-animated {
    animation: none;
  }
}
.bs5 .media {
  display: flex;
  align-items: flex-start;
}

.bs5 .media-body {
  flex: 1;
}

.bs5 .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.125rem;
}

.bs5 .list-group-item-action {
  width: 100%;
  color: #7A7A7A;
  text-align: inherit;
}

.bs5 .list-group-item-action:hover,
.bs5 .list-group-item-action:focus {
  z-index: 1;
  color: #7A7A7A;
  text-decoration: none;
  background-color: #FBFBFC;
}

.bs5 .list-group-item-action:active {
  color: #252525;
  background-color: #F1F1F1;
}

.bs5 .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.bs5 .list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.bs5 .list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.bs5 .list-group-item.disabled,
.bs5 .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.bs5 .list-group-item.active {
  z-index: 2;
  color: #1A3668;
  background-color: #E8EBF0;
  border-color: #E8EBF0;
}

.bs5 .list-group-item + .list-group-item {
  border-top-width: 0;
}

.bs5 .list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.bs5 .list-group-horizontal {
  flex-direction: row;
}

.bs5 .list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.125rem;
  border-top-right-radius: 0;
}

.bs5 .list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-left-radius: 0;
}

.bs5 .list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.bs5 .list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.bs5 .list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .bs5 .list-group-horizontal-sm {
    flex-direction: row;
  }
  .bs5 .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.125rem;
    border-top-right-radius: 0;
  }
  .bs5 .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0;
  }
  .bs5 .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .bs5 .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .bs5 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .bs5 .list-group-horizontal-md {
    flex-direction: row;
  }
  .bs5 .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.125rem;
    border-top-right-radius: 0;
  }
  .bs5 .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0;
  }
  .bs5 .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .bs5 .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .bs5 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1280px) {
  .bs5 .list-group-horizontal-lg {
    flex-direction: row;
  }
  .bs5 .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.125rem;
    border-top-right-radius: 0;
  }
  .bs5 .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0;
  }
  .bs5 .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .bs5 .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .bs5 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1920px) {
  .bs5 .list-group-horizontal-xl {
    flex-direction: row;
  }
  .bs5 .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.125rem;
    border-top-right-radius: 0;
  }
  .bs5 .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.125rem;
    border-bottom-left-radius: 0;
  }
  .bs5 .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .bs5 .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .bs5 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.bs5 .list-group-flush {
  border-radius: 0;
}

.bs5 .list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.bs5 .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.bs5 .list-group-item-primary {
  color: #0e1c36;
  background-color: #bfc7d5;
}

.bs5 .list-group-item-primary.list-group-item-action:hover,
.bs5 .list-group-item-primary.list-group-item-action:focus {
  color: #0e1c36;
  background-color: #b0bacb;
}

.bs5 .list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #0e1c36;
  border-color: #0e1c36;
}

.bs5 .list-group-item-secondary {
  color: #36383b;
  background-color: #d5d6d8;
}

.bs5 .list-group-item-secondary.list-group-item-action:hover,
.bs5 .list-group-item-secondary.list-group-item-action:focus {
  color: #36383b;
  background-color: #c8c9cc;
}

.bs5 .list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #36383b;
  border-color: #36383b;
}

.bs5 .list-group-item-success {
  color: #496323;
  background-color: #dfedcb;
}

.bs5 .list-group-item-success.list-group-item-action:hover,
.bs5 .list-group-item-success.list-group-item-action:focus {
  color: #496323;
  background-color: #d3e6b8;
}

.bs5 .list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #496323;
  border-color: #496323;
}

.bs5 .list-group-item-info {
  color: #135c6b;
  background-color: #c2e9f1;
}

.bs5 .list-group-item-info.list-group-item-action:hover,
.bs5 .list-group-item-info.list-group-item-action:focus {
  color: #135c6b;
  background-color: #ade2ec;
}

.bs5 .list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #135c6b;
  border-color: #135c6b;
}

.bs5 .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.bs5 .list-group-item-warning.list-group-item-action:hover,
.bs5 .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.bs5 .list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.bs5 .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.bs5 .list-group-item-danger.list-group-item-action:hover,
.bs5 .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.bs5 .list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.bs5 .list-group-item-light {
  color: #838383;
  background-color: #fefefe;
}

.bs5 .list-group-item-light.list-group-item-action:hover,
.bs5 .list-group-item-light.list-group-item-action:focus {
  color: #838383;
  background-color: #f1f1f1;
}

.bs5 .list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #838383;
  border-color: #838383;
}

.bs5 .list-group-item-dark {
  color: #252525;
  background-color: #cbcbcb;
}

.bs5 .list-group-item-dark.list-group-item-action:hover,
.bs5 .list-group-item-dark.list-group-item-action:focus {
  color: #252525;
  background-color: #bebebe;
}

.bs5 .list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #252525;
  border-color: #252525;
}

.bs5 .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.bs5 .close:hover {
  color: #000;
  text-decoration: none;
}

.bs5 .close:not(:disabled):not(.disabled):hover,
.bs5 .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

.bs5 button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.bs5 a.close.disabled {
  pointer-events: none;
}

.bs5 .toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.bs5 .toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.bs5 .toast.showing {
  opacity: 1;
}

.bs5 .toast.show {
  display: block;
  opacity: 1;
}

.bs5 .toast.hide {
  display: none;
}

.bs5 .toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.bs5 .toast-body {
  padding: 0.75rem;
}

.bs5 .modal-open {
  overflow: hidden;
}

.bs5 .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.bs5 .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.bs5 .modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.bs5 .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .modal.fade .modal-dialog {
    transition: none;
  }
}
.bs5 .modal.show .modal-dialog {
  transform: none;
}

.bs5 .modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.bs5 .modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.bs5 .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.bs5 .modal-dialog-scrollable .modal-header,
.bs5 .modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.bs5 .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.bs5 .modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.bs5 .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}

.bs5 .modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.bs5 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.bs5 .modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.bs5 .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.15rem;
  outline: 0;
}

.bs5 .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.bs5 .modal-backdrop.fade {
  opacity: 0;
}

.bs5 .modal-backdrop.show {
  opacity: 0.5;
}

.bs5 .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #F1F1F1;
  border-top-left-radius: calc(0.15rem - 1px);
  border-top-right-radius: calc(0.15rem - 1px);
}

.bs5 .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.bs5 .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.bs5 .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  max-height: unset;
}

.bs5 .modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #F1F1F1;
  border-bottom-right-radius: calc(0.15rem - 1px);
  border-bottom-left-radius: calc(0.15rem - 1px);
}

.bs5 .modal-footer > * {
  margin: 0.25rem;
}

.bs5 .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .bs5 .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .bs5 .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .bs5 .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .bs5 .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .bs5 .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .bs5 .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1280px) {
  .bs5 .modal-lg,
  .bs5 .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1920px) {
  .bs5 .modal-xl {
    max-width: 1140px;
  }
}
.bs5 .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: IBM Plex Sans;
  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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.bs5 .tooltip.show {
  opacity: 0.9;
}

.bs5 .tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.bs5 .tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs5 .bs-tooltip-top,
.bs5 .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-top .arrow,
.bs5 .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}

.bs5 .bs-tooltip-top .arrow::before,
.bs5 .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs5 .bs-tooltip-right,
.bs5 .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-right .arrow,
.bs5 .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-right .arrow::before,
.bs5 .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs5 .bs-tooltip-bottom,
.bs5 .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-bottom .arrow,
.bs5 .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}

.bs5 .bs-tooltip-bottom .arrow::before,
.bs5 .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs5 .bs-tooltip-left,
.bs5 .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-left .arrow,
.bs5 .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-left .arrow::before,
.bs5 .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.bs5 .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.125rem;
}

.bs5 .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: IBM Plex Sans;
  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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.15rem;
}

.bs5 .popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.15rem;
}

.bs5 .popover .arrow::before,
.bs5 .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs5 .bs-popover-top,
.bs5 .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}

.bs5 .bs-popover-top > .arrow,
.bs5 .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs5 .bs-popover-top > .arrow::before,
.bs5 .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs5 .bs-popover-top > .arrow::after,
.bs5 .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs5 .bs-popover-right,
.bs5 .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}

.bs5 .bs-popover-right > .arrow,
.bs5 .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.15rem 0;
}

.bs5 .bs-popover-right > .arrow::before,
.bs5 .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs5 .bs-popover-right > .arrow::after,
.bs5 .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs5 .bs-popover-bottom,
.bs5 .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}

.bs5 .bs-popover-bottom > .arrow,
.bs5 .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs5 .bs-popover-bottom > .arrow::before,
.bs5 .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs5 .bs-popover-bottom > .arrow::after,
.bs5 .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs5 .bs-popover-bottom .popover-header::before,
.bs5 .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs5 .bs-popover-left,
.bs5 .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}

.bs5 .bs-popover-left > .arrow,
.bs5 .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.15rem 0;
}

.bs5 .bs-popover-left > .arrow::before,
.bs5 .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs5 .bs-popover-left > .arrow::after,
.bs5 .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.bs5 .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.15rem - 1px);
  border-top-right-radius: calc(0.15rem - 1px);
}

.bs5 .popover-header:empty {
  display: none;
}

.bs5 .popover-body {
  padding: 0.5rem 0.75rem;
  color: #252525;
}

.bs5 .carousel {
  position: relative;
}

.bs5 .carousel.pointer-event {
  touch-action: pan-y;
}

.bs5 .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bs5 .carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.bs5 .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) {
  .bs5 .carousel-item {
    transition: none;
  }
}
.bs5 .carousel-item.active,
.bs5 .carousel-item-next,
.bs5 .carousel-item-prev {
  display: block;
}

.bs5 .carousel-item-next:not(.carousel-item-left),
.bs5 .active.carousel-item-right {
  transform: translateX(100%);
}

.bs5 .carousel-item-prev:not(.carousel-item-right),
.bs5 .active.carousel-item-left {
  transform: translateX(-100%);
}

.bs5 .carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.bs5 .carousel-fade .carousel-item.active,
.bs5 .carousel-fade .carousel-item-next.carousel-item-left,
.bs5 .carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.bs5 .carousel-fade .active.carousel-item-left,
.bs5 .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .carousel-fade .active.carousel-item-left,
  .bs5 .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.bs5 .carousel-control-prev,
.bs5 .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .carousel-control-prev,
  .bs5 .carousel-control-next {
    transition: none;
  }
}
.bs5 .carousel-control-prev:hover,
.bs5 .carousel-control-prev:focus,
.bs5 .carousel-control-next:hover,
.bs5 .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.bs5 .carousel-control-prev {
  left: 0;
}

.bs5 .carousel-control-next {
  right: 0;
}

.bs5 .carousel-control-prev-icon,
.bs5 .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.bs5 .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.bs5 .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.bs5 .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.bs5 .carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .bs5 .carousel-indicators li {
    transition: none;
  }
}
.bs5 .carousel-indicators .active {
  opacity: 1;
}

.bs5 .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.bs5 .spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.bs5 .spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.bs5 .spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

.bs5 .spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.bs5 .align-baseline {
  vertical-align: baseline !important;
}

.bs5 .align-top {
  vertical-align: top !important;
}

.bs5 .align-middle {
  vertical-align: middle !important;
}

.bs5 .align-bottom {
  vertical-align: bottom !important;
}

.bs5 .align-text-bottom {
  vertical-align: text-bottom !important;
}

.bs5 .align-text-top {
  vertical-align: text-top !important;
}

.bs5 .bg-primary {
  background-color: #1A3668 !important;
}

.bs5 a.bg-primary:hover,
.bs5 a.bg-primary:focus,
.bs5 button.bg-primary:hover,
.bs5 button.bg-primary:focus {
  background-color: #10213f !important;
}

.bs5 .bg-secondary {
  background-color: #686C72 !important;
}

.bs5 a.bg-secondary:hover,
.bs5 a.bg-secondary:focus,
.bs5 button.bg-secondary:hover,
.bs5 button.bg-secondary:focus {
  background-color: #505357 !important;
}

.bs5 .bg-success {
  background-color: #8CBE44 !important;
}

.bs5 a.bg-success:hover,
.bs5 a.bg-success:focus,
.bs5 button.bg-success:hover,
.bs5 button.bg-success:focus {
  background-color: #719a35 !important;
}

.bs5 .bg-info {
  background-color: #24B1CD !important;
}

.bs5 a.bg-info:hover,
.bs5 a.bg-info:focus,
.bs5 button.bg-info:hover,
.bs5 button.bg-info:focus {
  background-color: #1c8ca2 !important;
}

.bs5 .bg-warning {
  background-color: #ffc107 !important;
}

.bs5 a.bg-warning:hover,
.bs5 a.bg-warning:focus,
.bs5 button.bg-warning:hover,
.bs5 button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bs5 .bg-danger {
  background-color: #dc3545 !important;
}

.bs5 a.bg-danger:hover,
.bs5 a.bg-danger:focus,
.bs5 button.bg-danger:hover,
.bs5 button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bs5 .bg-light {
  background-color: #FBFBFC !important;
}

.bs5 a.bg-light:hover,
.bs5 a.bg-light:focus,
.bs5 button.bg-light:hover,
.bs5 button.bg-light:focus {
  background-color: #dedee6 !important;
}

.bs5 .bg-dark {
  background-color: #474747 !important;
}

.bs5 a.bg-dark:hover,
.bs5 a.bg-dark:focus,
.bs5 button.bg-dark:hover,
.bs5 button.bg-dark:focus {
  background-color: #2e2e2e !important;
}

.bs5 .bg-white {
  background-color: #fff !important;
}

.bs5 .bg-transparent {
  background-color: transparent !important;
}

.bs5 .border {
  border: 1px solid #F1F1F1 !important;
}

.bs5 .border-top {
  border-top: 1px solid #F1F1F1 !important;
}

.bs5 .border-right {
  border-right: 1px solid #F1F1F1 !important;
}

.bs5 .border-bottom {
  border-bottom: 1px solid #F1F1F1 !important;
}

.bs5 .border-left {
  border-left: 1px solid #F1F1F1 !important;
}

.bs5 .border-0 {
  border: 0 !important;
}

.bs5 .border-top-0 {
  border-top: 0 !important;
}

.bs5 .border-right-0 {
  border-right: 0 !important;
}

.bs5 .border-bottom-0 {
  border-bottom: 0 !important;
}

.bs5 .border-left-0 {
  border-left: 0 !important;
}

.bs5 .border-primary {
  border-color: #1A3668 !important;
}

.bs5 .border-secondary {
  border-color: #686C72 !important;
}

.bs5 .border-success {
  border-color: #8CBE44 !important;
}

.bs5 .border-info {
  border-color: #24B1CD !important;
}

.bs5 .border-warning {
  border-color: #ffc107 !important;
}

.bs5 .border-danger {
  border-color: #dc3545 !important;
}

.bs5 .border-light {
  border-color: #FBFBFC !important;
}

.bs5 .border-dark {
  border-color: #474747 !important;
}

.bs5 .border-white {
  border-color: #fff !important;
}

.bs5 .rounded-sm {
  border-radius: 0.1rem !important;
}

.bs5 .rounded {
  border-radius: 0.125rem !important;
}

.bs5 .rounded-top {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}

.bs5 .rounded-right {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.bs5 .rounded-bottom {
  border-bottom-right-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.bs5 .rounded-left {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.bs5 .rounded-lg {
  border-radius: 0.15rem !important;
}

.bs5 .rounded-circle {
  border-radius: 50% !important;
}

.bs5 .rounded-pill {
  border-radius: 50rem !important;
}

.bs5 .rounded-0 {
  border-radius: 0 !important;
}

.bs5 .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.bs5 .d-none {
  display: none !important;
}

.bs5 .d-inline {
  display: inline !important;
}

.bs5 .d-inline-block {
  display: inline-block !important;
}

.bs5 .d-block {
  display: block !important;
}

.bs5 .d-table {
  display: table !important;
}

.bs5 .d-table-row {
  display: table-row !important;
}

.bs5 .d-table-cell {
  display: table-cell !important;
}

.bs5 .d-flex {
  display: flex !important;
}

.bs5 .d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .bs5 .d-sm-none {
    display: none !important;
  }
  .bs5 .d-sm-inline {
    display: inline !important;
  }
  .bs5 .d-sm-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-sm-block {
    display: block !important;
  }
  .bs5 .d-sm-table {
    display: table !important;
  }
  .bs5 .d-sm-table-row {
    display: table-row !important;
  }
  .bs5 .d-sm-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-sm-flex {
    display: flex !important;
  }
  .bs5 .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .bs5 .d-md-none {
    display: none !important;
  }
  .bs5 .d-md-inline {
    display: inline !important;
  }
  .bs5 .d-md-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-md-block {
    display: block !important;
  }
  .bs5 .d-md-table {
    display: table !important;
  }
  .bs5 .d-md-table-row {
    display: table-row !important;
  }
  .bs5 .d-md-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-md-flex {
    display: flex !important;
  }
  .bs5 .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .bs5 .d-lg-none {
    display: none !important;
  }
  .bs5 .d-lg-inline {
    display: inline !important;
  }
  .bs5 .d-lg-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-lg-block {
    display: block !important;
  }
  .bs5 .d-lg-table {
    display: table !important;
  }
  .bs5 .d-lg-table-row {
    display: table-row !important;
  }
  .bs5 .d-lg-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-lg-flex {
    display: flex !important;
  }
  .bs5 .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1920px) {
  .bs5 .d-xl-none {
    display: none !important;
  }
  .bs5 .d-xl-inline {
    display: inline !important;
  }
  .bs5 .d-xl-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-xl-block {
    display: block !important;
  }
  .bs5 .d-xl-table {
    display: table !important;
  }
  .bs5 .d-xl-table-row {
    display: table-row !important;
  }
  .bs5 .d-xl-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-xl-flex {
    display: flex !important;
  }
  .bs5 .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .bs5 .d-print-none {
    display: none !important;
  }
  .bs5 .d-print-inline {
    display: inline !important;
  }
  .bs5 .d-print-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-print-block {
    display: block !important;
  }
  .bs5 .d-print-table {
    display: table !important;
  }
  .bs5 .d-print-table-row {
    display: table-row !important;
  }
  .bs5 .d-print-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-print-flex {
    display: flex !important;
  }
  .bs5 .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.bs5 .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.bs5 .embed-responsive::before {
  display: block;
  content: "";
}

.bs5 .embed-responsive .embed-responsive-item,
.bs5 .embed-responsive iframe,
.bs5 .embed-responsive embed,
.bs5 .embed-responsive object,
.bs5 .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.bs5 .embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.bs5 .embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.bs5 .embed-responsive-4by3::before {
  padding-top: 75%;
}

.bs5 .embed-responsive-1by1::before {
  padding-top: 100%;
}

.bs5 .flex-row {
  flex-direction: row !important;
}

.bs5 .flex-column {
  flex-direction: column !important;
}

.bs5 .flex-row-reverse {
  flex-direction: row-reverse !important;
}

.bs5 .flex-column-reverse {
  flex-direction: column-reverse !important;
}

.bs5 .flex-wrap {
  flex-wrap: wrap !important;
}

.bs5 .flex-nowrap {
  flex-wrap: nowrap !important;
}

.bs5 .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.bs5 .flex-fill {
  flex: 1 1 auto !important;
}

.bs5 .flex-grow-0 {
  flex-grow: 0 !important;
}

.bs5 .flex-grow-1 {
  flex-grow: 1 !important;
}

.bs5 .flex-shrink-0 {
  flex-shrink: 0 !important;
}

.bs5 .flex-shrink-1 {
  flex-shrink: 1 !important;
}

.bs5 .justify-content-start {
  justify-content: flex-start !important;
}

.bs5 .justify-content-end {
  justify-content: flex-end !important;
}

.bs5 .justify-content-center {
  justify-content: center !important;
}

.bs5 .justify-content-between {
  justify-content: space-between !important;
}

.bs5 .justify-content-around {
  justify-content: space-around !important;
}

.bs5 .align-items-start {
  align-items: flex-start !important;
}

.bs5 .align-items-end {
  align-items: flex-end !important;
}

.bs5 .align-items-center {
  align-items: center !important;
}

.bs5 .align-items-baseline {
  align-items: baseline !important;
}

.bs5 .align-items-stretch {
  align-items: stretch !important;
}

.bs5 .align-content-start {
  align-content: flex-start !important;
}

.bs5 .align-content-end {
  align-content: flex-end !important;
}

.bs5 .align-content-center {
  align-content: center !important;
}

.bs5 .align-content-between {
  align-content: space-between !important;
}

.bs5 .align-content-around {
  align-content: space-around !important;
}

.bs5 .align-content-stretch {
  align-content: stretch !important;
}

.bs5 .align-self-auto {
  align-self: auto !important;
}

.bs5 .align-self-start {
  align-self: flex-start !important;
}

.bs5 .align-self-end {
  align-self: flex-end !important;
}

.bs5 .align-self-center {
  align-self: center !important;
}

.bs5 .align-self-baseline {
  align-self: baseline !important;
}

.bs5 .align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .bs5 .flex-sm-row {
    flex-direction: row !important;
  }
  .bs5 .flex-sm-column {
    flex-direction: column !important;
  }
  .bs5 .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-sm-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .bs5 .align-items-sm-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-sm-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-sm-center {
    align-items: center !important;
  }
  .bs5 .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-sm-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-sm-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-sm-center {
    align-content: center !important;
  }
  .bs5 .align-content-sm-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-sm-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-sm-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-sm-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-sm-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-sm-center {
    align-self: center !important;
  }
  .bs5 .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .bs5 .flex-md-row {
    flex-direction: row !important;
  }
  .bs5 .flex-md-column {
    flex-direction: column !important;
  }
  .bs5 .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-md-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-md-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-md-around {
    justify-content: space-around !important;
  }
  .bs5 .align-items-md-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-md-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-md-center {
    align-items: center !important;
  }
  .bs5 .align-items-md-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-md-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-md-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-md-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-md-center {
    align-content: center !important;
  }
  .bs5 .align-content-md-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-md-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-md-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-md-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-md-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-md-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-md-center {
    align-self: center !important;
  }
  .bs5 .align-self-md-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .bs5 .flex-lg-row {
    flex-direction: row !important;
  }
  .bs5 .flex-lg-column {
    flex-direction: column !important;
  }
  .bs5 .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-lg-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .bs5 .align-items-lg-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-lg-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-lg-center {
    align-items: center !important;
  }
  .bs5 .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-lg-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-lg-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-lg-center {
    align-content: center !important;
  }
  .bs5 .align-content-lg-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-lg-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-lg-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-lg-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-lg-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-lg-center {
    align-self: center !important;
  }
  .bs5 .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1920px) {
  .bs5 .flex-xl-row {
    flex-direction: row !important;
  }
  .bs5 .flex-xl-column {
    flex-direction: column !important;
  }
  .bs5 .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-xl-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .bs5 .align-items-xl-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-xl-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-xl-center {
    align-items: center !important;
  }
  .bs5 .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-xl-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-xl-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-xl-center {
    align-content: center !important;
  }
  .bs5 .align-content-xl-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-xl-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-xl-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-xl-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-xl-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-xl-center {
    align-self: center !important;
  }
  .bs5 .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.bs5 .float-left {
  float: left !important;
}

.bs5 .float-right {
  float: right !important;
}

.bs5 .float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .bs5 .float-sm-left {
    float: left !important;
  }
  .bs5 .float-sm-right {
    float: right !important;
  }
  .bs5 .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .bs5 .float-md-left {
    float: left !important;
  }
  .bs5 .float-md-right {
    float: right !important;
  }
  .bs5 .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  .bs5 .float-lg-left {
    float: left !important;
  }
  .bs5 .float-lg-right {
    float: right !important;
  }
  .bs5 .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1920px) {
  .bs5 .float-xl-left {
    float: left !important;
  }
  .bs5 .float-xl-right {
    float: right !important;
  }
  .bs5 .float-xl-none {
    float: none !important;
  }
}
.bs5 .user-select-all {
  user-select: all !important;
}

.bs5 .user-select-auto {
  user-select: auto !important;
}

.bs5 .user-select-none {
  user-select: none !important;
}

.bs5 .overflow-auto {
  overflow: auto !important;
}

.bs5 .overflow-hidden {
  overflow: hidden !important;
}

.bs5 .position-static {
  position: static !important;
}

.bs5 .position-relative {
  position: relative !important;
}

.bs5 .position-absolute {
  position: absolute !important;
}

.bs5 .position-fixed {
  position: fixed !important;
}

.bs5 .position-sticky {
  position: sticky !important;
}

.bs5 .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.bs5 .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .bs5 .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.bs5 .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.bs5 .sr-only-focusable:active,
.bs5 .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.bs5 .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.bs5 .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.bs5 .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.bs5 .shadow-none {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.bs5 .w-25 {
  width: 25% !important;
}

.bs5 .w-50 {
  width: 50% !important;
}

.bs5 .w-75 {
  width: 75% !important;
}

.bs5 .w-100 {
  width: 100% !important;
}

.bs5 .w-auto {
  width: auto !important;
}

.bs5 .h-25 {
  height: 25% !important;
}

.bs5 .h-50 {
  height: 50% !important;
}

.bs5 .h-75 {
  height: 75% !important;
}

.bs5 .h-100 {
  height: 100% !important;
}

.bs5 .h-auto {
  height: auto !important;
}

.bs5 .mw-100 {
  max-width: 100% !important;
}

.bs5 .mh-100 {
  max-height: 100% !important;
}

.bs5 .min-vw-100 {
  min-width: 100vw !important;
}

.bs5 .min-vh-100 {
  min-height: 100vh !important;
}

.bs5 .vw-100 {
  width: 100vw !important;
}

.bs5 .vh-100 {
  height: 100vh !important;
}

.bs5 .m-0 {
  margin: 0 !important;
}

.bs5 .mt-0,
.bs5 .my-0 {
  margin-top: 0 !important;
}

.bs5 .mr-0,
.bs5 .mx-0 {
  margin-right: 0 !important;
}

.bs5 .mb-0,
.bs5 .my-0 {
  margin-bottom: 0 !important;
}

.bs5 .ml-0,
.bs5 .mx-0 {
  margin-left: 0 !important;
}

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

.bs5 .mt-1,
.bs5 .my-1 {
  margin-top: 0.25rem !important;
}

.bs5 .mr-1,
.bs5 .mx-1 {
  margin-right: 0.25rem !important;
}

.bs5 .mb-1,
.bs5 .my-1 {
  margin-bottom: 0.25rem !important;
}

.bs5 .ml-1,
.bs5 .mx-1 {
  margin-left: 0.25rem !important;
}

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

.bs5 .mt-2,
.bs5 .my-2 {
  margin-top: 0.5rem !important;
}

.bs5 .mr-2,
.bs5 .mx-2 {
  margin-right: 0.5rem !important;
}

.bs5 .mb-2,
.bs5 .my-2 {
  margin-bottom: 0.5rem !important;
}

.bs5 .ml-2,
.bs5 .mx-2 {
  margin-left: 0.5rem !important;
}

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

.bs5 .mt-3,
.bs5 .my-3 {
  margin-top: 1rem !important;
}

.bs5 .mr-3,
.bs5 .mx-3 {
  margin-right: 1rem !important;
}

.bs5 .mb-3,
.bs5 .my-3 {
  margin-bottom: 1rem !important;
}

.bs5 .ml-3,
.bs5 .mx-3 {
  margin-left: 1rem !important;
}

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

.bs5 .mt-4,
.bs5 .my-4 {
  margin-top: 1.5rem !important;
}

.bs5 .mr-4,
.bs5 .mx-4 {
  margin-right: 1.5rem !important;
}

.bs5 .mb-4,
.bs5 .my-4 {
  margin-bottom: 1.5rem !important;
}

.bs5 .ml-4,
.bs5 .mx-4 {
  margin-left: 1.5rem !important;
}

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

.bs5 .mt-5,
.bs5 .my-5 {
  margin-top: 3rem !important;
}

.bs5 .mr-5,
.bs5 .mx-5 {
  margin-right: 3rem !important;
}

.bs5 .mb-5,
.bs5 .my-5 {
  margin-bottom: 3rem !important;
}

.bs5 .ml-5,
.bs5 .mx-5 {
  margin-left: 3rem !important;
}

.bs5 .p-0 {
  padding: 0 !important;
}

.bs5 .pt-0,
.bs5 .py-0 {
  padding-top: 0 !important;
}

.bs5 .pr-0,
.bs5 .px-0 {
  padding-right: 0 !important;
}

.bs5 .pb-0,
.bs5 .py-0 {
  padding-bottom: 0 !important;
}

.bs5 .pl-0,
.bs5 .px-0 {
  padding-left: 0 !important;
}

.bs5 .p-1 {
  padding: 0.25rem !important;
}

.bs5 .pt-1,
.bs5 .py-1 {
  padding-top: 0.25rem !important;
}

.bs5 .pr-1,
.bs5 .px-1 {
  padding-right: 0.25rem !important;
}

.bs5 .pb-1,
.bs5 .py-1 {
  padding-bottom: 0.25rem !important;
}

.bs5 .pl-1,
.bs5 .px-1 {
  padding-left: 0.25rem !important;
}

.bs5 .p-2 {
  padding: 0.5rem !important;
}

.bs5 .pt-2,
.bs5 .py-2 {
  padding-top: 0.5rem !important;
}

.bs5 .pr-2,
.bs5 .px-2 {
  padding-right: 0.5rem !important;
}

.bs5 .pb-2,
.bs5 .py-2 {
  padding-bottom: 0.5rem !important;
}

.bs5 .pl-2,
.bs5 .px-2 {
  padding-left: 0.5rem !important;
}

.bs5 .p-3 {
  padding: 1rem !important;
}

.bs5 .pt-3,
.bs5 .py-3 {
  padding-top: 1rem !important;
}

.bs5 .pr-3,
.bs5 .px-3 {
  padding-right: 1rem !important;
}

.bs5 .pb-3,
.bs5 .py-3 {
  padding-bottom: 1rem !important;
}

.bs5 .pl-3,
.bs5 .px-3 {
  padding-left: 1rem !important;
}

.bs5 .p-4 {
  padding: 1.5rem !important;
}

.bs5 .pt-4,
.bs5 .py-4 {
  padding-top: 1.5rem !important;
}

.bs5 .pr-4,
.bs5 .px-4 {
  padding-right: 1.5rem !important;
}

.bs5 .pb-4,
.bs5 .py-4 {
  padding-bottom: 1.5rem !important;
}

.bs5 .pl-4,
.bs5 .px-4 {
  padding-left: 1.5rem !important;
}

.bs5 .p-5 {
  padding: 3rem !important;
}

.bs5 .pt-5,
.bs5 .py-5 {
  padding-top: 3rem !important;
}

.bs5 .pr-5,
.bs5 .px-5 {
  padding-right: 3rem !important;
}

.bs5 .pb-5,
.bs5 .py-5 {
  padding-bottom: 3rem !important;
}

.bs5 .pl-5,
.bs5 .px-5 {
  padding-left: 3rem !important;
}

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

.bs5 .mt-n1,
.bs5 .my-n1 {
  margin-top: -0.25rem !important;
}

.bs5 .mr-n1,
.bs5 .mx-n1 {
  margin-right: -0.25rem !important;
}

.bs5 .mb-n1,
.bs5 .my-n1 {
  margin-bottom: -0.25rem !important;
}

.bs5 .ml-n1,
.bs5 .mx-n1 {
  margin-left: -0.25rem !important;
}

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

.bs5 .mt-n2,
.bs5 .my-n2 {
  margin-top: -0.5rem !important;
}

.bs5 .mr-n2,
.bs5 .mx-n2 {
  margin-right: -0.5rem !important;
}

.bs5 .mb-n2,
.bs5 .my-n2 {
  margin-bottom: -0.5rem !important;
}

.bs5 .ml-n2,
.bs5 .mx-n2 {
  margin-left: -0.5rem !important;
}

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

.bs5 .mt-n3,
.bs5 .my-n3 {
  margin-top: -1rem !important;
}

.bs5 .mr-n3,
.bs5 .mx-n3 {
  margin-right: -1rem !important;
}

.bs5 .mb-n3,
.bs5 .my-n3 {
  margin-bottom: -1rem !important;
}

.bs5 .ml-n3,
.bs5 .mx-n3 {
  margin-left: -1rem !important;
}

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

.bs5 .mt-n4,
.bs5 .my-n4 {
  margin-top: -1.5rem !important;
}

.bs5 .mr-n4,
.bs5 .mx-n4 {
  margin-right: -1.5rem !important;
}

.bs5 .mb-n4,
.bs5 .my-n4 {
  margin-bottom: -1.5rem !important;
}

.bs5 .ml-n4,
.bs5 .mx-n4 {
  margin-left: -1.5rem !important;
}

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

.bs5 .mt-n5,
.bs5 .my-n5 {
  margin-top: -3rem !important;
}

.bs5 .mr-n5,
.bs5 .mx-n5 {
  margin-right: -3rem !important;
}

.bs5 .mb-n5,
.bs5 .my-n5 {
  margin-bottom: -3rem !important;
}

.bs5 .ml-n5,
.bs5 .mx-n5 {
  margin-left: -3rem !important;
}

.bs5 .m-auto {
  margin: auto !important;
}

.bs5 .mt-auto,
.bs5 .my-auto {
  margin-top: auto !important;
}

.bs5 .mr-auto,
.bs5 .mx-auto {
  margin-right: auto !important;
}

.bs5 .mb-auto,
.bs5 .my-auto {
  margin-bottom: auto !important;
}

.bs5 .ml-auto,
.bs5 .mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .bs5 .m-sm-0 {
    margin: 0 !important;
  }
  .bs5 .mt-sm-0,
  .bs5 .my-sm-0 {
    margin-top: 0 !important;
  }
  .bs5 .mr-sm-0,
  .bs5 .mx-sm-0 {
    margin-right: 0 !important;
  }
  .bs5 .mb-sm-0,
  .bs5 .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .ml-sm-0,
  .bs5 .mx-sm-0 {
    margin-left: 0 !important;
  }
  .bs5 .m-sm-1 {
    margin: 0.25rem !important;
  }
  .bs5 .mt-sm-1,
  .bs5 .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mr-sm-1,
  .bs5 .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .mb-sm-1,
  .bs5 .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .ml-sm-1,
  .bs5 .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .m-sm-2 {
    margin: 0.5rem !important;
  }
  .bs5 .mt-sm-2,
  .bs5 .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mr-sm-2,
  .bs5 .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .mb-sm-2,
  .bs5 .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .ml-sm-2,
  .bs5 .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .m-sm-3 {
    margin: 1rem !important;
  }
  .bs5 .mt-sm-3,
  .bs5 .my-sm-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mr-sm-3,
  .bs5 .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .bs5 .mb-sm-3,
  .bs5 .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .ml-sm-3,
  .bs5 .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .bs5 .m-sm-4 {
    margin: 1.5rem !important;
  }
  .bs5 .mt-sm-4,
  .bs5 .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mr-sm-4,
  .bs5 .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .mb-sm-4,
  .bs5 .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .ml-sm-4,
  .bs5 .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .m-sm-5 {
    margin: 3rem !important;
  }
  .bs5 .mt-sm-5,
  .bs5 .my-sm-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mr-sm-5,
  .bs5 .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .bs5 .mb-sm-5,
  .bs5 .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .ml-sm-5,
  .bs5 .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .bs5 .p-sm-0 {
    padding: 0 !important;
  }
  .bs5 .pt-sm-0,
  .bs5 .py-sm-0 {
    padding-top: 0 !important;
  }
  .bs5 .pr-sm-0,
  .bs5 .px-sm-0 {
    padding-right: 0 !important;
  }
  .bs5 .pb-sm-0,
  .bs5 .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pl-sm-0,
  .bs5 .px-sm-0 {
    padding-left: 0 !important;
  }
  .bs5 .p-sm-1 {
    padding: 0.25rem !important;
  }
  .bs5 .pt-sm-1,
  .bs5 .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pr-sm-1,
  .bs5 .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pb-sm-1,
  .bs5 .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pl-sm-1,
  .bs5 .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .p-sm-2 {
    padding: 0.5rem !important;
  }
  .bs5 .pt-sm-2,
  .bs5 .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pr-sm-2,
  .bs5 .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pb-sm-2,
  .bs5 .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pl-sm-2,
  .bs5 .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .p-sm-3 {
    padding: 1rem !important;
  }
  .bs5 .pt-sm-3,
  .bs5 .py-sm-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pr-sm-3,
  .bs5 .px-sm-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pb-sm-3,
  .bs5 .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pl-sm-3,
  .bs5 .px-sm-3 {
    padding-left: 1rem !important;
  }
  .bs5 .p-sm-4 {
    padding: 1.5rem !important;
  }
  .bs5 .pt-sm-4,
  .bs5 .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pr-sm-4,
  .bs5 .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pb-sm-4,
  .bs5 .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pl-sm-4,
  .bs5 .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .p-sm-5 {
    padding: 3rem !important;
  }
  .bs5 .pt-sm-5,
  .bs5 .py-sm-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pr-sm-5,
  .bs5 .px-sm-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-sm-5,
  .bs5 .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .pl-sm-5,
  .bs5 .px-sm-5 {
    padding-left: 3rem !important;
  }
  .bs5 .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .bs5 .mt-sm-n1,
  .bs5 .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .bs5 .mr-sm-n1,
  .bs5 .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .bs5 .mb-sm-n1,
  .bs5 .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .bs5 .ml-sm-n1,
  .bs5 .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .bs5 .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .bs5 .mt-sm-n2,
  .bs5 .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .bs5 .mr-sm-n2,
  .bs5 .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .bs5 .mb-sm-n2,
  .bs5 .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .bs5 .ml-sm-n2,
  .bs5 .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .bs5 .m-sm-n3 {
    margin: -1rem !important;
  }
  .bs5 .mt-sm-n3,
  .bs5 .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .bs5 .mr-sm-n3,
  .bs5 .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .bs5 .mb-sm-n3,
  .bs5 .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .bs5 .ml-sm-n3,
  .bs5 .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .bs5 .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .bs5 .mt-sm-n4,
  .bs5 .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .bs5 .mr-sm-n4,
  .bs5 .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .bs5 .mb-sm-n4,
  .bs5 .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .bs5 .ml-sm-n4,
  .bs5 .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .bs5 .m-sm-n5 {
    margin: -3rem !important;
  }
  .bs5 .mt-sm-n5,
  .bs5 .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .bs5 .mr-sm-n5,
  .bs5 .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .bs5 .mb-sm-n5,
  .bs5 .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .bs5 .ml-sm-n5,
  .bs5 .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .bs5 .m-sm-auto {
    margin: auto !important;
  }
  .bs5 .mt-sm-auto,
  .bs5 .my-sm-auto {
    margin-top: auto !important;
  }
  .bs5 .mr-sm-auto,
  .bs5 .mx-sm-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-sm-auto,
  .bs5 .my-sm-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ml-sm-auto,
  .bs5 .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .bs5 .m-md-0 {
    margin: 0 !important;
  }
  .bs5 .mt-md-0,
  .bs5 .my-md-0 {
    margin-top: 0 !important;
  }
  .bs5 .mr-md-0,
  .bs5 .mx-md-0 {
    margin-right: 0 !important;
  }
  .bs5 .mb-md-0,
  .bs5 .my-md-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .ml-md-0,
  .bs5 .mx-md-0 {
    margin-left: 0 !important;
  }
  .bs5 .m-md-1 {
    margin: 0.25rem !important;
  }
  .bs5 .mt-md-1,
  .bs5 .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mr-md-1,
  .bs5 .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .mb-md-1,
  .bs5 .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .ml-md-1,
  .bs5 .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .m-md-2 {
    margin: 0.5rem !important;
  }
  .bs5 .mt-md-2,
  .bs5 .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mr-md-2,
  .bs5 .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .mb-md-2,
  .bs5 .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .ml-md-2,
  .bs5 .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .m-md-3 {
    margin: 1rem !important;
  }
  .bs5 .mt-md-3,
  .bs5 .my-md-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mr-md-3,
  .bs5 .mx-md-3 {
    margin-right: 1rem !important;
  }
  .bs5 .mb-md-3,
  .bs5 .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .ml-md-3,
  .bs5 .mx-md-3 {
    margin-left: 1rem !important;
  }
  .bs5 .m-md-4 {
    margin: 1.5rem !important;
  }
  .bs5 .mt-md-4,
  .bs5 .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mr-md-4,
  .bs5 .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .mb-md-4,
  .bs5 .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .ml-md-4,
  .bs5 .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .m-md-5 {
    margin: 3rem !important;
  }
  .bs5 .mt-md-5,
  .bs5 .my-md-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mr-md-5,
  .bs5 .mx-md-5 {
    margin-right: 3rem !important;
  }
  .bs5 .mb-md-5,
  .bs5 .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .ml-md-5,
  .bs5 .mx-md-5 {
    margin-left: 3rem !important;
  }
  .bs5 .p-md-0 {
    padding: 0 !important;
  }
  .bs5 .pt-md-0,
  .bs5 .py-md-0 {
    padding-top: 0 !important;
  }
  .bs5 .pr-md-0,
  .bs5 .px-md-0 {
    padding-right: 0 !important;
  }
  .bs5 .pb-md-0,
  .bs5 .py-md-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pl-md-0,
  .bs5 .px-md-0 {
    padding-left: 0 !important;
  }
  .bs5 .p-md-1 {
    padding: 0.25rem !important;
  }
  .bs5 .pt-md-1,
  .bs5 .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pr-md-1,
  .bs5 .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pb-md-1,
  .bs5 .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pl-md-1,
  .bs5 .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .p-md-2 {
    padding: 0.5rem !important;
  }
  .bs5 .pt-md-2,
  .bs5 .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pr-md-2,
  .bs5 .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pb-md-2,
  .bs5 .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pl-md-2,
  .bs5 .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .p-md-3 {
    padding: 1rem !important;
  }
  .bs5 .pt-md-3,
  .bs5 .py-md-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pr-md-3,
  .bs5 .px-md-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pb-md-3,
  .bs5 .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pl-md-3,
  .bs5 .px-md-3 {
    padding-left: 1rem !important;
  }
  .bs5 .p-md-4 {
    padding: 1.5rem !important;
  }
  .bs5 .pt-md-4,
  .bs5 .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pr-md-4,
  .bs5 .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pb-md-4,
  .bs5 .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pl-md-4,
  .bs5 .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .p-md-5 {
    padding: 3rem !important;
  }
  .bs5 .pt-md-5,
  .bs5 .py-md-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pr-md-5,
  .bs5 .px-md-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-md-5,
  .bs5 .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .pl-md-5,
  .bs5 .px-md-5 {
    padding-left: 3rem !important;
  }
  .bs5 .m-md-n1 {
    margin: -0.25rem !important;
  }
  .bs5 .mt-md-n1,
  .bs5 .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .bs5 .mr-md-n1,
  .bs5 .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .bs5 .mb-md-n1,
  .bs5 .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .bs5 .ml-md-n1,
  .bs5 .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .bs5 .m-md-n2 {
    margin: -0.5rem !important;
  }
  .bs5 .mt-md-n2,
  .bs5 .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .bs5 .mr-md-n2,
  .bs5 .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .bs5 .mb-md-n2,
  .bs5 .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .bs5 .ml-md-n2,
  .bs5 .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .bs5 .m-md-n3 {
    margin: -1rem !important;
  }
  .bs5 .mt-md-n3,
  .bs5 .my-md-n3 {
    margin-top: -1rem !important;
  }
  .bs5 .mr-md-n3,
  .bs5 .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .bs5 .mb-md-n3,
  .bs5 .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .bs5 .ml-md-n3,
  .bs5 .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .bs5 .m-md-n4 {
    margin: -1.5rem !important;
  }
  .bs5 .mt-md-n4,
  .bs5 .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .bs5 .mr-md-n4,
  .bs5 .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .bs5 .mb-md-n4,
  .bs5 .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .bs5 .ml-md-n4,
  .bs5 .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .bs5 .m-md-n5 {
    margin: -3rem !important;
  }
  .bs5 .mt-md-n5,
  .bs5 .my-md-n5 {
    margin-top: -3rem !important;
  }
  .bs5 .mr-md-n5,
  .bs5 .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .bs5 .mb-md-n5,
  .bs5 .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .bs5 .ml-md-n5,
  .bs5 .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .bs5 .m-md-auto {
    margin: auto !important;
  }
  .bs5 .mt-md-auto,
  .bs5 .my-md-auto {
    margin-top: auto !important;
  }
  .bs5 .mr-md-auto,
  .bs5 .mx-md-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-md-auto,
  .bs5 .my-md-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ml-md-auto,
  .bs5 .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .bs5 .m-lg-0 {
    margin: 0 !important;
  }
  .bs5 .mt-lg-0,
  .bs5 .my-lg-0 {
    margin-top: 0 !important;
  }
  .bs5 .mr-lg-0,
  .bs5 .mx-lg-0 {
    margin-right: 0 !important;
  }
  .bs5 .mb-lg-0,
  .bs5 .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .ml-lg-0,
  .bs5 .mx-lg-0 {
    margin-left: 0 !important;
  }
  .bs5 .m-lg-1 {
    margin: 0.25rem !important;
  }
  .bs5 .mt-lg-1,
  .bs5 .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mr-lg-1,
  .bs5 .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .mb-lg-1,
  .bs5 .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .ml-lg-1,
  .bs5 .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .m-lg-2 {
    margin: 0.5rem !important;
  }
  .bs5 .mt-lg-2,
  .bs5 .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mr-lg-2,
  .bs5 .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .mb-lg-2,
  .bs5 .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .ml-lg-2,
  .bs5 .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .m-lg-3 {
    margin: 1rem !important;
  }
  .bs5 .mt-lg-3,
  .bs5 .my-lg-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mr-lg-3,
  .bs5 .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .bs5 .mb-lg-3,
  .bs5 .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .ml-lg-3,
  .bs5 .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .bs5 .m-lg-4 {
    margin: 1.5rem !important;
  }
  .bs5 .mt-lg-4,
  .bs5 .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mr-lg-4,
  .bs5 .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .mb-lg-4,
  .bs5 .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .ml-lg-4,
  .bs5 .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .m-lg-5 {
    margin: 3rem !important;
  }
  .bs5 .mt-lg-5,
  .bs5 .my-lg-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mr-lg-5,
  .bs5 .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .bs5 .mb-lg-5,
  .bs5 .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .ml-lg-5,
  .bs5 .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .bs5 .p-lg-0 {
    padding: 0 !important;
  }
  .bs5 .pt-lg-0,
  .bs5 .py-lg-0 {
    padding-top: 0 !important;
  }
  .bs5 .pr-lg-0,
  .bs5 .px-lg-0 {
    padding-right: 0 !important;
  }
  .bs5 .pb-lg-0,
  .bs5 .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pl-lg-0,
  .bs5 .px-lg-0 {
    padding-left: 0 !important;
  }
  .bs5 .p-lg-1 {
    padding: 0.25rem !important;
  }
  .bs5 .pt-lg-1,
  .bs5 .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pr-lg-1,
  .bs5 .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pb-lg-1,
  .bs5 .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pl-lg-1,
  .bs5 .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .p-lg-2 {
    padding: 0.5rem !important;
  }
  .bs5 .pt-lg-2,
  .bs5 .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pr-lg-2,
  .bs5 .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pb-lg-2,
  .bs5 .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pl-lg-2,
  .bs5 .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .p-lg-3 {
    padding: 1rem !important;
  }
  .bs5 .pt-lg-3,
  .bs5 .py-lg-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pr-lg-3,
  .bs5 .px-lg-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pb-lg-3,
  .bs5 .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pl-lg-3,
  .bs5 .px-lg-3 {
    padding-left: 1rem !important;
  }
  .bs5 .p-lg-4 {
    padding: 1.5rem !important;
  }
  .bs5 .pt-lg-4,
  .bs5 .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pr-lg-4,
  .bs5 .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pb-lg-4,
  .bs5 .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pl-lg-4,
  .bs5 .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .p-lg-5 {
    padding: 3rem !important;
  }
  .bs5 .pt-lg-5,
  .bs5 .py-lg-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pr-lg-5,
  .bs5 .px-lg-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-lg-5,
  .bs5 .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .pl-lg-5,
  .bs5 .px-lg-5 {
    padding-left: 3rem !important;
  }
  .bs5 .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .bs5 .mt-lg-n1,
  .bs5 .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .bs5 .mr-lg-n1,
  .bs5 .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .bs5 .mb-lg-n1,
  .bs5 .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .bs5 .ml-lg-n1,
  .bs5 .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .bs5 .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .bs5 .mt-lg-n2,
  .bs5 .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .bs5 .mr-lg-n2,
  .bs5 .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .bs5 .mb-lg-n2,
  .bs5 .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .bs5 .ml-lg-n2,
  .bs5 .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .bs5 .m-lg-n3 {
    margin: -1rem !important;
  }
  .bs5 .mt-lg-n3,
  .bs5 .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .bs5 .mr-lg-n3,
  .bs5 .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .bs5 .mb-lg-n3,
  .bs5 .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .bs5 .ml-lg-n3,
  .bs5 .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .bs5 .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .bs5 .mt-lg-n4,
  .bs5 .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .bs5 .mr-lg-n4,
  .bs5 .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .bs5 .mb-lg-n4,
  .bs5 .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .bs5 .ml-lg-n4,
  .bs5 .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .bs5 .m-lg-n5 {
    margin: -3rem !important;
  }
  .bs5 .mt-lg-n5,
  .bs5 .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .bs5 .mr-lg-n5,
  .bs5 .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .bs5 .mb-lg-n5,
  .bs5 .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .bs5 .ml-lg-n5,
  .bs5 .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .bs5 .m-lg-auto {
    margin: auto !important;
  }
  .bs5 .mt-lg-auto,
  .bs5 .my-lg-auto {
    margin-top: auto !important;
  }
  .bs5 .mr-lg-auto,
  .bs5 .mx-lg-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-lg-auto,
  .bs5 .my-lg-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ml-lg-auto,
  .bs5 .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1920px) {
  .bs5 .m-xl-0 {
    margin: 0 !important;
  }
  .bs5 .mt-xl-0,
  .bs5 .my-xl-0 {
    margin-top: 0 !important;
  }
  .bs5 .mr-xl-0,
  .bs5 .mx-xl-0 {
    margin-right: 0 !important;
  }
  .bs5 .mb-xl-0,
  .bs5 .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .ml-xl-0,
  .bs5 .mx-xl-0 {
    margin-left: 0 !important;
  }
  .bs5 .m-xl-1 {
    margin: 0.25rem !important;
  }
  .bs5 .mt-xl-1,
  .bs5 .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mr-xl-1,
  .bs5 .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .mb-xl-1,
  .bs5 .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .ml-xl-1,
  .bs5 .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .m-xl-2 {
    margin: 0.5rem !important;
  }
  .bs5 .mt-xl-2,
  .bs5 .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mr-xl-2,
  .bs5 .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .mb-xl-2,
  .bs5 .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .ml-xl-2,
  .bs5 .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .m-xl-3 {
    margin: 1rem !important;
  }
  .bs5 .mt-xl-3,
  .bs5 .my-xl-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mr-xl-3,
  .bs5 .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .bs5 .mb-xl-3,
  .bs5 .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .ml-xl-3,
  .bs5 .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .bs5 .m-xl-4 {
    margin: 1.5rem !important;
  }
  .bs5 .mt-xl-4,
  .bs5 .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mr-xl-4,
  .bs5 .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .mb-xl-4,
  .bs5 .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .ml-xl-4,
  .bs5 .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .m-xl-5 {
    margin: 3rem !important;
  }
  .bs5 .mt-xl-5,
  .bs5 .my-xl-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mr-xl-5,
  .bs5 .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .bs5 .mb-xl-5,
  .bs5 .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .ml-xl-5,
  .bs5 .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .bs5 .p-xl-0 {
    padding: 0 !important;
  }
  .bs5 .pt-xl-0,
  .bs5 .py-xl-0 {
    padding-top: 0 !important;
  }
  .bs5 .pr-xl-0,
  .bs5 .px-xl-0 {
    padding-right: 0 !important;
  }
  .bs5 .pb-xl-0,
  .bs5 .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pl-xl-0,
  .bs5 .px-xl-0 {
    padding-left: 0 !important;
  }
  .bs5 .p-xl-1 {
    padding: 0.25rem !important;
  }
  .bs5 .pt-xl-1,
  .bs5 .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pr-xl-1,
  .bs5 .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pb-xl-1,
  .bs5 .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pl-xl-1,
  .bs5 .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .p-xl-2 {
    padding: 0.5rem !important;
  }
  .bs5 .pt-xl-2,
  .bs5 .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pr-xl-2,
  .bs5 .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pb-xl-2,
  .bs5 .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pl-xl-2,
  .bs5 .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .p-xl-3 {
    padding: 1rem !important;
  }
  .bs5 .pt-xl-3,
  .bs5 .py-xl-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pr-xl-3,
  .bs5 .px-xl-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pb-xl-3,
  .bs5 .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pl-xl-3,
  .bs5 .px-xl-3 {
    padding-left: 1rem !important;
  }
  .bs5 .p-xl-4 {
    padding: 1.5rem !important;
  }
  .bs5 .pt-xl-4,
  .bs5 .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pr-xl-4,
  .bs5 .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pb-xl-4,
  .bs5 .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pl-xl-4,
  .bs5 .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .p-xl-5 {
    padding: 3rem !important;
  }
  .bs5 .pt-xl-5,
  .bs5 .py-xl-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pr-xl-5,
  .bs5 .px-xl-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-xl-5,
  .bs5 .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .pl-xl-5,
  .bs5 .px-xl-5 {
    padding-left: 3rem !important;
  }
  .bs5 .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .bs5 .mt-xl-n1,
  .bs5 .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .bs5 .mr-xl-n1,
  .bs5 .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .bs5 .mb-xl-n1,
  .bs5 .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .bs5 .ml-xl-n1,
  .bs5 .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .bs5 .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .bs5 .mt-xl-n2,
  .bs5 .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .bs5 .mr-xl-n2,
  .bs5 .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .bs5 .mb-xl-n2,
  .bs5 .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .bs5 .ml-xl-n2,
  .bs5 .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .bs5 .m-xl-n3 {
    margin: -1rem !important;
  }
  .bs5 .mt-xl-n3,
  .bs5 .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .bs5 .mr-xl-n3,
  .bs5 .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .bs5 .mb-xl-n3,
  .bs5 .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .bs5 .ml-xl-n3,
  .bs5 .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .bs5 .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .bs5 .mt-xl-n4,
  .bs5 .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .bs5 .mr-xl-n4,
  .bs5 .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .bs5 .mb-xl-n4,
  .bs5 .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .bs5 .ml-xl-n4,
  .bs5 .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .bs5 .m-xl-n5 {
    margin: -3rem !important;
  }
  .bs5 .mt-xl-n5,
  .bs5 .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .bs5 .mr-xl-n5,
  .bs5 .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .bs5 .mb-xl-n5,
  .bs5 .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .bs5 .ml-xl-n5,
  .bs5 .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .bs5 .m-xl-auto {
    margin: auto !important;
  }
  .bs5 .mt-xl-auto,
  .bs5 .my-xl-auto {
    margin-top: auto !important;
  }
  .bs5 .mr-xl-auto,
  .bs5 .mx-xl-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-xl-auto,
  .bs5 .my-xl-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ml-xl-auto,
  .bs5 .mx-xl-auto {
    margin-left: auto !important;
  }
}
.bs5 .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.bs5 .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.bs5 .text-justify {
  text-align: justify !important;
}

.bs5 .text-wrap {
  white-space: normal !important;
}

.bs5 .text-nowrap {
  white-space: nowrap !important;
}

.bs5 .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs5 .text-left {
  text-align: left !important;
}

.bs5 .text-right {
  text-align: right !important;
}

.bs5 .text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .bs5 .text-sm-left {
    text-align: left !important;
  }
  .bs5 .text-sm-right {
    text-align: right !important;
  }
  .bs5 .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .bs5 .text-md-left {
    text-align: left !important;
  }
  .bs5 .text-md-right {
    text-align: right !important;
  }
  .bs5 .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .bs5 .text-lg-left {
    text-align: left !important;
  }
  .bs5 .text-lg-right {
    text-align: right !important;
  }
  .bs5 .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1920px) {
  .bs5 .text-xl-left {
    text-align: left !important;
  }
  .bs5 .text-xl-right {
    text-align: right !important;
  }
  .bs5 .text-xl-center {
    text-align: center !important;
  }
}
.bs5 .text-lowercase {
  text-transform: lowercase !important;
}

.bs5 .text-uppercase {
  text-transform: uppercase !important;
}

.bs5 .text-capitalize {
  text-transform: capitalize !important;
}

.bs5 .font-weight-light {
  font-weight: 300 !important;
}

.bs5 .font-weight-lighter {
  font-weight: lighter !important;
}

.bs5 .font-weight-normal {
  font-weight: 400 !important;
}

.bs5 .font-weight-bold {
  font-weight: 700 !important;
}

.bs5 .font-weight-bolder {
  font-weight: bolder !important;
}

.bs5 .font-italic {
  font-style: italic !important;
}

.bs5 .text-white {
  color: #fff !important;
}

.bs5 .text-primary {
  color: #1A3668 !important;
}

.bs5 a.text-primary:hover,
.bs5 a.text-primary:focus {
  color: #0b162b !important;
}

.bs5 .text-secondary {
  color: #686C72 !important;
}

.bs5 a.text-secondary:hover,
.bs5 a.text-secondary:focus {
  color: #44464a !important;
}

.bs5 .text-success {
  color: #8CBE44 !important;
}

.bs5 a.text-success:hover,
.bs5 a.text-success:focus {
  color: #63872f !important;
}

.bs5 .text-info {
  color: #24B1CD !important;
}

.bs5 a.text-info:hover,
.bs5 a.text-info:focus {
  color: #19798c !important;
}

.bs5 .text-warning {
  color: #ffc107 !important;
}

.bs5 a.text-warning:hover,
.bs5 a.text-warning:focus {
  color: #ba8b00 !important;
}

.bs5 .text-danger {
  color: #dc3545 !important;
}

.bs5 a.text-danger:hover,
.bs5 a.text-danger:focus {
  color: #a71d2a !important;
}

.bs5 .text-light {
  color: #FBFBFC !important;
}

.bs5 a.text-light:hover,
.bs5 a.text-light:focus {
  color: #cfcfdb !important;
}

.bs5 .text-dark {
  color: #474747 !important;
}

.bs5 a.text-dark:hover,
.bs5 a.text-dark:focus {
  color: #212121 !important;
}

.bs5 .text-body {
  color: #252525 !important;
}

.bs5 .text-muted {
  color: #6c757d !important;
}

.bs5 .text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.bs5 .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bs5 .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.bs5 .text-decoration-none {
  text-decoration: none !important;
}

.bs5 .text-break {
  word-wrap: break-word !important;
}

.bs5 .text-reset {
  color: inherit !important;
}

.bs5 .visible {
  visibility: visible !important;
}

.bs5 .invisible {
  visibility: hidden !important;
}

@media print {
  .bs5 *,
  .bs5 *::before,
  .bs5 *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  .bs5 a:not(.btn) {
    text-decoration: underline;
  }
  .bs5 abbr[title]::after {
    content: " (" attr(title) ")";
  }
  .bs5 pre {
    white-space: pre-wrap !important;
  }
  .bs5 pre,
  .bs5 blockquote {
    border: 1px solid #A4A4A4;
    page-break-inside: avoid;
  }
  .bs5 thead {
    display: table-header-group;
  }
  .bs5 tr,
  .bs5 img {
    page-break-inside: avoid;
  }
  .bs5 p,
  .bs5 h2,
  .bs5 h3 {
    orphans: 3;
    widows: 3;
  }
  .bs5 h2,
  .bs5 h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  .bs5 body {
    min-width: 1280px !important;
  }
  .bs5 .container {
    min-width: 1280px !important;
  }
  .bs5 .navbar {
    display: none;
  }
  .bs5 .badge {
    border: 1px solid #000;
  }
  .bs5 .table {
    border-collapse: collapse !important;
  }
  .bs5 .table td,
  .bs5 .table th {
    background-color: #fff !important;
  }
  .bs5 .table-bordered th,
  .bs5 .table-bordered td {
    border: 1px solid #E5E5E5 !important;
  }
  .bs5 .table-dark {
    color: inherit;
  }
  .bs5 .table-dark th,
  .bs5 .table-dark td,
  .bs5 .table-dark thead th,
  .bs5 .table-dark tbody + tbody {
    border-color: #F1F1F1;
  }
  .bs5 .table .thead-dark th {
    color: inherit;
    border-color: #F1F1F1;
  }
}

/*!
 * Bootstrap Utilities v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.bs5 .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.bs5 .ratio {
  position: relative;
  width: 100%;
}
.bs5 .ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.bs5 .ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bs5 .ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.bs5 .ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.bs5 .ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.bs5 .ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.bs5 .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.bs5 .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.bs5 .sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .bs5 .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .bs5 .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .bs5 .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .bs5 .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .bs5 .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.bs5 .visually-hidden,
.bs5 .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  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;
}
.bs5 .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.bs5 .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bs5 .align-baseline {
  vertical-align: baseline !important;
}
.bs5 .align-top {
  vertical-align: top !important;
}
.bs5 .align-middle {
  vertical-align: middle !important;
}
.bs5 .align-bottom {
  vertical-align: bottom !important;
}
.bs5 .align-text-bottom {
  vertical-align: text-bottom !important;
}
.bs5 .align-text-top {
  vertical-align: text-top !important;
}
.bs5 .float-start {
  float: left !important;
}
.bs5 .float-end {
  float: right !important;
}
.bs5 .float-none {
  float: none !important;
}
.bs5 .overflow-auto {
  overflow: auto !important;
}
.bs5 .overflow-hidden {
  overflow: hidden !important;
}
.bs5 .overflow-visible {
  overflow: visible !important;
}
.bs5 .overflow-scroll {
  overflow: scroll !important;
}
.bs5 .d-inline {
  display: inline !important;
}
.bs5 .d-inline-block {
  display: inline-block !important;
}
.bs5 .d-block {
  display: block !important;
}
.bs5 .d-grid {
  display: grid !important;
}
.bs5 .d-table {
  display: table !important;
}
.bs5 .d-table-row {
  display: table-row !important;
}
.bs5 .d-table-cell {
  display: table-cell !important;
}
.bs5 .d-flex {
  display: flex !important;
}
.bs5 .d-inline-flex {
  display: inline-flex !important;
}
.bs5 .d-none {
  display: none !important;
}
.bs5 .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.bs5 .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.bs5 .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.bs5 .shadow-none {
  box-shadow: none !important;
}
.bs5 .position-static {
  position: static !important;
}
.bs5 .position-relative {
  position: relative !important;
}
.bs5 .position-absolute {
  position: absolute !important;
}
.bs5 .position-fixed {
  position: fixed !important;
}
.bs5 .position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.bs5 .top-0 {
  top: 0 !important;
}
.bs5 .top-50 {
  top: 50% !important;
}
.bs5 .top-100 {
  top: 100% !important;
}
.bs5 .bottom-0 {
  bottom: 0 !important;
}
.bs5 .bottom-50 {
  bottom: 50% !important;
}
.bs5 .bottom-100 {
  bottom: 100% !important;
}
.bs5 .start-0 {
  left: 0 !important;
}
.bs5 .start-50 {
  left: 50% !important;
}
.bs5 .start-100 {
  left: 100% !important;
}
.bs5 .end-0 {
  right: 0 !important;
}
.bs5 .end-50 {
  right: 50% !important;
}
.bs5 .end-100 {
  right: 100% !important;
}
.bs5 .translate-middle {
  transform: translate(-50%, -50%) !important;
}
.bs5 .translate-middle-x {
  transform: translateX(-50%) !important;
}
.bs5 .translate-middle-y {
  transform: translateY(-50%) !important;
}
.bs5 .border {
  border: 1px solid #dee2e6 !important;
}
.bs5 .border-0 {
  border: 0 !important;
}
.bs5 .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.bs5 .border-top-0 {
  border-top: 0 !important;
}
.bs5 .border-end {
  border-right: 1px solid #dee2e6 !important;
}
.bs5 .border-end-0 {
  border-right: 0 !important;
}
.bs5 .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.bs5 .border-bottom-0 {
  border-bottom: 0 !important;
}
.bs5 .border-start {
  border-left: 1px solid #dee2e6 !important;
}
.bs5 .border-start-0 {
  border-left: 0 !important;
}
.bs5 .border-primary {
  border-color: #0d6efd !important;
}
.bs5 .border-secondary {
  border-color: #6c757d !important;
}
.bs5 .border-success {
  border-color: #198754 !important;
}
.bs5 .border-info {
  border-color: #0dcaf0 !important;
}
.bs5 .border-warning {
  border-color: #ffc107 !important;
}
.bs5 .border-danger {
  border-color: #dc3545 !important;
}
.bs5 .border-light {
  border-color: #f8f9fa !important;
}
.bs5 .border-dark {
  border-color: #212529 !important;
}
.bs5 .border-white {
  border-color: #fff !important;
}
.bs5 .border-1 {
  border-width: 1px !important;
}
.bs5 .border-2 {
  border-width: 2px !important;
}
.bs5 .border-3 {
  border-width: 3px !important;
}
.bs5 .border-4 {
  border-width: 4px !important;
}
.bs5 .border-5 {
  border-width: 5px !important;
}
.bs5 .w-25 {
  width: 25% !important;
}
.bs5 .w-50 {
  width: 50% !important;
}
.bs5 .w-75 {
  width: 75% !important;
}
.bs5 .w-100 {
  width: 100% !important;
}
.bs5 .w-auto {
  width: auto !important;
}
.bs5 .mw-100 {
  max-width: 100% !important;
}
.bs5 .vw-100 {
  width: 100vw !important;
}
.bs5 .min-vw-100 {
  min-width: 100vw !important;
}
.bs5 .h-25 {
  height: 25% !important;
}
.bs5 .h-50 {
  height: 50% !important;
}
.bs5 .h-75 {
  height: 75% !important;
}
.bs5 .h-100 {
  height: 100% !important;
}
.bs5 .h-auto {
  height: auto !important;
}
.bs5 .mh-100 {
  max-height: 100% !important;
}
.bs5 .vh-100 {
  height: 100vh !important;
}
.bs5 .min-vh-100 {
  min-height: 100vh !important;
}
.bs5 .flex-fill {
  flex: 1 1 auto !important;
}
.bs5 .flex-row {
  flex-direction: row !important;
}
.bs5 .flex-column {
  flex-direction: column !important;
}
.bs5 .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.bs5 .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.bs5 .flex-grow-0 {
  flex-grow: 0 !important;
}
.bs5 .flex-grow-1 {
  flex-grow: 1 !important;
}
.bs5 .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.bs5 .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.bs5 .flex-wrap {
  flex-wrap: wrap !important;
}
.bs5 .flex-nowrap {
  flex-wrap: nowrap !important;
}
.bs5 .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.bs5 .gap-0 {
  gap: 0 !important;
}
.bs5 .gap-1 {
  gap: 0.25rem !important;
}
.bs5 .gap-2 {
  gap: 0.5rem !important;
}
.bs5 .gap-3 {
  gap: 1rem !important;
}
.bs5 .gap-4 {
  gap: 1.5rem !important;
}
.bs5 .gap-5 {
  gap: 3rem !important;
}
.bs5 .justify-content-start {
  justify-content: flex-start !important;
}
.bs5 .justify-content-end {
  justify-content: flex-end !important;
}
.bs5 .justify-content-center {
  justify-content: center !important;
}
.bs5 .justify-content-between {
  justify-content: space-between !important;
}
.bs5 .justify-content-around {
  justify-content: space-around !important;
}
.bs5 .justify-content-evenly {
  justify-content: space-evenly !important;
}
.bs5 .align-items-start {
  align-items: flex-start !important;
}
.bs5 .align-items-end {
  align-items: flex-end !important;
}
.bs5 .align-items-center {
  align-items: center !important;
}
.bs5 .align-items-baseline {
  align-items: baseline !important;
}
.bs5 .align-items-stretch {
  align-items: stretch !important;
}
.bs5 .align-content-start {
  align-content: flex-start !important;
}
.bs5 .align-content-end {
  align-content: flex-end !important;
}
.bs5 .align-content-center {
  align-content: center !important;
}
.bs5 .align-content-between {
  align-content: space-between !important;
}
.bs5 .align-content-around {
  align-content: space-around !important;
}
.bs5 .align-content-stretch {
  align-content: stretch !important;
}
.bs5 .align-self-auto {
  align-self: auto !important;
}
.bs5 .align-self-start {
  align-self: flex-start !important;
}
.bs5 .align-self-end {
  align-self: flex-end !important;
}
.bs5 .align-self-center {
  align-self: center !important;
}
.bs5 .align-self-baseline {
  align-self: baseline !important;
}
.bs5 .align-self-stretch {
  align-self: stretch !important;
}
.bs5 .order-first {
  order: -1 !important;
}
.bs5 .order-0 {
  order: 0 !important;
}
.bs5 .order-1 {
  order: 1 !important;
}
.bs5 .order-2 {
  order: 2 !important;
}
.bs5 .order-3 {
  order: 3 !important;
}
.bs5 .order-4 {
  order: 4 !important;
}
.bs5 .order-5 {
  order: 5 !important;
}
.bs5 .order-last {
  order: 6 !important;
}
.bs5 .m-0 {
  margin: 0 !important;
}
.bs5 .m-1 {
  margin: 0.25rem !important;
}
.bs5 .m-2 {
  margin: 0.5rem !important;
}
.bs5 .m-3 {
  margin: 1rem !important;
}
.bs5 .m-4 {
  margin: 1.5rem !important;
}
.bs5 .m-5 {
  margin: 3rem !important;
}
.bs5 .m-auto {
  margin: auto !important;
}
.bs5 .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.bs5 .mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.bs5 .mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.bs5 .mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.bs5 .mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.bs5 .mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.bs5 .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.bs5 .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.bs5 .my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.bs5 .my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.bs5 .my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.bs5 .my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.bs5 .my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.bs5 .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.bs5 .mt-0 {
  margin-top: 0 !important;
}
.bs5 .mt-1 {
  margin-top: 0.25rem !important;
}
.bs5 .mt-2 {
  margin-top: 0.5rem !important;
}
.bs5 .mt-3 {
  margin-top: 1rem !important;
}
.bs5 .mt-4 {
  margin-top: 1.5rem !important;
}
.bs5 .mt-5 {
  margin-top: 3rem !important;
}
.bs5 .mt-auto {
  margin-top: auto !important;
}
.bs5 .me-0 {
  margin-right: 0 !important;
}
.bs5 .me-1 {
  margin-right: 0.25rem !important;
}
.bs5 .me-2 {
  margin-right: 0.5rem !important;
}
.bs5 .me-3 {
  margin-right: 1rem !important;
}
.bs5 .me-4 {
  margin-right: 1.5rem !important;
}
.bs5 .me-5 {
  margin-right: 3rem !important;
}
.bs5 .me-auto {
  margin-right: auto !important;
}
.bs5 .mb-0 {
  margin-bottom: 0 !important;
}
.bs5 .mb-1 {
  margin-bottom: 0.25rem !important;
}
.bs5 .mb-2 {
  margin-bottom: 0.5rem !important;
}
.bs5 .mb-3 {
  margin-bottom: 1rem !important;
}
.bs5 .mb-4 {
  margin-bottom: 1.5rem !important;
}
.bs5 .mb-5 {
  margin-bottom: 3rem !important;
}
.bs5 .mb-auto {
  margin-bottom: auto !important;
}
.bs5 .ms-0 {
  margin-left: 0 !important;
}
.bs5 .ms-1 {
  margin-left: 0.25rem !important;
}
.bs5 .ms-2 {
  margin-left: 0.5rem !important;
}
.bs5 .ms-3 {
  margin-left: 1rem !important;
}
.bs5 .ms-4 {
  margin-left: 1.5rem !important;
}
.bs5 .ms-5 {
  margin-left: 3rem !important;
}
.bs5 .ms-auto {
  margin-left: auto !important;
}
.bs5 .p-0 {
  padding: 0 !important;
}
.bs5 .p-1 {
  padding: 0.25rem !important;
}
.bs5 .p-2 {
  padding: 0.5rem !important;
}
.bs5 .p-3 {
  padding: 1rem !important;
}
.bs5 .p-4 {
  padding: 1.5rem !important;
}
.bs5 .p-5 {
  padding: 3rem !important;
}
.bs5 .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.bs5 .px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.bs5 .px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.bs5 .px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.bs5 .px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.bs5 .px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.bs5 .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.bs5 .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.bs5 .py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.bs5 .py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.bs5 .py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.bs5 .py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.bs5 .pt-0 {
  padding-top: 0 !important;
}
.bs5 .pt-1 {
  padding-top: 0.25rem !important;
}
.bs5 .pt-2 {
  padding-top: 0.5rem !important;
}
.bs5 .pt-3 {
  padding-top: 1rem !important;
}
.bs5 .pt-4 {
  padding-top: 1.5rem !important;
}
.bs5 .pt-5 {
  padding-top: 3rem !important;
}
.bs5 .pe-0 {
  padding-right: 0 !important;
}
.bs5 .pe-1 {
  padding-right: 0.25rem !important;
}
.bs5 .pe-2 {
  padding-right: 0.5rem !important;
}
.bs5 .pe-3 {
  padding-right: 1rem !important;
}
.bs5 .pe-4 {
  padding-right: 1.5rem !important;
}
.bs5 .pe-5 {
  padding-right: 3rem !important;
}
.bs5 .pb-0 {
  padding-bottom: 0 !important;
}
.bs5 .pb-1 {
  padding-bottom: 0.25rem !important;
}
.bs5 .pb-2 {
  padding-bottom: 0.5rem !important;
}
.bs5 .pb-3 {
  padding-bottom: 1rem !important;
}
.bs5 .pb-4 {
  padding-bottom: 1.5rem !important;
}
.bs5 .pb-5 {
  padding-bottom: 3rem !important;
}
.bs5 .ps-0 {
  padding-left: 0 !important;
}
.bs5 .ps-1 {
  padding-left: 0.25rem !important;
}
.bs5 .ps-2 {
  padding-left: 0.5rem !important;
}
.bs5 .ps-3 {
  padding-left: 1rem !important;
}
.bs5 .ps-4 {
  padding-left: 1.5rem !important;
}
.bs5 .ps-5 {
  padding-left: 3rem !important;
}
.bs5 .font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.bs5 .fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.bs5 .fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.bs5 .fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.bs5 .fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.bs5 .fs-5 {
  font-size: 1.25rem !important;
}
.bs5 .fs-6 {
  font-size: 1rem !important;
}
.bs5 .fst-italic {
  font-style: italic !important;
}
.bs5 .fst-normal {
  font-style: normal !important;
}
.bs5 .fw-light {
  font-weight: 300 !important;
}
.bs5 .fw-lighter {
  font-weight: lighter !important;
}
.bs5 .fw-normal {
  font-weight: 400 !important;
}
.bs5 .fw-bold {
  font-weight: 700 !important;
}
.bs5 .fw-bolder {
  font-weight: bolder !important;
}
.bs5 .lh-1 {
  line-height: 1 !important;
}
.bs5 .lh-sm {
  line-height: 1.25 !important;
}
.bs5 .lh-base {
  line-height: 1.5 !important;
}
.bs5 .lh-lg {
  line-height: 2 !important;
}
.bs5 .text-start {
  text-align: left !important;
}
.bs5 .text-end {
  text-align: right !important;
}
.bs5 .text-center {
  text-align: center !important;
}
.bs5 .text-decoration-none {
  text-decoration: none !important;
}
.bs5 .text-decoration-underline {
  text-decoration: underline !important;
}
.bs5 .text-decoration-line-through {
  text-decoration: line-through !important;
}
.bs5 .text-lowercase {
  text-transform: lowercase !important;
}
.bs5 .text-uppercase {
  text-transform: uppercase !important;
}
.bs5 .text-capitalize {
  text-transform: capitalize !important;
}
.bs5 .text-wrap {
  white-space: normal !important;
}
.bs5 .text-nowrap {
  white-space: nowrap !important;
}
.bs5 .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.bs5 .bg-transparent {
  background-color: transparent !important;
}
.bs5 .bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.bs5 .user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.bs5 .user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.bs5 .user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.bs5 .pe-none {
  pointer-events: none !important;
}
.bs5 .pe-auto {
  pointer-events: auto !important;
}
.bs5 .rounded {
  border-radius: 0.25rem !important;
}
.bs5 .rounded-0 {
  border-radius: 0 !important;
}
.bs5 .rounded-1 {
  border-radius: 0.2rem !important;
}
.bs5 .rounded-2 {
  border-radius: 0.25rem !important;
}
.bs5 .rounded-3 {
  border-radius: 0.3rem !important;
}
.bs5 .rounded-circle {
  border-radius: 50% !important;
}
.bs5 .rounded-pill {
  border-radius: 50rem !important;
}
.bs5 .rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.bs5 .rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.bs5 .rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.bs5 .rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.bs5 .visible {
  visibility: visible !important;
}
.bs5 .invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .bs5 .float-sm-start {
    float: left !important;
  }
  .bs5 .float-sm-end {
    float: right !important;
  }
  .bs5 .float-sm-none {
    float: none !important;
  }
  .bs5 .d-sm-inline {
    display: inline !important;
  }
  .bs5 .d-sm-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-sm-block {
    display: block !important;
  }
  .bs5 .d-sm-grid {
    display: grid !important;
  }
  .bs5 .d-sm-table {
    display: table !important;
  }
  .bs5 .d-sm-table-row {
    display: table-row !important;
  }
  .bs5 .d-sm-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-sm-flex {
    display: flex !important;
  }
  .bs5 .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-sm-none {
    display: none !important;
  }
  .bs5 .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-sm-row {
    flex-direction: row !important;
  }
  .bs5 .flex-sm-column {
    flex-direction: column !important;
  }
  .bs5 .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .gap-sm-0 {
    gap: 0 !important;
  }
  .bs5 .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .bs5 .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .bs5 .gap-sm-3 {
    gap: 1rem !important;
  }
  .bs5 .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .bs5 .gap-sm-5 {
    gap: 3rem !important;
  }
  .bs5 .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-sm-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .bs5 .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .bs5 .align-items-sm-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-sm-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-sm-center {
    align-items: center !important;
  }
  .bs5 .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-sm-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-sm-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-sm-center {
    align-content: center !important;
  }
  .bs5 .align-content-sm-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-sm-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-sm-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-sm-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-sm-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-sm-center {
    align-self: center !important;
  }
  .bs5 .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .bs5 .order-sm-first {
    order: -1 !important;
  }
  .bs5 .order-sm-0 {
    order: 0 !important;
  }
  .bs5 .order-sm-1 {
    order: 1 !important;
  }
  .bs5 .order-sm-2 {
    order: 2 !important;
  }
  .bs5 .order-sm-3 {
    order: 3 !important;
  }
  .bs5 .order-sm-4 {
    order: 4 !important;
  }
  .bs5 .order-sm-5 {
    order: 5 !important;
  }
  .bs5 .order-sm-last {
    order: 6 !important;
  }
  .bs5 .m-sm-0 {
    margin: 0 !important;
  }
  .bs5 .m-sm-1 {
    margin: 0.25rem !important;
  }
  .bs5 .m-sm-2 {
    margin: 0.5rem !important;
  }
  .bs5 .m-sm-3 {
    margin: 1rem !important;
  }
  .bs5 .m-sm-4 {
    margin: 1.5rem !important;
  }
  .bs5 .m-sm-5 {
    margin: 3rem !important;
  }
  .bs5 .m-sm-auto {
    margin: auto !important;
  }
  .bs5 .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bs5 .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .bs5 .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .bs5 .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .bs5 .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .bs5 .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .bs5 .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .bs5 .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .bs5 .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .bs5 .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .bs5 .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .bs5 .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .bs5 .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .bs5 .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .bs5 .mt-sm-0 {
    margin-top: 0 !important;
  }
  .bs5 .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mt-sm-auto {
    margin-top: auto !important;
  }
  .bs5 .me-sm-0 {
    margin-right: 0 !important;
  }
  .bs5 .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .me-sm-3 {
    margin-right: 1rem !important;
  }
  .bs5 .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .me-sm-5 {
    margin-right: 3rem !important;
  }
  .bs5 .me-sm-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ms-sm-0 {
    margin-left: 0 !important;
  }
  .bs5 .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .bs5 .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .bs5 .ms-sm-auto {
    margin-left: auto !important;
  }
  .bs5 .p-sm-0 {
    padding: 0 !important;
  }
  .bs5 .p-sm-1 {
    padding: 0.25rem !important;
  }
  .bs5 .p-sm-2 {
    padding: 0.5rem !important;
  }
  .bs5 .p-sm-3 {
    padding: 1rem !important;
  }
  .bs5 .p-sm-4 {
    padding: 1.5rem !important;
  }
  .bs5 .p-sm-5 {
    padding: 3rem !important;
  }
  .bs5 .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bs5 .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .bs5 .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .bs5 .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .bs5 .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .bs5 .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .bs5 .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bs5 .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .bs5 .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .bs5 .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .bs5 .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .bs5 .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .bs5 .pt-sm-0 {
    padding-top: 0 !important;
  }
  .bs5 .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pe-sm-0 {
    padding-right: 0 !important;
  }
  .bs5 .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .ps-sm-0 {
    padding-left: 0 !important;
  }
  .bs5 .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .bs5 .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .bs5 .text-sm-start {
    text-align: left !important;
  }
  .bs5 .text-sm-end {
    text-align: right !important;
  }
  .bs5 .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .bs5 .float-md-start {
    float: left !important;
  }
  .bs5 .float-md-end {
    float: right !important;
  }
  .bs5 .float-md-none {
    float: none !important;
  }
  .bs5 .d-md-inline {
    display: inline !important;
  }
  .bs5 .d-md-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-md-block {
    display: block !important;
  }
  .bs5 .d-md-grid {
    display: grid !important;
  }
  .bs5 .d-md-table {
    display: table !important;
  }
  .bs5 .d-md-table-row {
    display: table-row !important;
  }
  .bs5 .d-md-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-md-flex {
    display: flex !important;
  }
  .bs5 .d-md-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-md-none {
    display: none !important;
  }
  .bs5 .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-md-row {
    flex-direction: row !important;
  }
  .bs5 .flex-md-column {
    flex-direction: column !important;
  }
  .bs5 .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .gap-md-0 {
    gap: 0 !important;
  }
  .bs5 .gap-md-1 {
    gap: 0.25rem !important;
  }
  .bs5 .gap-md-2 {
    gap: 0.5rem !important;
  }
  .bs5 .gap-md-3 {
    gap: 1rem !important;
  }
  .bs5 .gap-md-4 {
    gap: 1.5rem !important;
  }
  .bs5 .gap-md-5 {
    gap: 3rem !important;
  }
  .bs5 .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-md-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-md-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-md-around {
    justify-content: space-around !important;
  }
  .bs5 .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .bs5 .align-items-md-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-md-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-md-center {
    align-items: center !important;
  }
  .bs5 .align-items-md-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-md-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-md-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-md-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-md-center {
    align-content: center !important;
  }
  .bs5 .align-content-md-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-md-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-md-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-md-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-md-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-md-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-md-center {
    align-self: center !important;
  }
  .bs5 .align-self-md-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-md-stretch {
    align-self: stretch !important;
  }
  .bs5 .order-md-first {
    order: -1 !important;
  }
  .bs5 .order-md-0 {
    order: 0 !important;
  }
  .bs5 .order-md-1 {
    order: 1 !important;
  }
  .bs5 .order-md-2 {
    order: 2 !important;
  }
  .bs5 .order-md-3 {
    order: 3 !important;
  }
  .bs5 .order-md-4 {
    order: 4 !important;
  }
  .bs5 .order-md-5 {
    order: 5 !important;
  }
  .bs5 .order-md-last {
    order: 6 !important;
  }
  .bs5 .m-md-0 {
    margin: 0 !important;
  }
  .bs5 .m-md-1 {
    margin: 0.25rem !important;
  }
  .bs5 .m-md-2 {
    margin: 0.5rem !important;
  }
  .bs5 .m-md-3 {
    margin: 1rem !important;
  }
  .bs5 .m-md-4 {
    margin: 1.5rem !important;
  }
  .bs5 .m-md-5 {
    margin: 3rem !important;
  }
  .bs5 .m-md-auto {
    margin: auto !important;
  }
  .bs5 .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bs5 .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .bs5 .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .bs5 .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .bs5 .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .bs5 .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .bs5 .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .bs5 .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .bs5 .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .bs5 .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .bs5 .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .bs5 .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .bs5 .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .bs5 .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .bs5 .mt-md-0 {
    margin-top: 0 !important;
  }
  .bs5 .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mt-md-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mt-md-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mt-md-auto {
    margin-top: auto !important;
  }
  .bs5 .me-md-0 {
    margin-right: 0 !important;
  }
  .bs5 .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .me-md-3 {
    margin-right: 1rem !important;
  }
  .bs5 .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .me-md-5 {
    margin-right: 3rem !important;
  }
  .bs5 .me-md-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .mb-md-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ms-md-0 {
    margin-left: 0 !important;
  }
  .bs5 .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .ms-md-3 {
    margin-left: 1rem !important;
  }
  .bs5 .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .ms-md-5 {
    margin-left: 3rem !important;
  }
  .bs5 .ms-md-auto {
    margin-left: auto !important;
  }
  .bs5 .p-md-0 {
    padding: 0 !important;
  }
  .bs5 .p-md-1 {
    padding: 0.25rem !important;
  }
  .bs5 .p-md-2 {
    padding: 0.5rem !important;
  }
  .bs5 .p-md-3 {
    padding: 1rem !important;
  }
  .bs5 .p-md-4 {
    padding: 1.5rem !important;
  }
  .bs5 .p-md-5 {
    padding: 3rem !important;
  }
  .bs5 .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bs5 .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .bs5 .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .bs5 .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .bs5 .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .bs5 .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .bs5 .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bs5 .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .bs5 .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .bs5 .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .bs5 .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .bs5 .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .bs5 .pt-md-0 {
    padding-top: 0 !important;
  }
  .bs5 .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pt-md-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pt-md-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pe-md-0 {
    padding-right: 0 !important;
  }
  .bs5 .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pe-md-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pe-md-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .ps-md-0 {
    padding-left: 0 !important;
  }
  .bs5 .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .ps-md-3 {
    padding-left: 1rem !important;
  }
  .bs5 .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .ps-md-5 {
    padding-left: 3rem !important;
  }
  .bs5 .text-md-start {
    text-align: left !important;
  }
  .bs5 .text-md-end {
    text-align: right !important;
  }
  .bs5 .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .bs5 .float-lg-start {
    float: left !important;
  }
  .bs5 .float-lg-end {
    float: right !important;
  }
  .bs5 .float-lg-none {
    float: none !important;
  }
  .bs5 .d-lg-inline {
    display: inline !important;
  }
  .bs5 .d-lg-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-lg-block {
    display: block !important;
  }
  .bs5 .d-lg-grid {
    display: grid !important;
  }
  .bs5 .d-lg-table {
    display: table !important;
  }
  .bs5 .d-lg-table-row {
    display: table-row !important;
  }
  .bs5 .d-lg-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-lg-flex {
    display: flex !important;
  }
  .bs5 .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-lg-none {
    display: none !important;
  }
  .bs5 .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-lg-row {
    flex-direction: row !important;
  }
  .bs5 .flex-lg-column {
    flex-direction: column !important;
  }
  .bs5 .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .gap-lg-0 {
    gap: 0 !important;
  }
  .bs5 .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .bs5 .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .bs5 .gap-lg-3 {
    gap: 1rem !important;
  }
  .bs5 .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .bs5 .gap-lg-5 {
    gap: 3rem !important;
  }
  .bs5 .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-lg-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .bs5 .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .bs5 .align-items-lg-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-lg-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-lg-center {
    align-items: center !important;
  }
  .bs5 .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-lg-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-lg-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-lg-center {
    align-content: center !important;
  }
  .bs5 .align-content-lg-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-lg-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-lg-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-lg-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-lg-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-lg-center {
    align-self: center !important;
  }
  .bs5 .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .bs5 .order-lg-first {
    order: -1 !important;
  }
  .bs5 .order-lg-0 {
    order: 0 !important;
  }
  .bs5 .order-lg-1 {
    order: 1 !important;
  }
  .bs5 .order-lg-2 {
    order: 2 !important;
  }
  .bs5 .order-lg-3 {
    order: 3 !important;
  }
  .bs5 .order-lg-4 {
    order: 4 !important;
  }
  .bs5 .order-lg-5 {
    order: 5 !important;
  }
  .bs5 .order-lg-last {
    order: 6 !important;
  }
  .bs5 .m-lg-0 {
    margin: 0 !important;
  }
  .bs5 .m-lg-1 {
    margin: 0.25rem !important;
  }
  .bs5 .m-lg-2 {
    margin: 0.5rem !important;
  }
  .bs5 .m-lg-3 {
    margin: 1rem !important;
  }
  .bs5 .m-lg-4 {
    margin: 1.5rem !important;
  }
  .bs5 .m-lg-5 {
    margin: 3rem !important;
  }
  .bs5 .m-lg-auto {
    margin: auto !important;
  }
  .bs5 .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bs5 .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .bs5 .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .bs5 .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .bs5 .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .bs5 .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .bs5 .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .bs5 .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .bs5 .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .bs5 .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .bs5 .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .bs5 .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .bs5 .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .bs5 .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .bs5 .mt-lg-0 {
    margin-top: 0 !important;
  }
  .bs5 .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mt-lg-auto {
    margin-top: auto !important;
  }
  .bs5 .me-lg-0 {
    margin-right: 0 !important;
  }
  .bs5 .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .me-lg-3 {
    margin-right: 1rem !important;
  }
  .bs5 .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .me-lg-5 {
    margin-right: 3rem !important;
  }
  .bs5 .me-lg-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ms-lg-0 {
    margin-left: 0 !important;
  }
  .bs5 .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .bs5 .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .bs5 .ms-lg-auto {
    margin-left: auto !important;
  }
  .bs5 .p-lg-0 {
    padding: 0 !important;
  }
  .bs5 .p-lg-1 {
    padding: 0.25rem !important;
  }
  .bs5 .p-lg-2 {
    padding: 0.5rem !important;
  }
  .bs5 .p-lg-3 {
    padding: 1rem !important;
  }
  .bs5 .p-lg-4 {
    padding: 1.5rem !important;
  }
  .bs5 .p-lg-5 {
    padding: 3rem !important;
  }
  .bs5 .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bs5 .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .bs5 .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .bs5 .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .bs5 .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .bs5 .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .bs5 .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bs5 .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .bs5 .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .bs5 .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .bs5 .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .bs5 .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .bs5 .pt-lg-0 {
    padding-top: 0 !important;
  }
  .bs5 .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pe-lg-0 {
    padding-right: 0 !important;
  }
  .bs5 .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .ps-lg-0 {
    padding-left: 0 !important;
  }
  .bs5 .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .bs5 .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .bs5 .text-lg-start {
    text-align: left !important;
  }
  .bs5 .text-lg-end {
    text-align: right !important;
  }
  .bs5 .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .bs5 .float-xl-start {
    float: left !important;
  }
  .bs5 .float-xl-end {
    float: right !important;
  }
  .bs5 .float-xl-none {
    float: none !important;
  }
  .bs5 .d-xl-inline {
    display: inline !important;
  }
  .bs5 .d-xl-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-xl-block {
    display: block !important;
  }
  .bs5 .d-xl-grid {
    display: grid !important;
  }
  .bs5 .d-xl-table {
    display: table !important;
  }
  .bs5 .d-xl-table-row {
    display: table-row !important;
  }
  .bs5 .d-xl-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-xl-flex {
    display: flex !important;
  }
  .bs5 .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-xl-none {
    display: none !important;
  }
  .bs5 .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-xl-row {
    flex-direction: row !important;
  }
  .bs5 .flex-xl-column {
    flex-direction: column !important;
  }
  .bs5 .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .gap-xl-0 {
    gap: 0 !important;
  }
  .bs5 .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .bs5 .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .bs5 .gap-xl-3 {
    gap: 1rem !important;
  }
  .bs5 .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .bs5 .gap-xl-5 {
    gap: 3rem !important;
  }
  .bs5 .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-xl-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .bs5 .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .bs5 .align-items-xl-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-xl-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-xl-center {
    align-items: center !important;
  }
  .bs5 .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-xl-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-xl-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-xl-center {
    align-content: center !important;
  }
  .bs5 .align-content-xl-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-xl-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-xl-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-xl-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-xl-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-xl-center {
    align-self: center !important;
  }
  .bs5 .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .bs5 .order-xl-first {
    order: -1 !important;
  }
  .bs5 .order-xl-0 {
    order: 0 !important;
  }
  .bs5 .order-xl-1 {
    order: 1 !important;
  }
  .bs5 .order-xl-2 {
    order: 2 !important;
  }
  .bs5 .order-xl-3 {
    order: 3 !important;
  }
  .bs5 .order-xl-4 {
    order: 4 !important;
  }
  .bs5 .order-xl-5 {
    order: 5 !important;
  }
  .bs5 .order-xl-last {
    order: 6 !important;
  }
  .bs5 .m-xl-0 {
    margin: 0 !important;
  }
  .bs5 .m-xl-1 {
    margin: 0.25rem !important;
  }
  .bs5 .m-xl-2 {
    margin: 0.5rem !important;
  }
  .bs5 .m-xl-3 {
    margin: 1rem !important;
  }
  .bs5 .m-xl-4 {
    margin: 1.5rem !important;
  }
  .bs5 .m-xl-5 {
    margin: 3rem !important;
  }
  .bs5 .m-xl-auto {
    margin: auto !important;
  }
  .bs5 .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bs5 .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .bs5 .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .bs5 .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .bs5 .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .bs5 .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .bs5 .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .bs5 .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .bs5 .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .bs5 .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .bs5 .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .bs5 .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .bs5 .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .bs5 .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .bs5 .mt-xl-0 {
    margin-top: 0 !important;
  }
  .bs5 .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mt-xl-auto {
    margin-top: auto !important;
  }
  .bs5 .me-xl-0 {
    margin-right: 0 !important;
  }
  .bs5 .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .me-xl-3 {
    margin-right: 1rem !important;
  }
  .bs5 .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .me-xl-5 {
    margin-right: 3rem !important;
  }
  .bs5 .me-xl-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ms-xl-0 {
    margin-left: 0 !important;
  }
  .bs5 .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .bs5 .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .bs5 .ms-xl-auto {
    margin-left: auto !important;
  }
  .bs5 .p-xl-0 {
    padding: 0 !important;
  }
  .bs5 .p-xl-1 {
    padding: 0.25rem !important;
  }
  .bs5 .p-xl-2 {
    padding: 0.5rem !important;
  }
  .bs5 .p-xl-3 {
    padding: 1rem !important;
  }
  .bs5 .p-xl-4 {
    padding: 1.5rem !important;
  }
  .bs5 .p-xl-5 {
    padding: 3rem !important;
  }
  .bs5 .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bs5 .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .bs5 .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .bs5 .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .bs5 .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .bs5 .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .bs5 .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bs5 .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .bs5 .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .bs5 .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .bs5 .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .bs5 .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .bs5 .pt-xl-0 {
    padding-top: 0 !important;
  }
  .bs5 .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pe-xl-0 {
    padding-right: 0 !important;
  }
  .bs5 .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .ps-xl-0 {
    padding-left: 0 !important;
  }
  .bs5 .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .bs5 .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .bs5 .text-xl-start {
    text-align: left !important;
  }
  .bs5 .text-xl-end {
    text-align: right !important;
  }
  .bs5 .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .bs5 .float-xxl-start {
    float: left !important;
  }
  .bs5 .float-xxl-end {
    float: right !important;
  }
  .bs5 .float-xxl-none {
    float: none !important;
  }
  .bs5 .d-xxl-inline {
    display: inline !important;
  }
  .bs5 .d-xxl-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-xxl-block {
    display: block !important;
  }
  .bs5 .d-xxl-grid {
    display: grid !important;
  }
  .bs5 .d-xxl-table {
    display: table !important;
  }
  .bs5 .d-xxl-table-row {
    display: table-row !important;
  }
  .bs5 .d-xxl-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-xxl-flex {
    display: flex !important;
  }
  .bs5 .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-xxl-none {
    display: none !important;
  }
  .bs5 .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .bs5 .flex-xxl-row {
    flex-direction: row !important;
  }
  .bs5 .flex-xxl-column {
    flex-direction: column !important;
  }
  .bs5 .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .bs5 .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .bs5 .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .bs5 .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .bs5 .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .bs5 .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .bs5 .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .bs5 .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .bs5 .gap-xxl-0 {
    gap: 0 !important;
  }
  .bs5 .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .bs5 .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .bs5 .gap-xxl-3 {
    gap: 1rem !important;
  }
  .bs5 .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .bs5 .gap-xxl-5 {
    gap: 3rem !important;
  }
  .bs5 .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .bs5 .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .bs5 .justify-content-xxl-center {
    justify-content: center !important;
  }
  .bs5 .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .bs5 .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .bs5 .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .bs5 .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .bs5 .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .bs5 .align-items-xxl-center {
    align-items: center !important;
  }
  .bs5 .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .bs5 .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .bs5 .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .bs5 .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .bs5 .align-content-xxl-center {
    align-content: center !important;
  }
  .bs5 .align-content-xxl-between {
    align-content: space-between !important;
  }
  .bs5 .align-content-xxl-around {
    align-content: space-around !important;
  }
  .bs5 .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .bs5 .align-self-xxl-auto {
    align-self: auto !important;
  }
  .bs5 .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .bs5 .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .bs5 .align-self-xxl-center {
    align-self: center !important;
  }
  .bs5 .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .bs5 .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .bs5 .order-xxl-first {
    order: -1 !important;
  }
  .bs5 .order-xxl-0 {
    order: 0 !important;
  }
  .bs5 .order-xxl-1 {
    order: 1 !important;
  }
  .bs5 .order-xxl-2 {
    order: 2 !important;
  }
  .bs5 .order-xxl-3 {
    order: 3 !important;
  }
  .bs5 .order-xxl-4 {
    order: 4 !important;
  }
  .bs5 .order-xxl-5 {
    order: 5 !important;
  }
  .bs5 .order-xxl-last {
    order: 6 !important;
  }
  .bs5 .m-xxl-0 {
    margin: 0 !important;
  }
  .bs5 .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .bs5 .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .bs5 .m-xxl-3 {
    margin: 1rem !important;
  }
  .bs5 .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .bs5 .m-xxl-5 {
    margin: 3rem !important;
  }
  .bs5 .m-xxl-auto {
    margin: auto !important;
  }
  .bs5 .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .bs5 .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .bs5 .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .bs5 .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .bs5 .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .bs5 .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .bs5 .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .bs5 .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .bs5 .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .bs5 .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .bs5 .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .bs5 .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .bs5 .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .bs5 .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .bs5 .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .bs5 .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .bs5 .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .bs5 .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .bs5 .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .bs5 .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .bs5 .mt-xxl-auto {
    margin-top: auto !important;
  }
  .bs5 .me-xxl-0 {
    margin-right: 0 !important;
  }
  .bs5 .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .bs5 .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .bs5 .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .bs5 .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .bs5 .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .bs5 .me-xxl-auto {
    margin-right: auto !important;
  }
  .bs5 .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .bs5 .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .bs5 .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .bs5 .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .bs5 .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .bs5 .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .bs5 .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .bs5 .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .bs5 .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .bs5 .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .bs5 .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .bs5 .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .bs5 .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .bs5 .ms-xxl-auto {
    margin-left: auto !important;
  }
  .bs5 .p-xxl-0 {
    padding: 0 !important;
  }
  .bs5 .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .bs5 .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .bs5 .p-xxl-3 {
    padding: 1rem !important;
  }
  .bs5 .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .bs5 .p-xxl-5 {
    padding: 3rem !important;
  }
  .bs5 .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bs5 .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .bs5 .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .bs5 .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .bs5 .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .bs5 .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .bs5 .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bs5 .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .bs5 .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .bs5 .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .bs5 .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .bs5 .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .bs5 .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .bs5 .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .bs5 .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .bs5 .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .bs5 .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .bs5 .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .bs5 .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .bs5 .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .bs5 .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .bs5 .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .bs5 .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .bs5 .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .bs5 .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .bs5 .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .bs5 .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .bs5 .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .bs5 .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .bs5 .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .bs5 .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .bs5 .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .bs5 .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .bs5 .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .bs5 .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .bs5 .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .bs5 .text-xxl-start {
    text-align: left !important;
  }
  .bs5 .text-xxl-end {
    text-align: right !important;
  }
  .bs5 .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .bs5 .fs-1 {
    font-size: 2.5rem !important;
  }
  .bs5 .fs-2 {
    font-size: 2rem !important;
  }
  .bs5 .fs-3 {
    font-size: 1.75rem !important;
  }
  .bs5 .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .bs5 .d-print-inline {
    display: inline !important;
  }
  .bs5 .d-print-inline-block {
    display: inline-block !important;
  }
  .bs5 .d-print-block {
    display: block !important;
  }
  .bs5 .d-print-grid {
    display: grid !important;
  }
  .bs5 .d-print-table {
    display: table !important;
  }
  .bs5 .d-print-table-row {
    display: table-row !important;
  }
  .bs5 .d-print-table-cell {
    display: table-cell !important;
  }
  .bs5 .d-print-flex {
    display: flex !important;
  }
  .bs5 .d-print-inline-flex {
    display: inline-flex !important;
  }
  .bs5 .d-print-none {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap-utilities.css.map */

.bs5.header {
  background-color: var(--white) !important;
  font-family: "IBM Plex Sans";
  border-bottom: solid 1px var(--gray-300);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.bs5 .navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 8px;
  background-color: var(--white);
}

.bs5 .navbar.env-navbar {
  height: unset;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
  background-color: var(--environment-background-prod);
  font-size: 0.75rem;
  color: var(--gray-500);
  line-height: 1.33;
  z-index: 1029;
}

@media print {
  .bs5 .navbar {
    display: none;
  }
}
.bs5 .navbar-right {
  float: right !important;
}

.bs5 .navbar-left {
  float: left !important;
}

.bs5 .navbar-fixed-top {
  margin-bottom: 0;
}

.bs5 .navbar-text {
  line-height: 40px;
  color: #ffffff;
}

.bs5 .navbar-brand {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding: 4px 0;
  background-color: var(--white);
  max-height: 46px;
  margin-right: 0;
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.bs5 .navbar-brand:hover {
  text-decoration: none !important;
  color: var(--primary);
}

.bs5 a.navbar-brand {
  text-decoration: none !important;
}

.bs5 .navbar-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.bs5 .nav-user-dropdown-btn.dropdown-toggle::after {
  content: none;
}

.bs5 .nav-user-dropdown-btn {
  height: 40px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
}

.bs5 .nav-user-dropdown-btn.show {
  display: flex;
}

.bs5 .nav-user-dropdown-btn:focus {
  outline: 0;
}

.bs5 .nav-user-dropdown-btn i {
  color: var(--primary);
}

.bs5 .nav-user-dropdown-btn span {
  flex-grow: 0;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--primary);
  margin-left: 4px;
}

.bs5 .nav-user-dropdown-content {
  /*display: none;*/
  position: absolute;
  right: 10px;
  min-width: 160px;
  width: max-content;
  z-index: 1030;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.bs5 .nav-user-dropdown-content:not(.show) {
  display: none;
}

.bs5 .nav-user-dropdown-content a {
  padding: 4px 16px;
  text-decoration: none !important;
  display: block;
  color: #252525;
}

.bs5 .nav-user-dropdown-content a:hover {
  background-color: #f1f1f1;
  color: #1e2125;
}

.bs5 .nav-user-dropdown-content li a {
  padding: 4px 16px;
  text-decoration: none;
  display: block;
  color: var(--gray-900);
}

.bs5 .nav-user-dropdown-content li a:hover {
  background-color: var(--gray-200);
  background-image: none;
  color: #1e2125;
}

@media (max-width: 767px) {
  .bs5 .navbar {
    padding: 3px 12px;
  }
  .bs5 .nav-user-dropdown-btn {
    padding-left: 8px;
    padding-right: 8px;
  }
  .bs5 .nav-user-dropdown-btn .nav-user-dropdown-btn-child {
    display: none;
  }
  .bs5 .nav-user-dropdown-btn .nav-user-dropdown-btn-child:first-child {
    display: initial;
    font-size: 24px;
  }
}
/* Lowes US top bar styling */
.bs5.userLowesUsa.header, .bs5.userLowesUsa.header header:not(.env-navbar),
.bs5.userLowesUsa.header .navbar-container .navbar-brand,
.bs5.userLowesUsa .navbar-container button.toggle-sidebar {
  background-color: var(--lowesBlue) !important;
}

.bs5.userLowesUsa .navbar-container button.toggle-sidebar {
  border: none;
}

.bs5.userLowesUsa .navbar-container .nav-user-dropdown-btn i,
.bs5.userLowesUsa .navbar-container .nav-user-dropdown-btn-child,
.bs5.userLowesUsa .navbar-container button.toggle-sidebar i {
  color: white;
}

.bs5 .ime-logo {
  width: 70px;
}

.bs5 .navbar-container-with-search #userDropdown > .username {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
}
@media (max-width: 1325px) {
  .bs5 .navbar-container-with-search #userDropdown > .username {
    max-width: 100px;
  }
}
.bs5 .navigation-search-box {
  border: 1px solid var(--components-form-input-border-default);
  width: 300px;
  border-radius: 1.6px;
}
.bs5 .navigation-search-box input {
  border: none;
}
.bs5 .wo-search-icon-container {
  display: none;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .bs5 .navigation-search-box {
    order: 4;
    width: 100%;
    margin: 8px 0 8px 0;
    display: none;
    opacity: 0;
    scale: 0;
    transition: all 0.25s;
    transition-behavior: allow-discrete;
  }
  .bs5 .wo-search-icon-container {
    display: block;
    margin-right: 1rem;
    margin-left: auto;
  }
  .bs5 .navbar-container-with-search {
    flex-wrap: wrap;
  }
  .bs5 .navbar-brand {
    top: 0;
  }
  .bs5 .navigation-search-box-toggled {
    display: flex !important;
    scale: 1;
    opacity: 1;
    transition: all 0.25s;
    transition-behavior: allow-discrete;
  }
  @starting-style {
    .bs5 .navigation-search-box {
      opacity: 0;
      height: 0;
    }
  }
}

.bs5 #sidebar {
  width: 268px;
  height: 100%;
  min-height: calc(100vh - 71px);
  z-index: 700;
  color: var(--primary);
  font-family: IBM Plex Sans;
  padding: 1rem 0.5rem;
  box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.04);
  border-right: solid 1px var(--gray-300);
  transition: 0.5s;
  overflow: auto;
}

.bs5 #sidebar.full {
  width: 100vw;
}

.bs5 #sidebar.hiding, .bs5 #sidebar.hiding ul#nav ul.sub-menu, .bs5 #sidebar.hiding ul#nav li a, .bs5 #sidebar.hiding ul#nav li a i {
  width: 0;
}
.bs5 #sidebar.hide, .bs5 #sidebar.hide ul#nav ul.sub-menu, .bs5 #sidebar.hide ul#nav li a, .bs5 #sidebar.hide ul#nav li a i {
  width: 0;
  padding: 0;
  font-size: 0;
  border: 0;
  transition: 0;
}

.bs5 #sidebar * {
  overflow-y: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bs5 #sidebar ul#nav {
  list-style: none;
  margin: 0 0;
  padding: 0;
}

.bs5 #sidebar ul#nav li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.bs5 #sidebar ul#nav li.active a {
  font-weight: bold !important;
  color: var(--component-active-color);
  background-color: var(--component-active-bg);
  border-radius: 4px;
}

.bs5 #sidebar ul#nav li:hover:not(.active) {
  background-color: #f8f9fb;
  cursor: pointer;
  border-radius: 4px;
  color: var(--primary);
}

.bs5 #sidebar ul#nav li:hover a {
  color: var(--primary);
}

.bs5 #sidebar ul#nav li a {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0;
  border: 0;
  padding: 10px 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  font-size: 14px;
  font-weight: normal;
  white-space: initial;
  color: var(--theme-primary);
  transition: 0.3s;
  line-height: 1.14;
  letter-spacing: -0.14px;
}

.bs5 #sidebar ul#nav li a i {
  min-width: 14px;
  font-size: 18px;
}

.bs5 #sidebar ul#nav ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0;
  padding: 4px 0;
  font-size: 13px;
  border-bottom: 1px solid #fff;
}

.bs5 #sidebar ul#nav ul.sub-menu a {
  font-weight: normal;
  text-transform: none;
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-1 {
  background-color: white;
  padding-left: 16px;
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-1 a {
  font-weight: normal;
  font-size: 14px;
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-1 li:hover {
  cursor: pointer;
  border-radius: 4px;
  color: var(--primary);
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-1 li:hover > a {
  color: var(--primary);
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-2 {
  background-color: white;
  margin: 0;
  padding-left: 16px;
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-2 a {
  font-weight: normal;
  font-size: 12px;
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-2 li:hover {
  cursor: pointer;
  border-radius: 4px;
  color: var(--primary);
}

.bs5 #sidebar ul#nav ul.sub-menu.sub-menu-level-2 li:hover > a {
  color: var(--primary);
}

@media print {
  .bs5 #sidebar {
    display: none;
  }
}
.bs5 .left-menu,
.bs5 .left-menu-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content-container {
  display: flex;
  max-width: 100vw;
}

.bs5 button.toggle-sidebar {
  padding: 8px 9.3px;
  border-radius: 500px;
  border: solid 1px var(--gray-300);
  background-color: var(--white);
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  outline: 0;
}
.bs5 button.toggle-sidebar i {
  color: var(--gray-800);
  font-size: 11px;
}
.bs5.userLowesUsa .navbar-container button.toggle-sidebar {
  border: none;
  background-color: var(--lowesBlue);
}
.bs5.userLowesUsa .navbar-container button.toggle-sidebar i {
  color: white;
}

#section-right-container {
  width: 100%;
  padding: 1.5rem;
  box-sizing: border-box;
  transition: 0.5s;
}

#section-right-container.hide {
  display: none;
}

.section-right {
  display: block;
  overflow: visible;
  min-height: calc(100vh - 78px - 48px - 2px);
}

.section-right h4 {
  font-size: 17.5px;
  margin-left: 10px;
  margin-top: 10px;
}

.section-right .section-right-header {
  margin: -1.5rem -1.5rem 0 -1.5rem;
}

.section-right .section-right-header:has(.section-right-header-additonal-area) {
  border-bottom: 1px solid var(--components-generic-border-light);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}

.section-right .section-right-header .section-right-header-body {
  padding: 1rem 1.5rem 0.875rem 1.5rem;
  background-color: inherit;
}

.section-right .section-right-header:has(.section-right-header-additonal-area) .section-right-header-body {
  background-color: var(--gray-white);
}

.section-right .section-right-header .section-right-header-body .breadcrumb {
  color: var(--link-color);
  background-color: inherit;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 4px;
  line-height: 1rem;
}

.section-right .section-right-header .section-right-header-body .breadcrumb a {
  text-decoration: none !important;
}

.section-right .section-right-header .section-right-header-body,
.right-section .section-right-header .section-right-header-body {
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 2rem;
  text-align: left;
  color: var(--body-text-body-color);
}

.section-right .section-right-header .section-right-header-body .additional-info,
.right-section .section-right-header .section-right-header-body .additional-info {
  font-weight: 300;
}

.section-right .section-right-header .section-right-header-body .badge {
  padding: 0.375rem 0.75rem;
  border-radius: 100px;
  color: var(--gray-800);
  background-color: var(--gray-200);
  font-size: 1.05rem;
  line-height: 1.05rem;
  font-weight: 500;
}

.section-right .section-right-header .section-right-header-body.user-role-bar {
  padding-top: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: solid 1px var(--gray-200);
  background-color: var(--white);
}

.section-right .section-right-header .section-right-header-additonal-area {
  padding: 0.5rem 1.5rem;
  background-color: var(--gray-25);
  border-top: 1px dashed var(--components-generic-border-extra-light);
}

.section-right .section-right-header .section-right-header-notifications {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.section-right .section-right-inner .title {
  border-bottom: 2px solid #e1e1e1;
}

.section-right .section-right-inner .title td {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
}

.section-right .section-right-inner .title td h2 {
  font-size: 20px;
  color: var(--body-text-body-color);
  font-weight: 500;
  margin: 0;
}

.section-right .section-right-inner .body {
  padding: 24px;
  padding-top: 14px; /* Until Body Section refactor*/
  min-height: calc(100vh - 38px - 2px - 56px - 48px - 78px);
  overflow: auto;
}

.section-right .section-right-body {
  color: var(--body-text-body-color);
}

@media (max-width: 1439px) {
  .section-right .section-right-header .section-right-header-body .page-title,
  .section-right .section-right-header .section-right-header-body .additional-info,
  .right-section .section-right-header .section-right-header-body .additional-info,
  .right-section .section-right-header .section-right-header .section-right-header-body .page-title {
    font-size: 28.1px;
  }
}
@media (max-width: 767px) {
  #section-right-container {
    padding: 0;
  }
  .section-right .section-right-header {
    margin: initial;
  }
  .section-right .section-right-header .section-right-header-body,
  .section-right .section-right-header .section-right-header-additonal-area {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .section-right .section-right-header .section-right-header-body .page-title,
  .right-section .section-right-header .section-right-header-body .page-title {
    font-size: 24.4px;
  }
  .section-right .section-right-header .section-right-header-body .additional-info,
  .right-section .section-right-header .section-right-header-body .additional-info {
    order: 3;
    font-size: 1rem;
    font-weight: 300;
  }
  .section-right .section-right-header .section-right-header-body .badge {
    font-size: 15px;
  }
  .section-right .section-right-inner .body {
    padding: 5px;
  }
}
@media print {
  #section-right-container {
    padding: 0;
    max-width: auto !important;
  }
}

.main-card {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  width: 100%;
  max-width: 1872px;
  margin: 0 auto;
  min-width: 480px;
  border: 0;
}
.main-card .body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.bs5.search #search-filters-card .card-header,
.bs5.search #search-result .card-header {
  height: 51px;
}
.bs5 .woScreenTabs .card .card-header {
  padding: 0.875rem 1rem !important;
}
.bs5 .card-max-width {
  max-width: 64rem !important;
}
.bs5 .card {
  margin: 1.5rem auto;
  max-width: 1600px;
  border: solid 1px var(--gray-400);
  border-radius: 2px;
}
.bs5 .card .card-header {
  padding: 0 !important;
}
.bs5 .card .card-header-with-action {
  justify-content: flex-start;
  align-items: center;
}
.bs5 .card .card-footer {
  padding-top: 0;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.bs5 .card,
.bs5 .card .card-header {
  background: var(--white);
  border-radius: 2px;
  border-bottom: 1px solid var(--gray-400);
}

.bs5 .card .card-body .card-header {
  border-radius: 0;
}

.bs5 .card .card-footer.card-footer-bt {
  border-top: 1px solid var(--gray-200);
  padding-top: 16px;
}

.bs5 .card .card-header,
.bs5 .card .card-subsection .card-header {
  justify-content: space-between;
  /*border-bottom: 0;*/
  display: flex;
}

.bs5 .card .card-header .header-text {
  padding-left: 1rem !important;
}

.bs5 .card .card-header .additional-info {
  padding-left: 0.375rem;
}

.bs5 .card .card-header .header-text,
.bs5 .card .card-header .additional-info,
.bs5 .card .card-header .additional-info .extra-info {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1rem;
}

.bs5 .card .card-header .additional-info .extra-info {
  padding-left: 0.5rem;
}

.bs5 .card .card-header .additional-info {
  font-weight: 300;
}

.bs5 .card .card-header .collapse-btn {
  width: 50px;
  height: 50px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.bs5 .card .card-header .collapsed:hover {
  color: initial;
  background-color: var(--component-hover-bg);
}

.bs5 .card .card-header .collapsed:active {
  color: initial;
  background-color: rgba(255, 255, 255, 0.32) !important;
}

.bs5 .card .card-header .collapse-btn[aria-expanded=true] {
  color: initial;
  background-color: var(--component-active-bg);
}

.bs5 .card .card-header .collapse-btn[aria-expanded=true]:hover {
  color: initial;
  background-color: var(--component-active-hover-bg);
}

.bs5 .card .card-header .card-header-main button:disabled {
  cursor: not-allowed;
}

.bs5 .card .card-header .collapse-btn:active {
  color: initial;
  background-color: var(--component-active-hover-bg);
}

.bs5 .card .card-header .collapse-btn.collapsed .bi-chevron-up::before {
  content: "\f282";
}

.bs5 .card:has(.collapse):not(:has(.show)) .card-header {
  border-bottom: none;
}

.bs5 .card .card-subsection .card-header {
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-300);
  background: var(--containers-section-body-background);
}

.bs5 .card .card-subheader {
  padding: 0.5rem 1rem;
  background-color: var(--light-gray);
  border-top: none;
  border-bottom: 1px dashed var(--gray-150);
}

.bs5 .card .card-subheader .btn-group button {
  display: flex;
  gap: 8px;
}

.bs5 .card .card-body {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  overflow: initial;
  border-top: 1px solid var(--gray-200);
  border-top: none;
}

.bs5 .card.overflow .card-body {
  overflow: auto;
}

.bs5 .card.overflow-table .card-body > table {
  min-width: 1280px;
}

.bs5 .card .card-body:has(.active.card-p-0) {
  padding: 0;
}

.bs5 .card .card-body .card-p-0 .actions {
  padding: 1rem;
}

.bs5 .card .card-body.collapsing {
  overflow: hidden;
}

.bs5 .card .card-body .exceed-padding-x-2-5,
.bs5 .card .card-body .exceed-padding-l-2-5 {
  margin-left: -0.75rem;
}

.bs5 .card .card-body .exceed-padding-x-2-5,
.bs5 .card .card-body .exceed-padding-r-2-5 {
  margin-right: -0.75rem;
}

.bs5 .card .card-body .exceed-padding-3 {
  margin: -1rem;
}

.bs5 .card .card-body .exceed-padding-x-3,
.bs5 .card .card-body .exceed-padding-l-3 {
  margin-left: -1rem;
}

.bs5 .card .card-body .exceed-padding-x-3,
.bs5 .card .card-body .exceed-padding-r-3 {
  margin-right: -1rem;
}

.bs5 .card .card-body .exceed-padding,
.bs5 .card .card-body .exceed-padding-4 {
  margin: -1.5rem;
}

.bs5 .card .card-body .exceed-padding-x,
.bs5 .card .card-body .exceed-padding-x-4,
.bs5 .card .card-body .exceed-padding-l {
  margin-left: -1.5rem;
}

.bs5 .card .card-body .exceed-padding-x,
.bs5 .card .card-body .exceed-padding-x-4,
.bs5 .card .card-body .exceed-padding-r {
  margin-right: -1.5rem;
}

.bs5 .card .card-body.exceed-padding {
  padding: 0 !important;
}

.bs5 .card .card-body form {
  display: flex;
  /*justify-content: space-evenly;*/
  margin: 0;
}

.bs5 .card .card-body,
.bs5 .card .card-footer {
  background: var(--light-gray);
}

.bs5 .card .card-subsection .card-header {
  margin: -1.5rem;
  margin-bottom: 0;
  border-top: 1px solid var(--gray-200);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.bs5 .card .card-subsection .card-header .header-text {
  font-size: 1.25rem;
  font-weight: 500;
}

/* Tabs borders */
.bs5 #divTabs.woScreenTabs .card-header {
  border-radius: 2px 2px 0px 0px !important;
}

.bs5 #divTabs.woScreenTabs .card-body {
  border-radius: 0px 0px 2px 2px !important;
}

/*Presentation links Cards*/
.bs5 .presentation-card tbody tr td {
  width: 350px;
  word-wrap: break-word;
}

.bs5 .presentation-card tbody {
  display: flex;
  flex-wrap: wrap;
}

.bs5 .presentation-card tbody tr,
.bs5 .presentation-card tbody td {
  border: none !important;
}

/*INNER CARD*/
.bs5 .card .card-body .card .card-header,
.bs5 .card .card-body .card .card-body,
.bs5 .card .card-body .card .card-footer {
  background: var(--white);
}

@media (max-width: 767px) {
  .bs5 .card .card-header,
  .bs5 .card .card-subheader,
  .bs5 .card .card-body,
  .bs5 .card .card-footer {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .bs5 .card .card-body:has(.active.card-p-0) {
    padding: 0 !important;
  }
  .main-card {
    min-width: 320px;
  }
  .bs5 .card {
    margin-top: 1.5rem;
  }
  .bs5 .card .card-body form {
    margin: 0;
  }
  .bs5 .card .card-subsection .card-header {
    margin: -1rem -0.75rem !important;
  }
  .bs5 .card .card-footer {
    padding-bottom: 1rem !important;
    flex-direction: column-reverse;
  }
  .bs5 .card .card-header .additional-info {
    order: 3;
    font-size: 1rem;
    font-weight: 300;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1rem;
  }
}
@media print {
  .card,
  .main-card {
    border: 0;
  }
}
/*TWISTER DASHBOARD*/
.bs5 .card .card-header-with-action {
  justify-content: flex-start;
  align-items: center;
}

.bs5 .card-header .card-header-action {
  padding-right: 8px;
  margin-left: auto;
}

.bs5 .card-header .card-header-toggler-mobile {
  display: none !important;
}

.bs5 .card-header .card-toggler-right {
  display: flex !important;
  margin-left: 8px;
}

.bs5 .loader-container .spinner-border {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.bs5 .card-header .card-header-main {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bs5 .card-header .card-header-main .header-text {
  padding-left: 0 !important;
}

.bs5 .card-header .card-header-action .action-icon {
  color: var(--link-color);
  padding: 8px;
}

.bs5 .card-header .card-header-action .actions {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .bs5 .card .card-header-with-action {
    flex-wrap: wrap;
    padding: 0 !important;
  }
  .bs5 .card-header .loader-container {
    padding: 8px;
  }
  .bs5 .card-header .card-header-main {
    padding: 8px;
    width: 100%;
  }
  .bs5 .card-header .card-header-action {
    width: 100%;
    border-top: 1px solid var(--gray-200);
    padding: 0px;
    overflow: auto;
  }
  .bs5 .card-header .card-header-action::-webkit-scrollbar {
    -webkit-appearance: none; /* Chromme & Opera */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    height: 0;
  }
  .bs5 .card-header .card-header-toggler-mobile {
    display: flex !important;
    margin-left: auto;
  }
  .bs5 .card-header .card-toggler-right {
    display: none !important;
  }
}

.bs5 table.card-table {
  color: var(--body-text-body-color);
  font-size: 1rem;
  background: var(--containers-section-body-background) !important;
}

.bs5 table.card-table.dxgvTable_MetropolisBlue {
  border-collapse: unset !important; /* a thick line for the top border in the table */
}

.bs5 table.card-table td.dxgvHeader_MetropolisBlue {
  display: none;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue {
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px var(--gray-300);
  background-color: var(--white);
  margin-bottom: 1rem;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue:has(.closed),
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue:has(.closed) td.card-header,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue:has(.closed) td.card-sub-header {
  background-color: var(--gray-50) !important;
}

/*SOLUTION FOR FIREFOX*/
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue.closed,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue.closed td.card-header,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue.closed td.card-sub-header {
  background-color: var(--gray-50) !important;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue:last-child {
  margin-bottom: 0;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td {
  flex: 1;
  padding: 0.75rem 1rem 1rem 1rem;
  border: 0 !important;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-body-color);
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-footer {
  font-size: 14px;
  padding: 0.375rem 1rem 0.438rem 1rem;
  background: none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: var(--body-text-body-color);
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header:first-child {
  padding: 0.5rem 1rem 0.438rem 1rem !important;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header:nth-child(2) {
  padding: 0.375rem 1rem 0.438rem 1rem !important;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.dxgv {
  padding: 0.75rem 1rem 1rem;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.dxgv.dx-ar {
  padding: 1.5rem 1rem 1rem;
}

.right.title.vertically-centered-title {
  margin-top: auto;
  margin-bottom: auto;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-sub-header {
  border-bottom: solid 1px var(--components-generic-border-medium) !important;
  background-color: var(--white) !important;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-sub-header {
  font-size: 14px;
  border-bottom: solid 1px var(--components-generic-border-light) !important;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header {
  border-bottom: solid 1px var(--gray-200) !important;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header .title,
.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-sub-header .title {
  color: var(--gray-700);
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header .bold-title {
  font-weight: 500;
  color: var(--body-text-body-color);
  font-size: 1rem;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header .title {
  color: var(--body-text-muted);
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-description {
  color: var(--gray-900);
  padding: 1rem;
  font-size: 1rem;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-footer {
  padding-top: 0.25rem;
  background-color: var(--gray-100);
  color: var(--gray-600);
  justify-content: flex-end;
}

.bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-footer:empty {
  display: none;
}

.bs5 .grid-section .card .card-header {
  border-bottom: 0 !important;
}

@media (max-width: 767px) {
  .bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-header {
    flex-direction: column;
    gap: 2px;
  }
  .bs5 table.card-table tr.dxgvDataRow_MetropolisBlue td.card-footer {
    padding-bottom: 0.375rem !important;
  }
}

.bs5 label label {
  margin-bottom: 0;
  font-weight: inherit;
  margin-bottom: 0;
}

.bs5 .modal-dialog .form-control {
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
}

.bs5 .form-control {
  height: unset;
}

.bs5 .form-control:focus {
  border: solid 1px var(--components-form-input-border-default);
}

.bs5 .input-row {
  display: flex;
  flex-direction: column;
}

.bs5 .input-row .div-input.form-control:empty,
.bs5 .input-row .div-input.form-control select:empty,
.bs5 .input-row .div-input input.formattedInput,
.bs5 .input-group-sm > .div-input.form-control:not(textarea):empty {
  background-color: transparent !important;
  border-color: transparent !important;
  height: 1.989rem;
}

.bs5 .input-row .form-control[readonly],
.bs5 .input-row .form-control:disabled,
.bs5 .input-row .div-input input.formattedInput,
.bs5 .input-row .div-input.form-control:disabled {
  background-color: white;
}

.bs5 .input-row .dxeButtonEditSys .dxeEditArea_MetropolisBlue.dxeEditAreaSys.dxeDisabled_MetropolisBlue {
  background-color: #eee;
}

.bs5 .input-row .div-input.form-control,
.bs5 .input-row .div-input.form-control select,
.bs5 .input-row .div-input input.formattedInput,
.bs5 .input-group-sm > .div-input.form-control:not(textarea) {
  padding: 0.313rem 0.5rem !important;
  line-height: 1.25rem !important;
  height: unset;
  border: 1px solid #C2C2C2 !important;
}

.bs5 .input-row input.text-dark {
  color: var(--components-form-input-text-default) !important;
}

.bs5 .input-col {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@-moz-document url-prefix() {
  .bs5 .input-row .div-input.form-control,
  .bs5 .input-row .div-input.form-control select,
  .bs5 .input-row .div-input input.formattedInput,
  .bs5 .input-group-sm > .div-input.form-control:not(textarea) {
    height: 1.989rem;
  }
}
.bs5 .input-row select,
.bs5 .input-row select:focus,
.bs5 .listBoxData select,
.bs5 .input-row button.dropdown-toggle,
.bs5 .input-row input,
.bs5 .input-row input:focus,
.bs5 .input-row .input-date-value,
.bs5 .input-row .dxeNullText_MetropolisBlue input {
  box-sizing: border-box;
  font-family: IBM Plex Sans;
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 24px;
  color: var(--components-form-input-text-default) !important;
  outline: none;
  box-shadow: none;
  height: unset;
}

.bs5 .input-row select option {
  color: var(--components-form-input-text-default) !important;
}

.bs5 input::placeholder,
.bs5 input::-webkit-input-placeholder,
.bs5 textarea::placeholder,
.bs5 textarea::-webkit-input-placeholder,
.bs5 .div-input::placeholder,
.bs5 .form-control::placeholder,
.bs5 .bootstrap-select.bs-placeholder,
.bs5 .input-row button.dropdown-toggle.bs-placeholder,
.bs5 .input-row .dxeButtonEdit_MetropolisBlue.dxeNullText_MetropolisBlue .dxeEditArea_MetropolisBlue,
.bs5 .placeholder,
.bs5 .stateComboBox.placeholder input,
.bs5 .dxeButtonEditSys.placeholder input,
.bs5 .input-row input.placeholder,
.bs5 .input-row select.placeholder,
.bs5 .input-row select option[value=""] {
  color: var(--components-form-input-text-placeholder) !important;
}

.bs5 .listBoxData select,
.bs5 .input-row button.dropdown-toggle,
.bs5 .input-row input {
  padding: 0.375rem 0.75rem 0.375rem 0.75rem !important;
}

.bs5 .input-row .input-group input[type=file] {
  padding: 0 !important;
}

.bs5 input[type=file]::file-selector-button {
  background-color: #fff;
  color: #000;
  border: 0px;
  border-right: 1px solid #C2C2C2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 0.438rem 0.313rem 0.438rem 0.313rem;
  transition: 0.5s;
}

.bs5 input[type=file]::file-selector-button:hover {
  background-color: #eee;
  border: 0px;
  border-right: 1px solid #e5e5e5;
}

.bs5 .input-row label,
.bs5 .input-row label.input-label {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
}

.bs5 .input-row label.input-label {
  margin: 0;
  padding: 0 0 0.25rem 0;
  cursor: initial;
  font-weight: 500;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--components-form-label);
}

.bs5 .input-row label.input-label a {
  cursor: pointer;
  color: var(--link-color);
  font-weight: 500;
  text-decoration: underline !important;
}

.bs5 .input-row .form-check {
  padding-left: 0;
}

.bs5 .labels-uppercase .input-row label.input-label {
  text-transform: uppercase;
}

.bs5 .labels-medium .input-row label,
.bs5 .labels-medium .input-row label.input-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--components-form-label);
  margin-bottom: 0.25rem;
}

.bs5 .input-row .red-placeholder input[type=text]::placeholder {
  color: red !important;
  opacity: 1;
}
.bs5 .result-inform {
  text-transform: math-auto;
  color: var(--components-form-input-text-placeholder) !important;
  font-size: 0.8rem;
}

@media (max-width: 425px) {
  .bs5 .input-row.width-370-sm-385,
  .bs5 .input-row.width-100-sm-385,
  .bs5 .input-row.width-170-sm-385 {
    width: 385px;
  }
  .bs5 .input-row label.input-label {
    padding: 0.438rem 0.438rem 0.438rem 0.438rem;
  }
}
@media (max-width: 767px) {
  .bs5 .input-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .bs5 .input-row label.input-label {
    padding: 0.375rem 0 0.375rem 0 !important;
  }
  .bs5 .input-row .div-input.form-control:empty,
  .bs5 .input-row .div-input.form-control select:empty,
  .bs5 .input-row .div-input input.formattedInput,
  .bs5 .input-group-sm > .div-input.form-control:not(textarea):empty {
    height: 2.5rem;
  }
  .bs5 .input-row .div-input.form-control,
  .bs5 .input-row .div-input.form-control select,
  .bs5 .input-row .div-input input.formattedInput,
  .bs5 .input-group-sm > .div-input.form-control:not(textarea) {
    padding: 0.563rem 0.5rem !important;
  }
  @-moz-document url-prefix() {
    .bs5 .input-row .div-input.form-control,
    .bs5 .input-row .div-input.form-control select,
    .bs5 .input-row .div-input input.formattedInput,
    .bs5 .input-group-sm > .div-input.form-control:not(textarea) {
      height: 2.5rem;
    }
  }
}
.bs5 .input-row .input-value,
.bs5 .input-row .drop-down-value,
.bs5 .input-row .input-date-value {
  width: 100%;
  /*height: 31px;*/
}

.bs5 .col .input-row input {
  height: 32px;
}
.bs5 .col .input-row input:focus {
  height: 32px;
}
.bs5 .input-row input.formattedInput, .bs5 .input-row input.item-client-changed, .bs5 .input-row input:focus.item-client-changed, .bs5 .input-row input:focus.formattedInput {
  height: 32px;
}
.bs5 .input-row .drop-down-value input[type=text]:not(.dxeEditArea_MetropolisBlue):focus,
.bs5 .input-row .drop-down-value input[type=text]:not(.dxeEditArea_MetropolisBlue):active,
.bs5 .input-row .drop-down-value input[type=text]:not(.dxeEditArea_MetropolisBlue) {
  height: 32px;
}
.bs5 .input-row.width-370-sm-385 {
  width: 370px;
}
.bs5 .input-row.width-100-sm-385 {
  width: 100px;
}
.bs5 .input-row.width-170-sm-385 {
  width: 170px;
}
.bs5 .input-row select.time-dropdown-picker,
.bs5 .input-row select.time-dropdown-picker:focus {
  font-size: 1rem;
  line-height: 1;
  border: 0;
  height: 2.125rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>') no-repeat right #ddd;
  -webkit-appearance: none;
  background-position: center right calc(0.675em + 0.5rem);
  background-color: var(--gray-white);
}
.bs5 .dxgvCommandColumn_MetropolisBlue .dxeIRadioButton_MetropolisBlue.dxEditors_edtRadioButtonChecked_MetropolisBlue span.dxKBSW {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 6.25rem;
  background-color: var(--primary);
  margin: 0.219rem;
}
.bs5 .form-check input[type=checkbox]:focus,
.bs5 .form-check input[type=checkbox]:focus-visible,
.bs5 .form-check input[type=radio]:focus {
  outline-offset: 0px !important;
  outline: none !important;
}
.bs5 .d-flex .form-check .form-check-input {
  margin-top: 0;
}

.bs5 .input-row .input-value input,
.bs5 .input-row table.dxeButtonEditSys,
.bs5 .input-row button.dropdown-toggle.lighter-button,
.bs5 .input-row .drop-down-value input {
  width: 100%;
}

.bs5 .input-row select,
.bs5 .input-row select:focus,
.bs5 .input-row input,
.bs5 .input-row input:focus,
.bs5 .input-row button.dropdown-toggle.lighter-button,
.bs5 .input-row .drop-down-value input,
.bs5 .input-row .dxeButtonEditSys {
  border: 1px solid var(--components-form-input-border-default) !important;
  border-radius: 1.6px;
}

.bs5 .input-row input,
.bs5 .input-row button.dropdown-toggle.lighter-button,
.bs5 .input-row .drop-down-value input {
  display: flex;
  align-items: center;
}

/*SMALL*/
.bs5 .inputs-small .input-row label.input-label {
  font-size: 0.75rem;
  padding: 0 0 0.25rem 0;
  line-height: 1rem;
}

.bs5 .inputs-small .input-row .input-value,
.bs5 .inputs-small .input-row .drop-down-value,
.bs5 .inputs-small .input-row .input-date-value,
.bs5 .inputs-small .listBoxData select,
.bs5 .inputs-small .input-row select,
.bs5 .inputs-small .input-row button.dropdown-toggle,
.bs5 .inputs-small .input-row input,
.bs5 .inputs-small .input-row button.bs-placeholder,
.bs5 .inputs-small .input-row .dxeNullText_MetropolisBlue input,
.bs5 .inputs-small .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  border-radius: 1.6px;
}

.bs5 .inputs-small .input-row button.dropdown-toggle .bs-caret {
  line-height: 1.188rem;
}

.bs5 .inputs-small .listBoxData select,
.bs5 .inputs-small .input-row button.dropdown-toggle,
.bs5 .inputs-small .input-row input,
.bs5 .inputs-small .input-row .input-date-value input {
  padding: 0.313rem 0.5rem 0.313rem 0.5rem !important;
}

.bs5 .inputs-small .input-row .drop-down-value a {
  font-size: 0.875rem;
}

/*ADJUSMENTS*/
.bs5 .input-row table.dxeButtonEditSys input.dxeEditAreaSys {
  border: 0 !important;
}

.bs5 .input-row button.dropdown-toggle::after {
  content: none;
}

.bs5 .input-row .bootstrap-select button {
  background-image: none;
}

.bs5 .input-row .bootstrap-select button:focus {
  outline: none !important;
  box-shadow: none;
}

.bs5 button.btn span.bs-caret span {
  font-size: 0.875rem;
  margin-right: -0.25rem;
}

.bs5 .bootstrap-select.btn-group .dropdown-menu.inner {
  overflow-y: auto;
}

.bs5 .bootstrap-select.btn-group .dropdown-menu li a:hover,
.bs5 .bootstrap-select.btn-group .dropdown-menu li a:focus,
.bs5 .dxeListBoxItemHover_MetropolisBlue,
.bs5 .dxeButtonEditButtonHover_MetropolisBlue {
  background: var(--gray-200);
  outline: 0;
}

.bs5 .dxeListBoxItemSelected_MetropolisBlue {
  color: var(--component-active-color);
  background-color: var(--component-active-bg);
}

.bs5 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: sticky;
  right: -1px;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  background: var(--white);
}

.bs5 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a:hover span.check-mark {
  background: inherit;
}

.bs5 .dxeCalendarButton_MetropolisBlue {
  width: auto;
}

/*Date Selector*/
.bs5 .date-range-selector {
  display: flex;
}

.bs5 .input-row table.dxeButtonEditSys td {
  padding: 0;
}

.bs5 .input-row table.dxeButtonEditSys input.dxeEditAreaSys {
  height: unset;
}

.bs5 .input-row table.dxeButtonEditSys td.dxeButtonEditButton_MetropolisBlue {
  padding: 0.25rem 0.563rem 0.25rem 0.563rem !important;
}

.bs5 .input-row table.dxeButtonEditSys td.dxeButtonEditButton_MetropolisBlue i {
  font-size: 0.875rem;
  color: var(--gray-600);
}

.bs5 .input-row table.dxeButtonEditSys td.dxeButtonEditButton_MetropolisBlue:hover i {
  color: var(--gray-white);
}

/**************/
.bs5 .open .dropdown-menu {
  display: block;
}

.bs5 .dropdown-menu.open {
  max-width: 100%;
  padding: 0;
}

.bs5 .dropdown-menu.open ul {
  max-height: 10.625rem !important;
}

.bs5 .dxeListBoxItem_MetropolisBlue,
.bs5 .dropdown-menu.open ul li {
  font-size: 0.875rem;
  margin: 0.25rem 0;
}

.bs5 .dropdown-menu .dropdown-item.highlighted-error,
.bs5 #tabsDropdown .dropdown-toggle.highlighted-error {
  color: var(--body-text-danger) !important;
}

.bs5 .dropdown-menu .dropdown-item.highlighted-optional,
.bs5 #tabsDropdown .dropdown-toggle.highlighted-optional {
  color: var(--body-text-success) !important;
}

.bs5 .dxeListBoxItem_MetropolisBlue {
  padding: 0.188rem 1.25rem;
}

/* SELECT */
.bs5 select {
  overflow: auto;
  outline: 0;
  width: 100%;
  padding: 0.313rem 1.125rem 0.313rem 0.563rem;
  border-radius: 0.125rem;
  border: solid 1px var(--gray-400);
  background-color: var(--gray-white);
  color: var(--body-text-body-color);
}

.bs5 select[disabled] {
  background-color: var(--gray-200);
  opacity: 1;
}

.bs5 select option {
  padding-left: 2rem;
  height: 2.563rem;
}

.bs5 .inputs-small select {
  padding: 0.25rem 1.125rem 0.25rem 1.125rem !important;
  font-size: 0.875rem;
}

/*TEXTAREA*/
textarea {
  padding: 0.438rem 0.813rem;
  color: var(--body-text-body-color);
  width: 100%;
  box-shadow: none;
  border-radius: 2px;
}
textarea::placeholder {
  color: var(--gray-600);
}

.bs5 .input-group {
  width: auto;
}
.bs5 .input-row textarea {
  min-width: 0px !important;
  width: 100% !important;
  max-width: inherit !important;
  border: solid 1px var(--components-form-input-border-default);
  border-radius: 1.6px;
}
.bs5 .input-row textarea::placeholder {
  color: var(--components-form-input-text-placeholder);
}
.bs5 .input-row textarea:focus {
  border: 1px solid var(--gray-400) !important;
  border-radius: 0.125rem;
  box-shadow: none !important;
}

/*ERRORS*/
.bs5 .field-validation-valid {
  display: none;
}

.bs5 .field-validation-error {
  color: var(--components-form-form-text-invalid);
}

.bs5 .input-validation-error {
  border: 1px solid var(--components-form-input-border-invalid) !important;
}

.bs5 .input-row .input-validation-error,
.bs5 .input-row .input-validation-error:focus {
  border: 1px solid var(--components-form-input-border-invalid) !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" stroke="%23DC3545"/><path d="M7.733 4.8h.534L8 8.668l-.267-3.866z" stroke="%23DC3545" stroke-linejoin="round"/><path d="M8.3 10.933a.3.3 0 1 1-.6 0 .3.3 0 0 1 .6 0z" fill="%23DC3545" stroke="%23DC3545"/></svg>');
  background-position: center right 0.6875rem;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}

.bs5 .input-row input[type=date].input-validation-error {
  background-position: center right 2.5rem;
}

.bs5 .input-row select.input-validation-error,
.bs5 .input-row select.input-validation-error:focus {
  background-position: center right 1.2875rem;
}

.bs5 .input-row .date-error-icon .input-validation-error,
.bs5 .input-row .date-error-icon .input-validation-error:focus {
  background-position: center right 2.1875rem;
}

.bs5 .field-validation-error {
  vertical-align: text-bottom;
}

.bs5 .validation-summary-errors {
  display: inline-block;
  vertical-align: text-bottom;
}

.bs5 .validation-summary-errors > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  vertical-align: text-bottom;
}

/*CHECBOX & SWITCHBOX*/
.bs5 input[type=checkbox]:checked {
  accent-color: var(--theme-primary);
}

.bs5 .form-check-input {
  position: absolute;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  float: left;
}

.bs5 .form-check {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--gray-200);
}

.bs5 .form-check:last-of-type {
  border-bottom: 0;
}

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

.bs5 .form-check .form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.bs5 .form-check .form-check-input:checked[type=checkbox] {
  background-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 10l3 3l6-6'/%3e%3c/svg%3e");
}

.bs5 .form-check .form-check-input[type=radio] {
  border-radius: 100%;
}

.bs5 .form-check .form-check-input:checked[type=radio] {
  background-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");
}

.bs5 .form-check .form-check-input:focus[type=radio] {
  outline: none;
}

.bs5 .form-check .form-check-label {
  font-size: 1rem;
}

.bs5 .form-check .form-check-input:checked[type=radio] {
  background-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");
}

.bs5 .form-switch .form-check-input[type=checkbox] {
  height: 1em;
  width: 2em;
  margin-left: 0;
  background-image: 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");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
  outline: 0;
}

.bs5 .form-switch .form-check-input:checked[type=checkbox] {
  background-position: right center;
  background-image: 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");
  background-color: var(--primary);
}

.bs5 .form-switch .form-check-input:focus {
  height: 1em;
  border-radius: 2em;
}

.bs5 .form-switch .form-check-label {
  margin-left: 2.5rem;
}

.bs5 .bordered-checkbox-group,
.bs5 .bordered-radio-group {
  border-radius: 2px;
  border: solid 1px var(--components-form-input-border-default);
}

.bs5 .form-check.bordered-radio-input.checked {
  background-color: var(--component-active-bg);
}

.bs5 .bordered-checkbox {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  border-color: var(--components-generic-border-extra-light);
  border-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 0;
  background: white;
  background-color: var(--gray-white);
  border-right: none;
  border-left: none;
}

.bs5 .bordered-checkbox > label {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-body-color);
}

.bs5 .bordered-checkbox:first-child {
  border-top: none;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.bs5 .bordered-checkbox:last-child {
  border-bottom: none;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.bs5 .bordered-checkbox:only-child {
  border-radius: 0.1rem;
  border-width: 1px;
}

.bs5 .bordered-checkbox input[type=checkbox] {
  accent-color: var(--theme-primary);
  width: 1rem;
  height: 1rem;
}

.bs5 .bordered-checkbox label {
  padding-left: 0.5rem;
  margin-bottom: 0 !important;
}

.bs5 .bordered-checkbox:hover {
  background: var(--bordered-checkbox-hovered);
}

.bs5 .bordered-checkbox:has(input:checked) {
  background: var(--component-active-bg);
}

.bs5 .bordered-checkbox--pressed {
  transition: background 0.5s ease;
  background: var(--bordered-checkbox-pressed) !important;
}

/* DEV express checkbox */
.bs5 .dxWeb_edtCheckBoxChecked_MetropolisBlue {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICAgIDxyZWN0IHdpZHRoPScxNicgaGVpZ2h0PScxNicgcng9JzQnIGZpbGw9JyMxQTM2NjgnLz4KICAgIDxwYXRoIGQ9J203LjEwNiAxMS43OTEtLjAxOC4wMThMMi42OSA3LjQxbDEuNDMyLTEuNDMzIDIuOTg0IDIuOTg0IDQuNzcyLTQuNzcyIDEuNDMyIDEuNDMyLTYuMTg3IDYuMTg3LS4wMTctLjAxOHonIGZpbGw9JyNmZmYnLz4KPC9zdmc+Cg==");
  background-position: initial;
}

.bs5 .dxWeb_edtCheckBoxUncheckedDisabled_MetropolisBlue,
.bs5 .dxWeb_edtCheckBoxUnchecked_MetropolisBlue {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: solid 1px var(--components-checkbox-border);
  background-color: var(--gray-white);
  background-image: none;
  background-position: initial;
}

.bs5 .dxWeb_edtCheckBoxUncheckedDisabled_MetropolisBlue {
  opacity: 0.5;
}

/*RADIO*/
.bs5 .bordered-radio-input {
  gap: 0.5rem;
  padding: 0.5rem;
  border: solid 1px var(--components-generic-border-extra-light);
  background-color: var(--gray-white);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  accent-color: var(--theme-primary);
}

.bs5 .bordered-radio-input label {
  margin: 0 0.5rem;
  color: var(--body-text-body-color);
  line-height: 1.5;
  font-size: 1rem;
  flex: 1;
}

.bs5 .bordered-radio-input:hover {
  background-color: var(--components-generic-background-hover);
}

.bs5 .radio-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bs5 .radio-input label {
  margin: 0 !important;
  line-height: 1.2rem;
}

/* RADIO BUTTON */
.bs5 .dxgvControl_MetropolisBlue .dxgvCommandColumn_MetropolisBlue {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
}

.bs5 .dxgvCommandColumn_MetropolisBlue .dxeIRadioButton_MetropolisBlue.dxEditors_edtRadioButtonChecked_MetropolisBlue {
  border-radius: 6.25rem;
  box-sizing: border-box;
  border: 1px solid var(--primary);
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bs5 .dxgvCommandColumn_MetropolisBlue .dxeIRadioButton_MetropolisBlue.dxEditors_edtRadioButtonChecked_MetropolisBlue input {
  background-color: var(--primary) !important;
  opacity: 1 !important;
  cursor: default;
  padding: 4px !important;
}

.bs5 .dxgvCommandColumn_MetropolisBlue .dxeIRadioButton_MetropolisBlue.dxEditors_edtRadioButtonChecked_MetropolisBlue span.dxKBSW {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 6.25rem;
  background-color: var(--primary);
  background-position: unset;
  margin: 0.219rem;
}

.bs5 .dxgvCommandColumn_MetropolisBlue .dxeIRadioButton_MetropolisBlue.dxEditors_edtRadioButtonUnchecked_MetropolisBlue {
  background-image: none;
  box-sizing: border-box;
  border: 1px solid var(--components-checkbox-border);
  border-radius: 6.25rem;
}

.bs5 .dxeIRadioButton_MetropolisBlue {
  margin: 0;
}

/* TEXT DIVIDER */
.text-divider {
  --text-divider-gap: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212529;
}

.text-divider::before, .text-divider::after {
  content: "";
  height: 1px;
  background-color: #f1f1f1;
  flex-grow: 1;
  border: 1px solid var(--components-form-input-border-default);
}

.text-divider::before {
  margin-right: var(--text-divider-gap);
}

.text-divider::after {
  margin-left: var(--text-divider-gap);
}

.empty-divider {
  --text-divider-gap: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212529;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.empty-divider::before, .empty-divider::after {
  content: "";
  flex-grow: 1;
}

.empty-divider::before {
  margin-right: var(--text-divider-gap);
}

.empty-divider::after {
  margin-left: var(--text-divider-gap);
}

.bs5 input[type=date] {
  color: var(--body-text-body-color) !important;
}
.bs5 input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23626262" class="bi bi-calendar3-week" viewBox="0 0 16 16"> <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/> <path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> </svg>');
}
.bs5 input[type=text].date-picker {
  color: var(--body-text-body-color) !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23626262" class="bi bi-calendar3-week" viewBox="0 0 16 16"> <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/> <path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> </svg>');
  background-repeat: no-repeat;
  background-position: center right calc(0.675em + 0.5rem);
  background-size: 1rem;
}
.bs5 input[type=text].date-picker:read-only {
  cursor: pointer;
}
.bs5 input[type=text].date-picker::-webkit-input-placeholder {
  color: var(--components-form-input-text-placeholder) !important;
}
.bs5 input.date-picker.is-invalid {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23626262" class="bi bi-calendar3-week" viewBox="0 0 16 16"> <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/> <path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> </svg>'), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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");
  border: solid 1px var(--components-form-input-border-invalid) !important;
  background-position: right calc(0.375em + 0.1875rem) center, right calc(0.375em + 1.5rem) center !important;
  background-repeat: no-repeat;
}

/*
    twister-dashboard time-select does look differently
*/
.bs5 select.time-dropdown-picker-twister {
  border-radius: 2px;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
  padding: 7px 8px;
  font-size: 1rem;
  line-height: 1.5;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCM5djByMGwxdnphKSIgZmlsbD0iIzYyNjI2MiI+CiAgICAgICAgPHBhdGggZD0iTTYgMy4xMjVhLjM3NS4zNzUgMCAxIDAtLjc1IDBWNy4yNWEuMzc1LjM3NSAwIDAgMCAuMTg5LjMyNWwyLjYyNSAxLjVhLjM3NS4zNzUgMCAwIDAgLjM3Mi0uNjVMNiA3LjAzMlYzLjEyNXoiLz4KICAgICAgICA8cGF0aCBkPSJNNiAxMi41YTYgNiAwIDEgMCAwLTEyIDYgNiAwIDAgMCAwIDEyem01LjI1LTZhNS4yNSA1LjI1IDAgMSAxLTEwLjUgMCA1LjI1IDUuMjUgMCAwIDEgMTAuNSAweiIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSI5djByMGwxdnphIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNSkiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
  background-position-x: calc(100% - 1rem);
  background-position-y: 50%;
}

.bs5 select.time-dropdown-picker-twister:required:invalid {
  color: var(--components-form-input-text-placeholder);
  border: solid 1px var(--components-form-input-border-default);
  box-shadow: none;
}

.bs5 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNpcjBvazVxbmlhKSI+CiAgICAgICAgPHBhdGggZD0ibTEuNDk5IDMuNzUgNC41IDQuNSA0LjUtNC41IiBzdHJva2U9IiM2MjYyNjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImlyMG9rNXFuaWEiPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtLjAwMSkiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.5rem);
  background-position-y: 50%;
}

.bs5 .date-input-twister {
  border-radius: 2px;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
  padding: 7px 8px;
  font-size: 1rem;
  line-height: 1.5;
  height: auto;
  appearance: none;
}

.bs5 .date-input-twister:invalid,
.bs5 .date-input-twister:invalid:focus {
  box-shadow: none;
  border: solid 1px var(--components-form-input-border-default);
}

.bs5 input[type=text].date-input-twister {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNwYjI0ZmV1NWlhKSIgZmlsbD0iIzYyNjI2MiI+CiAgICAgICAgPHBhdGggZD0iTTEwLjUuNWgtOUExLjUgMS41IDAgMCAwIDAgMnY5YTEuNSAxLjUgMCAwIDAgMS41IDEuNWg5QTEuNSAxLjUgMCAwIDAgMTIgMTFWMkExLjUgMS41IDAgMCAwIDEwLjUuNXpNLjc1IDMuMzkzYzAtLjM1NS4zMzYtLjY0My43NS0uNjQzaDljLjQxNCAwIC43NS4yODguNzUuNjQzdjcuNzE0YzAgLjM1NS0uMzM2LjY0My0uNzUuNjQzaC05Yy0uNDE0IDAtLjc1LS4yODgtLjc1LS42NDNWMy4zOTN6Ii8+CiAgICAgICAgPHBhdGggZD0iTTkgNS43NWEuNzUuNzUgMCAxIDAgMC0xLjUuNzUuNzUgMCAwIDAgMCAxLjV6TTUuMjUgOGEuNzUuNzUgMCAxIDAgMC0xLjUuNzUuNzUgMCAwIDAgMCAxLjV6bTEuNS0yLjI1YS43NS43NSAwIDEgMCAwLTEuNS43NS43NSAwIDAgMCAwIDEuNXpNMyA4YS43NS43NSAwIDEgMCAwLTEuNUEuNzUuNzUgMCAwIDAgMyA4eiIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJwYjI0ZmV1NWlhIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNSkiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
  background-position-x: calc(100% - 1rem);
  background-position-y: 50%;
  background-repeat: no-repeat;
}

.bs5 .date-input-twister::-webkit-calendar-picker-indicator {
  width: 12px;
  height: 13px;
}

.bs5 input.validation-warning {
  background: var(--components-alert-warning-border) !important;
}
.bs5 input.validation-error {
  background-color: var(--input-error-bg) !important;
}

.bs5 .alert {
  padding: 0.625rem 0.75rem;
  border-radius: 4px !important;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bs5 .alert:last-child {
  margin-bottom: 0 !important;
}

.bs5 .alert i {
  font-size: 1.25rem;
  display: flex;
  flex-shrink: 0 !important;
}

.bs5 .alert .alert-content {
  line-height: 1.43;
  font-size: 14px;
}

.bs5 .alert.alert-info {
  color: var(--components-alert-info-text) !important;
  border: solid 1px var(--components-alert-info-border) !important;
  background-color: var(--components-alert-info-background) !important;
}

.bs5 .alert.alert-danger {
  color: var(--components-alert-danger-text) !important;
  border: solid 1px var(--components-alert-danger-border) !important;
  background-color: var(--components-alert-danger-background) !important;
}

.bs5 .alert.alert-warning {
  color: var(--components-alert-warning-text) !important;
  border: solid 1px var(--components-alert-warning-border) !important;
  background-color: var(--components-alert-warning-background) !important;
}

.bs5 .alert.alert-success {
  color: var(--components-alert-success-text) !important;
  border: solid 1px var(--components-alert-success-border) !important;
  background-color: var(--components-alert-success-background) !important;
}

.bs5 .modal {
  margin-left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
}
.bs5 .modal .modal-body {
  max-height: unset;
  background-color: var(--containers-section-body-background);
}
.bs5 .modal .modal-body .input-row label.input-label {
  font-size: 1rem;
}

.bs5 .modal .modal-header,
.bs5 .dxpc-mainDiv .devEx-modal-header {
  background: var(--containers-section-header-background);
  border-color: var(--components-generic-border-dark);
  letter-spacing: -0.01em;
}

.bs5 .modal .modal-body .action-group {
  padding-bottom: 0.75rem;
}

.bs5 .modal .modal-body p.action-item {
  padding: 4px 0;
  margin: 0;
}

.bs5 .modal .modal-footer,
.bs5 .dxpc-mainDiv .devEx-modal-footer {
  background: var(--containers-section-body-background);
  border-top: 1px solid var(--components-generic-border-dark);
  box-shadow: none;
}

.bs5 .modal .modal-footer .btn {
  margin: 0 !important;
}

.bs5 .modal .modal-footer .btn {
  padding: 6px 12px;
  line-height: 1.5;
}

.bs5 .modal .modal-footer .btn + .btn {
  margin-left: 0.5rem !important;
}

.bs5 .modal-title,
.bs5 .modal .modal-title {
  line-height: 1.2;
  align-self: center;
}

.bs5 .modal .modal-content .modal-body form .form-check {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 1rem;
}

.bs5 .modal .modal-content,
.bs5 .dxpc-mainDiv {
  border-radius: 4px;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);
  background-color: var(--containers-section-body-background);
  border: solid 1px var(--components-generic-border-extra-dark);
  background-color: var(--containers-section-body-background);
}

.bs5 .modal .modal-content .input-row {
  margin-left: 0;
  margin-right: 0;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}

/* DEVEXPRESS MODALS */
.bs5 .dxpc-mainDiv {
  font-family: var(--font-family-sans-serif);
}

.bs5 .dxpc-mainDiv .devEx-modal-header {
  padding: 1rem;
  border-bottom: 1px solid var(--gray-300);
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--body-text-body-color);
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100% !important;
}

.bs5 .dxpc-mainDiv .devEx-modal-header .dxpc-closeBtn {
  padding: 0;
  float: none;
  font-size: 1rem;
}

.bs5 .dxpc-mainDiv .devEx-modal-content {
  padding: 0rem 1rem 0.75rem;
  font-size: 1rem;
}

.bs5 .dxpc-mainDiv .devEx-modal-content input::placeholder,
.bs5 .dxpc-mainDiv .devEx-modal-content trextarea::placeholder {
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--components-form-input-text-placeholder);
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row {
  width: 100%;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row .form-check.form-switch {
  padding-bottom: 2rem;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row textarea,
.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input {
  border-radius: 1.6px;
  border: solid 1px var(--components-form-input-border-default) !important;
  background-color: var(--components-form-input-background-default);
  line-height: 1.5;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input[type=date].form-control.is-invalid,
.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input.date-picker.form-control.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
  background-position: right 2.375rem center;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input[type=date].form-control.is-invalid:focus,
.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input.date-picker.form-control.is-invalid:focus {
  box-shadow: unset;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row input.form-check-input {
  border-radius: 32px;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row textarea.form-control.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
  background-position: right 0.5rem center;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row .bordered-checkbox-group.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
  border-radius: 1.6px;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .input-row label.input-label {
  margin-top: 0rem;
  font-size: 1rem;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .row {
  margin: 0;
}

.bs5 .dxpc-mainDiv .devEx-modal-content .row label.input-label {
  padding: 1rem 0 0.25rem;
  line-height: 1.5;
}

.bs5 .dxpc-mainDiv .devEx-modal-footer {
  padding: 0.75rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 1px solid var(--gray-300);
}

div[modal-transform=reset] div.dxpc-mainDiv {
  transform: translate(0, 0);
}

@media (max-width: 768px) {
  .modal-backdrop.fade.show {
    position: static !important;
  }
}

.bs5 .nav-item a.nav-link {
  padding: 6px 12px 8px 12px;
  margin: 0;
  color: var(--theme-primary);
  line-height: 1.25;
}

.bs5 .nav-item a.nav-link.active {
  background: inherit;
  font-weight: 500;
  border-bottom: solid 2px var(--indigo-primary-500);
}

.bs5 .nav-item a.nav-link.highlighted-error {
  color: var(--body-text-danger);
}

.bs5 .nav-item a.nav-link.highlighted-optional {
  color: var(--body-text-success);
}

.bs5 .tab-pane {
  overflow: hidden;
}

.bs5 .tab-content-table {
  overflow: auto;
}

.bs5 .nav-pills .nav-link {
  border-radius: 0;
}

#service-claims-tabs.bs5 .nav-tabs > li:hover {
  background-color: var(--gray-25);
}

#service-claims-tabs.bs5 .nav-tabs > li > a {
  background: inherit;
  font-weight: 500;
  border: none;
}

#service-claims-tabs.bs5 .nav-tabs > li > a.active {
  border-bottom: solid 2px var(--indigo-primary-500);
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/SoloJet/HSS.Web/Content/css/facelift_1_3/nav_tabs.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGA;EACC%22%7D */
.bs5 table {
  width: 100%;
}

.bs5 table.dxgvControl_MetropolisBlue {
  border-top: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  border-color: var(--table-border);
  font-family: "IBM Plex Sans";
  background-color: transparent;
}

.bs5 .tab-content-border-x .dxgvTable_MetropolisBlue {
  border-left: solid 1px var(--gray-200);
  border-right: solid 1px var(--gray-200);
}

.bs5 .dxgvTable_MetropolisBlue {
  border-collapse: collapse !important;
}

.bs5 .dxgvTable_MetropolisBlue.card-table {
  border-collapse: separate !important;
}

/*ROWS*/
.bs5 tr.dxgvDataRow_MetropolisBlue {
  background-color: var(--white);
  border-top: solid 1px var(--gray-150);
  border-bottom: solid 1px var(--gray-150);
}

.bs5 .dxgvDataRow_MetropolisBlue td.dxgv:first-child {
  border-left: 0 !important;
}

/*HEADER ROWS*/
.bs5 table.dxgvTable_MetropolisBlue tr:has(td.dxgvHeader_MetropolisBlue) {
  border-top: 1px solid var(--table-border);
}

.bs5 .card-body > div.data:first-child table.dxgvTable_MetropolisBlue tr:has(td.dxgvHeader_MetropolisBlue) {
  border-top: 0;
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue tr {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 49px;
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.small-header tr {
  height: 41px;
}

.bs5 .measureApptTableClass .dxgvHeader_MetropolisBlue:first-child {
  padding-left: 1.875rem;
}

/*CELLS*/
.bs5 .dxgvEditFormDisplayRow_MetropolisBlue td.dxgv,
.bs5 .dxgvDataRow_MetropolisBlue td.dxgv,
.bs5 .dxgvDataRowAlt_MetropolisBlue td.dxgv,
.bs5 .dxgvSelectedRow_MetropolisBlue td.dxgv,
.bs5 .dxgvFocusedRow_MetropolisBlue td.dxgv {
  border: solid 1px var(--gray-150);
  padding: 12px 8px;
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--body-text-body-color);
}

.bs5 .affiliate-dashboard .dxgvEditFormDisplayRow_MetropolisBlue td.dxgv,
.bs5 .affiliate-dashboard .dxgvDataRow_MetropolisBlue td.dxgv,
.bs5 .affiliate-dashboard .dxgvDataRowAlt_MetropolisBlue td.dxgv,
.bs5 .affiliate-dashboard .dxgvSelectedRow_MetropolisBlue td.dxgv,
.bs5 .affiliate-dashboard .dxgvFocusedRow_MetropolisBlue td.dxgv {
  padding: 8px;
}

.bs5 .dxgvEditFormDisplayRow_MetropolisBlue td.dxgv.center,
.bs5 .dxgvDataRow_MetropolisBlue td.dxgv.center,
.bs5 .dxgvDataRowAlt_MetropolisBlue td.dxgv.center,
.bs5 .dxgvSelectedRow_MetropolisBlue td.dxgv.center,
.bs5 .dxgvFocusedRow_MetropolisBlue td.dxgv.center {
  text-align: center;
}

.bs5 .dxgvEditFormDisplayRow_MetropolisBlue td.dxgv:has(.status-badge), .bs5 .dxgvDataRow_MetropolisBlue td.dxgv:has(.status-badge), .bs5 .dxgvDataRowAlt_MetropolisBlue td.dxgv:has(.status-badge), .bs5 .dxgvSelectedRow_MetropolisBlue td.dxgv:has(.status-badge), .bs5 .dxgvFocusedRow_MetropolisBlue td.dxgv:has(.status-badge) {
  padding: 8px;
}

.bs5 .dxgvDataRow_MetropolisBlue td.dxgv button {
  width: 100%;
}

.bs5 .dxgvDataRow_MetropolisBlue td.dxgv .modal-dialog button {
  width: initial;
}

.bs5 .dxgvDataRow_MetropolisBlue td.dxgv input.form-check-input {
  position: initial;
}

.bs5 .dxgvControl_MetropolisBlue table td a {
  text-decoration: none;
  cursor: pointer;
  color: var(--link-color);
}

/*HEADER CELLS*/
.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--table-header-text);
  background: var(--table-header-background);
  padding: 0;
}

.bs5 .dxgvTable_MetropolisBlue td.small-data-row {
  padding: 0.5rem;
  color: var(--body-text-body-color);
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue td:first-child {
  display: flex;
  align-items: flex-end;
  height: 100%;
  white-space: normal;
  max-width: 94%;
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.center tr {
  justify-content: center;
}

/*BORDERS*/
.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue,
.bs5 .dxgvDataRow_MetropolisBlue td {
  border: solid 1px var(--gray-150);
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue {
  border-bottom: 1px solid var(--gray-black);
}

/*PAGINATION*/
.bs5 .dxgvPagerBottomPanel_MetropolisBlue {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  background-color: var(--gray-75);
  border-top: 1px solid var(--table-border);
}

.bs5 .pager-transparent .dxgvPagerBottomPanel_MetropolisBlue {
  background-color: transparent;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-lead.dxp-summary {
  display: block;
  padding: 0.375rem 0rem 0.375rem 1rem;
  color: var(--gray-600);
  font-size: 14px;
  font-weight: normal;
  flex: 1 0 auto;
  line-height: 20px;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-summary {
  display: none;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-button,
.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-num,
.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-num.dxp-current {
  padding: 5px 10.5px;
  border-top: solid 1px var(--components-generic-border-medium);
  border-bottom: solid 1px var(--components-generic-border-medium);
  background-color: #FFFFFF;
  margin: 0;
  font-size: 14px;
  color: var(--primary);
  font-weight: normal;
  line-height: 20px;
  text-decoration: none !important;
  font-family: "IBM Plex Sans";
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-num,
.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-num.dxp-current {
  border-left: 0;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-num.dxp-current {
  background-color: var(--inline-nav-active);
  font-weight: 500;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue {
  padding: 0;
  min-width: auto !important;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue a,
.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue b {
  border-right: solid 1px var(--components-generic-border-medium);
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue .dxp-button:has(i.bi-chevron-left) {
  border-left: solid 1px var(--components-generic-border-medium);
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue .dxp-lead.dxp-summary {
  padding-left: 0;
}

.bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-ellip {
  margin: 0;
  height: 2rem;
}

.bs5 .dxpLite_MetropolisBlue {
  flex: 1 0 auto;
  text-align: center;
  margin-right: 10%;
}

/*STATUS BADGE*/
.bs5 .status-badge {
  padding: 5.5px 8px;
  border-radius: 100px;
  background-color: var(--gray-75);
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1;
  text-align: center;
  color: var(--gray-800);
}

.bs5 .tab-content-table .status-badge {
  background-color: var(--gray-125);
  box-shadow: 0 0 0 1px var(--gray-white);
}

/*CUSTOMER PHOTOS GRID*/
.bs5 #CustomerPhotosGrid table tr:last-child,
.bs5 #CustomerPhotosGrid table tr:first-child {
  border-bottom: none !important;
}

/*CUSTOM WIDTH OF COLUMN*/
.bs5 .columnMinWidth {
  min-width: 125px;
}

.bs5 .commentsColumnMinWidth {
  min-width: 200px;
}

/*OLD TABLES ON NEW PAGES*/
.bs5 .bs2 .dxgvHeader_MetropolisBlue table td {
  color: white;
}

.bs5 .bs2 .dxgvControl_MetropolisBlue table td,
.bs5 .bs2 .dxgvControl_MetropolisBlue table td a {
  font-size: 10pt;
}

.bs5 .span12 {
  display: contents;
}

.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue tr.dxgvEmptyDataRow_MetropolisBlue td.dxgv {
  background-color: var(--containers-section-body-background) !important;
}

/*SORTING ICONS*/
.bs5 .dxgvControl_MetropolisBlue .dxGridView_gvHeaderSortUp_MetropolisBlue {
  width: 10px;
  height: 6.5px;
  margin-left: 0 !important;
  margin-bottom: 2px;
  background-position: -22px -16px;
}

.bs5 .dxgvControl_MetropolisBlue .dxGridView_gvHeaderSortDown_MetropolisBlue {
  width: 10px;
  height: 6.5px;
  margin-left: 0 !important;
}

/*NO DATA DISPLAY GRID*/
.bs5 .dxgvEmptyDataRow_MetropolisBlue div {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .bs5 .span12 {
    display: block;
  }
}
@media (max-width: 1280px) {
  .bs5 .dxgvPagerBottomPanel_MetropolisBlue {
    flex-direction: column-reverse;
    align-items: center;
    height: auto;
  }
  .bs5 .dxpLite_MetropolisBlue {
    margin-right: 0;
  }
  .bs5 .dxgvPagerBottomPanel_MetropolisBlue .dxp-lead.dxp-summary {
    padding-bottom: 0;
  }
}
.bs5 table.table-no-border tr,
.bs5 table.table-no-border td,
.bs5 table.table-no-border.card-table tr,
.bs5 table.table-no-border.card-table td,
.bs5 table.table-no-border.card-table tr.dxgvDataRow_MetropolisBlue td.card-header,
.bs5 table.table-no-border tr.dxgvDataRow_MetropolisBlue {
  border: none !important;
}

.bs5 table.radio-table {
  border: none;
}

.bs5 table.radio-table tr td {
  border-bottom: none;
  border-left: 1px solid var(--gray-200);
  border-right: 1px solid var(--gray-200);
}

.bs5 table.radio-table tr:first-child td {
  border: 1px solid var(--gray-200);
  border-bottom: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bs5 table.radio-table tr:last-child td {
  border: 1px solid var(--gray-200);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 1px solid var(--components-generic-border-extra-light);
}

.bs5 table.radio-table tr:only-child td {
  border: 1px solid var(--gray-200);
  border-radius: 2px;
}

.bs5 table .dxgvHeader_MetropolisBlue.header-center table td:first-child {
  justify-content: center;
}

.bs5 table .dxgvHeader_MetropolisBlue.header-center table td:nth-child(2) {
  display: none;
}

.bs5 table td.dxgvHeader_MetropolisBlue.text-right td:first-child {
  justify-content: flex-end;
}

.bs5 table.table-without-border-top tbody tr:first-child {
  border-top: none;
}

/*
    THIS SOULTION DOES NOT WORK FOR FIREFOX
*/
.bs5 .card-body table.dxgvControl_MetropolisBlue tbody tr.dxgvDataRow_MetropolisBlue td:first-child,
.bs5 .card-body table.dxgvControl_MetropolisBlue tbody tr.dxgvDataRow_MetropolisBlue:has(td:first-child.d-none) td:nth-child(2) {
  border-left: none;
}

.bs5 .table-container {
  padding: 0;
  border: solid 1px var(--table-border);
  border-radius: 1.6px;
  width: 100%;
}

.bs5 .table-container.border-left-none {
  border-left: none;
}

.bs5 .table-container.border-right-none {
  border-right: none;
}

.bs5 .table-container .table-container-header {
  height: 49px;
  font-family: IBM Plex Sans;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.12px;
  text-align: left;
  color: var(--table-header-text);
  text-transform: uppercase;
  border-right: 1px solid var(--table-row-border);
  border-bottom: 1px solid var(--gray-black);
  background-color: var(--table-header-background);
  padding: 0.5rem;
}

.bs5 .table-container .table-container-row {
  background-color: var(--gray-white);
}

.bs5 .table-container .table-container-row:last-child {
  border-bottom: solid 1px var(--table-border);
}

.bs5 .table-container thead:first-child tr.table-container-header:last-child th {
  border-bottom: 1px solid black;
}

.bs5 .table-container .table-container-header.available-table-container {
  min-width: 5.75rem;
  max-width: 5.75rem;
  width: 5.75rem;
}

.bs5 .table-container .table-container-header.fixed-table-container {
  min-width: 8.5rem;
  max-width: 8.5rem;
  width: 8.5rem;
}

.bs5 .table-container .table-container-header.fixed-checkbox-table-container {
  min-width: 2rem;
  max-width: 2rem;
  width: 2rem;
}

.bs5 .table-container .table-container-header:last-child {
  border-right: solid 1px var(--table-border);
}

.bs5 .table-container .table-container-header.border-right-none:last-child {
  border-right: none;
}

.bs5 .table-container .table-container-cell {
  height: 41px;
  gap: 0.5rem;
  padding: 0.5rem;
  border-right: 1px solid var(--table-row-border);
  vertical-align: middle;
}

.bs5 .table-container .table-container-cell:last-child {
  border-right: unset;
}

.bs5 .table-container .table-container-cell.button-cell {
  width: 120px;
  padding: 0.25rem 0.5rem;
}

.bs5 .table-container .table-container-cell .button-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.bs5 .table-container .table-container-cell .button-content .button-column {
  min-width: 6.5rem;
  width: 100% !important;
  padding: 0;
  line-height: unset;
  height: 2rem;
  font-size: 0.875rem;
}

.bs5 .table-container .table-container-cell.status-badge-column {
  display: flex;
  justify-content: center;
}

.bs5 .table-container .table-container-cell .content {
  height: 24px;
  padding: 4px 0;
  flex-grow: 0;
  font-family: IBM Plex Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: right;
}

.bs5 .table-container .table-container-cell .content .link {
  color: var(--link-default-default);
}

.bs5 .table-container .table-container-cell .content .text {
  color: var(--gray-900);
}

.bs5 .table-container .table-container-cell.row-danger {
  background-color: var(--table-row-danger-default);
}

.bs5 .table-container .table-container-cell.row-warning {
  background-color: var(--table-row-warning-default);
}

@media (min-width: 992px) {
  .bs5 .table-container .table-container-header:not(hidden):first-child,
  .bs5 .table-container .table-container-header[hidden] + .bs5 .table-container .table-container-header:not(hidden) {
    padding-left: 1rem !important;
  }
  .bs5 .table-container .table-container-cell:not(hidden):first-child,
  .bs5 .table-container .table-container-cell[hidden] + .table-container-cell:not(hidden) {
    padding-left: 1rem !important;
  }
}
@media (max-width: 1024px) {
  .bs5 table .dxgvHeader_MetropolisBlue [data-bs-toggle=tooltip] {
    display: none;
  }
}
.bs5 .dxgvTable_MetropolisBlue tbody td .link {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: var(--link-default-default);
  text-decoration: underline;
  width: fit-content;
}

.bs5 .min-default-column-size {
  width: auto;
  min-width: 168px;
}

.bs5 .max-default-column-size {
  max-width: 327px;
}

.bs5 .dxgvPreviewRow_MetropolisBlue td.dxgv {
  padding: 8px 16px 12px;
  border-bottom: none;
  height: 20px;
  flex-grow: 1;
  font-family: IBM Plex Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-body-color);
  background-color: var(--table-row-additional);
}

.bs5 tr.dxgvDataRow_MetropolisBlue.dotted-border-bottom {
  border-bottom: var(--table-row-border) dotted;
}

@-moz-document url-prefix() {
  .bs5 .firefox-padding-tab-class {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
  }
}
.bs5 .tab-content-border-x .dxgvTable_MetropolisBlue {
  border-left: solid 1px var(--gray-200);
  border-right: solid 1px var(--gray-200);
}
.bs5 .affiliate-dashboard .card .card-body .table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.bs5 .affiliate-dashboard .card .card-body .table-wrapper > table {
  min-width: 1280px;
}
.bs5 .tab-content-border-top .dxgvTable_MetropolisBlue {
  border-top: solid 1px var(--gray-200);
}

.bs5 .btn {
  background-image: none;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.bs5 .btn span {
  font-size: 16px;
}

/*FIX FOR MIXED VIEWS*/
.bs5 .bs2 .btn {
  display: initial;
}

.bs2 .bs5 .btn-success {
  background-color: #8CBE44;
}

.bs2 .bs5 .btn-success:hover {
  background-color: #77a339;
}

.bs5 button.action-btn {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 5px;
  color: var(--primary);
}

.bs5 .btn-success {
  text-shadow: none;
  color: var(--gray-white);
}

.bs5 .btn-primary {
  color: var(--gray-white) !important;
}

.bs5 .btn-group .btn-outline-light,
.bs5 .btn-group .btn-outline-light:disabled,
.bs5 .btn-group .btn-outline-light:not(:disabled):not(.disabled):active,
.bs5 .btn-group .btn-outline-light:not(:disabled):not(.disabled):focus,
.bs5 .btn-group .btn-outline-light:not(:disabled):not(.disabled):hover {
  border: solid 1px var(--components-generic-border-light);
  line-height: 1.5;
}

.bs5 a.btn-outline-light,
.bs5 .btn-outline-light {
  color: var(--theme-primary) !important;
  border-radius: 1.6px;
  border: solid 1px var(--components-generic-border-medium);
  background-color: var(--components-generic-background-default);
  line-height: 1.43;
  font-weight: 500;
}

.bs5 .btn-outline-light.disabled,
.bs5 .btn-outline-light:disabled {
  opacity: 0.4;
  background-color: var(--components-generic-background-default);
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: var(--components-generic-background-active);
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-outline-light:not(:disabled):not(.disabled):focus {
  box-shadow: 0 0 0 4px rgba(26, 54, 104, 0.4);
  background-color: var(--components-generic-background-active);
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-outline-light:not(:disabled):not(.disabled):hover {
  background-color: var(--components-generic-background-hover);
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-outline-primary {
  border-radius: 0;
  background: var(--white);
}

.bs5 .btn-outline-danger,
.bs5 .btn-outline-danger.disabled,
.bs5 .btn-outline-danger:disabled {
  background-color: var(--meta-canvas-white);
}

.bs5 .btn-light {
  border: 1px solid var(--gray-300) !important;
  border-radius: 2px !important;
}

.bs5 .btn-light:hover {
  background-color: #F6F7F9;
  border-color: #C8C8C8;
}

.bs5 .btn-light:focus,
.bs5 .btn-light.focus {
  background-color: #E8EBF0;
  border-color: #C8C8C8;
  box-shadow: 0px 0px 0px 4px rgba(26, 54, 104, 0.4);
}

.bs5 .btn-light.disabled,
.bs5 .btn-light:disabled {
  background-color: #FFFFFF;
  border-color: #C8C8C8;
  opacity: 0.4;
}

.bs5 .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.bs5 .btn-success.disabled,
.bs5 .btn-success:disabled {
  color: white;
}

.bs5 .btn-outline-light:focus {
  background: var(--gray-200);
  box-shadow: 0px 0px 0px 4px var(--active-shadow-custom);
}

/*SMALL*/
.bs5 .btns-small .btn {
  font-size: 14px !important;
  padding: 4px 8px;
}

.bs5 .btns-small .btn span {
  font-size: 14px;
}

.btn-small {
  font-size: 0.875rem !important;
  padding: 0.3rem 0.5rem;
}

.bs5 .btn-io-sm {
  font-size: 16px !important;
  display: flex !important;
}

/*LINKS AS BUTTONS*/
.bs5 a.btn {
  text-decoration: none !important;
  text-shadow: none;
  background-image: none;
  background-repeat: no-repeat;
}

.bs5 .actions-bar .dropdown-menu button.dropdown-item {
  color: var(--gray-900) !important;
  border: none !important;
  background-color: transparent !important;
  background-image: none;
  outline: none;
  box-shadow: none;
  text-shadow: none;
}

.bs5 .actions-bar .dropdown-menu button.dropdown-item.btn-primary {
  padding: 5px 8px;
}

/*BTN-LINK*/
.bs5 .btn-link-danger {
  vertical-align: middle;
  color: var(--link-danger-default);
  padding: 2px 4.5px;
  border-radius: 1.6px;
  font-size: 15px;
}

.bs5 .btn-link-danger:hover {
  background-color: var(--components-button-custom-danger-hover-background);
}

.bs5 .btn-link-danger:active {
  background-color: var(--components-button-custom-danger-active-background);
}

/*BTN GROUP*/
.bs5 .btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 1.6px;
  -moz-border-radius-topleft: 1.6px;
  border-top-left-radius: 1.6px;
  -webkit-border-bottom-left-radius: 1.6px;
  -moz-border-radius-bottomleft: 1.6px;
  border-bottom-left-radius: 1.6px;
}

.bs5 .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 1.6px;
  -moz-border-radius-topright: 1.6px;
  border-top-right-radius: 1.6px;
  -webkit-border-bottom-right-radius: 1.6px;
  -moz-border-radius-bottomright: 1.6px;
  border-bottom-right-radius: 1.6px;
}

.bs5 .actions-bar.buttons-with-icon .btn {
  padding: 0.338rem;
}

.bs5 .actions-bar.buttons-with-icon .btn i {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1rem;
  line-height: 1.25rem;
}

@media (max-width: 1439px) {
  .bs5 .m-btns-medium button.btn {
    font-size: 16px !important;
    padding: 6px 12px;
  }
  .bs5 .m-btns-medium button.btn span {
    font-size: 16px;
  }
  .bs5 .actions-bar.buttons-with-icon .btn {
    padding: 0.588rem;
  }
  .bs5 .actions-bar.buttons-with-icon .btn i {
    font-size: 1.125rem;
  }
}
/*Btn table-card*/
.bs5 .btn-table-card-details {
  padding: 5px 8px;
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-table-card-details:hover {
  background: var(--components-generic-background-hover);
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 .btn-table-card-details:not(:disabled):not(.disabled):active {
  background: var(----components-generic-background-active);
  border: solid 1px var(--components-generic-border-medium) !important;
}

.bs5 .btn-table-card-details:focus {
  box-shadow: 0 0 0 4px rgba(26, 54, 104, 0.4) !important;
  border: solid 1px var(--components-generic-background-active);
  background-color: var(--components-generic-background-active) !important;
}

@media (max-width: 768px) {
  .bs5 .btn-table-card-details {
    width: 100% !important;
  }
  .bs5 button.btn.plus-btn-medium {
    font-size: 0.9375rem !important;
    padding: 0.485rem 0.718rem;
  }
}
.bs5 .btn-tretiary-success {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: solid 1px var(--components-generic-border-medium);
  background-color: var(--components-generic-background-default);
  color: var(--theme-success) !important;
}

.bs5 .btn-tretiary-success:not(:disabled):hover {
  background-color: var(--components-alert-success-background);
}

.bs5 .btn-tretiary-success:not(:disabled):active {
  background-color: var(--components-alert-success-border);
}

.bs5 .btn-tretiary-success:focus {
  box-shadow: 0 0 0 4px rgba(140, 190, 68, 0.4);
  background-color: var(--components-alert-success-background);
}

.bs5 .btn-tretiary-success-alt {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: solid 1px var(--components-generic-border-medium);
  background-color: var(--theme-success-alt);
  color: var(--components-generic-background-default) !important;
}
.bs5 .btn-tretiary-edit {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: solid 1px var(--components-generic-border-medium);
  background-color: var(--components-generic-background-default) !important;
  color: var(--edit-btn-color) !important;
}

.bs5 .btn-tretiary-danger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: solid 1px var(--components-generic-border-medium);
  background-color: var(--components-generic-background-default);
  color: var(--theme-danger) !important;
}

.bs5 .btn-tretiary-danger--light-border {
  border: solid 1px var(--components-generic-border-light);
}

.bs5 .btn-tretiary-danger:not(:disabled):hover {
  background-color: var(--components-alert-danger-background);
}

.bs5 .btn-tretiary-danger:not(:disabled):active {
  background-color: var(--components-alert-danger-border);
}

.bs5 .btn-tretiary-danger:focus {
  box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.5);
  background-color: var(--components-alert-danger-background);
}

.bs5 .btn-tretiary-danger:disabled {
  opacity: 0.4;
}

.bs5 .btn-group .btn-io {
  padding: 5.4px;
}

.bs5 .btn-group .btn-io i {
  width: 20px;
  height: 20px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .bs5 .btn-group .btn-io {
    padding: 9.4px;
    font-size: 18px;
  }
  .bs5 .btn-group .btn-group .btn-io i {
    font-size: 18px;
  }
  .bs5 .dropdown-menu .btn-primary.dropdown-item.btn-left a {
    line-height: 1.43;
    font-weight: 500;
  }
  .bs5 .actions-bar .dropdown-menu button.dropdown-item.btn-primary {
    padding: 0.25rem 1.5rem;
  }
}
@media (min-width: 992px) {
  .bs5 .btns-lg-medium .btn {
    font-size: 14px !important;
    padding: 4.5px 8px;
  }
}

.bs5 .tooltip-inner {
  border-radius: 0.25rem;
}

.bs5 .tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
  border-style: none;
}

.bs5 .tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs5 .bs-tooltip-top,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-top .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs5 .bs-tooltip-top .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs5 .bs-tooltip-end,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-end .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-end .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs5 .bs-tooltip-bottom,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-bottom .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs5 .bs-tooltip-bottom .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs5 .bs-tooltip-start,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-start .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-start .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.bs5 img.image-with-popover {
  border-radius: 4px;
  width: 100px;
  height: 50px;
}

.bs5 .popover-image {
  background: transparent;
  border: transparent;
  box-shadow: none;
  margin-bottom: -10px !important;
  max-width: fit-content;
}
.bs5 .popover-image .popover-body {
  padding: 2px;
}
.bs5 .popover-image .popover-body img {
  border-radius: 4px;
  width: 300px;
  height: auto;
  box-shadow: 0px 5px 8px -4px black;
}
@media (max-width: 576px) {
  .bs5 .popover-image .popover-body img {
    margin-left: -100px;
  }
}
@media (min-width: 1440px) {
  .bs5 .popover-image .popover-body img {
    width: 300px;
  }
}

:root {
  --border-radius-lg: .15rem;
  --border-radius: .125rem;
  --border-radius-sm: .1rem;
  --btn-border-radius: 0.0625rem;
  --section-header-border-color: #8E8E8E;
  --font-family-sans-serif: IBM Plex Sans;
  --blue: #1A3668;
  --green: #8CBE44;
  --cyan: #24B1CD;
  --primary: #1A3668;
  --lowesBlue: #012169;
  --ronaGray: #627796;
  --secondary: #686C72;
  --link-color: #2168D0;
  --inline-nav-active: #E8EBF0;
  --border-color: var(--gray-200);
  --component-active-bg: #E8EBF0;
  --component-active-color: var(--primary);
  --pagination-color: var(--primary);
  --btn-disabled-opacity: .40;
  --grid-gutter-width: 24px;
  --grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 1280px, xl: 1920px );
  --container-max-widths: ( sm: 576px, md: 720px, lg: 1232px, xl: 1872px );
  /*STYLEGUIDE*/
  --active-shadow-custom: rgba(26, 54, 104, 0.5);
  --rate-6: #c9c538;
  --rate-8: #86b44d;
  --rate-3: #f88844;
  --environment-background-prod: #fdfdfd;
  --theme-primary: #1a3668;
  --theme-secondary: #686c72;
  --theme-success: #8cbe44;
  --theme-danger: #dc3545;
  --theme-warning: #ffc107;
  --theme-info: #24b1cd;
  --theme-dark: #212529;
  --theme-light: #fbfbfc;
  --gray-white: #fff;
  --light-gray: #FBFBFB;
  --gray-25: #FAFAFA;
  --gray-75: #f1f1f1;
  --gray-50: #f6f6f6;
  --gray-100: #ededed;
  --gray-125: #e8e8e8;
  --gray-150: #e4e4e4;
  --gray-200: #dbdbdb;
  --gray-250: #d1d1d1;
  --gray-350: #bfbfbf;
  --gray-400: #b6b6b6;
  --gray-450: #adadad;
  --gray-500: #a4a4a4;
  --gray-600: #838383;
  --gray-650: #737373;
  --gray-700: #626262;
  --gray-300: #c8c8c8;
  --gray-800: #424242;
  --gray-900: #212121;
  --body-text-body-color: #212121;
  --gray-black: #000;
  --body-text-success: #70a331;
  --body-text-danger: #dc3545;
  --body-text-muted: #626262;
  --link-default-default: #2168d0;
  --link-default-hover: #1e5ebb;
  --link-danger-default: #dc3545;
  --link-danger-hover: #b02a37;
  --link-success-default: #70a331;
  --blue-link-100: #bcdfff;
  --blue-link-300: #64b8ff;
  --blue-link-200: #91cdff;
  --blue-link-400: #41a8ff;
  --blue-link-500: #219aff;
  --blue-link-600: #238bf6;
  --blue-link-700: #2278e2;
  --blue-link-800: #2167d0;
  --blue-link-900: #1e48b1;
  --indigo-primary-100: #bfc9da;
  --link-success-hover: #568822;
  --indigo-primary-200: #97a6c1;
  --indigo-primary-300: #6f83a8;
  --indigo-primary-400: #506997;
  --indigo-primary-500: #305188;
  --indigo-primary-600: #294980;
  --indigo-primary-700: #214075;
  --indigo-primary-800: #1a3668;
  --indigo-primary-900: #112650;
  --purple-100: #e2d9f3;
  --purple-200: #c5b3e6;
  --purple-300: #a98eda;
  --purple-500: #6f42c1;
  --purple-400: #8c68cd;
  --purple-700: #432874;
  --purple-600: #59359a;
  --purple-800: #2c1a4d;
  --purple-900: #160d27;
  --pink-200: #efadce;
  --pink-100: #f7d6e6;
  --pink-300: #e685b5;
  --pink-400: #de5c9d;
  --pink-500: #d63384;
  --pink-600: #ab296a;
  --pink-700: #801f4f;
  --pink-800: #561435;
  --red-danger-100: #f8d7da;
  --pink-900: #2b0a1a;
  --red-danger-200: #f1aeb5;
  --red-danger-300: #ea868f;
  --red-danger-400: #e35d6a;
  --red-danger-500: #dc3545;
  --red-danger-600: #b02a37;
  --red-danger-700: #842029;
  --red-danger-800: #58151c;
  --red-danger-900: #2c0b0e;
  --orange-200: #fecba1;
  --orange-100: #ffe5d0;
  --orange-400: #fd9843;
  --orange-300: #feb272;
  --orange-500: #fd7e14;
  --orange-600: #ca6510;
  --orange-800: #653208;
  --orange-700: #984c0c;
  --orange-900: #331904;
  --yellow-warning-200: #ffe69c;
  --yellow-warning-100: #fff3cd;
  --yellow-warning-300: #ffda6a;
  --yellow-warning-400: #ffcd39;
  --yellow-warning-500: #ffc107;
  --yellow-warning-600: #cc9a06;
  --yellow-warning-800: #664d03;
  --yellow-warning-700: #997404;
  --yellow-warning-900: #332701;
  --green-success-200: #c5dea2;
  --green-success-300: #aed17d;
  --green-success-500: #8cbe44;
  --green-success-400: #9cc860;
  --green-success-600: #70a331;
  --green-success-700: #568822;
  --green-success-800: #3e6e15;
  --teal-100: #d2f4ea;
  --green-success-900: #2e5b0d;
  --teal-200: #a6e9d5;
  --teal-300: #79dfc1;
  --green-success-100: #dcebc6;
  --teal-500: #20c997;
  --teal-600: #1aa179;
  --teal-400: #4dd4ac;
  --teal-700: #13795b;
  --teal-800: #0d503c;
  --cyan-info-300: #6edff6;
  --cyan-info-100: #cff4fc;
  --cyan-info-200: #9eeaf9;
  --teal-900: #06281e;
  --cyan-info-400: #3dd5f3;
  --cyan-info-500: #0dcaf0;
  --cyan-info-800: #055160;
  --cyan-info-600: #0aa2c0;
  --cyan-info-700: #087990;
  --placeholder-image: #f8f9fa;
  --cyan-info-900: #032830;
  --placeholder-avatar: #fff;
  --components-generic-border-extra-dark: #a4a4a4;
  --components-generic-border-medium: #c8c8c8;
  --components-generic-border-dark: #b6b6b6;
  --components-generic-border-light: #e4e4e4;
  --components-generic-border-extra-light: #ededed;
  --components-generic-background-default: #fff;
  --components-generic-background-pressed: #edeff3;
  --components-generic-background-active: #e8ebf0;
  --components-generic-text-disabled: #a4a4a4;
  --components-accordion-border: #c8c8c8;
  --components-accordion-active-item-header-background: rgba(26, 54, 104, 0.05);
  --components-generic-background-hover: #f6f7f9;
  --components-accordion-active-item-header-text-color: #1a3668;
  --components-alert-primary-background: #d1d7e1;
  --components-alert-primary-border: #c0c9d6;
  --components-alert-secondary-text: #41464b;
  --components-alert-secondary-background: #e2e3e5;
  --components-alert-secondary-border: #d3d6d8;
  --components-alert-success-background: #e8f2da;
  --components-alert-primary-text: #0e1c36;
  --components-alert-success-border: #dfedcb;
  --components-alert-danger-text: #842029;
  --components-alert-danger-background: #f8d7da;
  --components-alert-danger-border: #f5c2c7;
  --components-alert-success-text: #486323;
  --components-alert-warning-text: #856305;
  --components-alert-warning-background: #fff2cd;
  --components-alert-warning-border: #ffeeba;
  --components-alert-info-text: #005057;
  --components-alert-info-background: #cdebee;
  --components-alert-info-border: #b8e3e7;
  --components-alert-light-text: #636464;
  --components-alert-light-background: #fefefe;
  --components-alert-light-border: #fdfdfe;
  --components-alert-dark-text: #141619;
  --components-alert-dark-background: #d3d3d4;
  --components-alert-dark-border: #bcbebf;
  /* 1.4 */
  /* Section */
  --component-hover-bg: var(--gray-75);
  --component-active-bg: #DCEAFE;
  --component-active-hover-bg: #CEE1FD;
  --component-active-border-color: #04347C;
  /* ------- */
  --components-button-primary-background-hovered: #132950;
  --components-button-primary-background-active: #112549;
  --components-button-primary-border-hovered: #13284e;
  --components-button-primary-border-active: #112449;
  --components-button-success-background-hovered: #6f9b34;
  --components-button-success-background-active: #66902e;
  --components-button-success-border-hovered: #6b9432;
  --components-button-success-border-active: #648a2f;
  --components-button-danger-background-active: #b02a37;
  --components-button-danger-background-hovered: #bb2d3b;
  --components-button-danger-border-hovered: #b02a37;
  --components-button-danger-border-active: #a52834;
  --components-button-warning-background-hover: #ffc720;
  --components-button-warning-border-hover: #ffca2c;
  --components-button-info-background-hovered: #1f95ac;
  --components-button-warning-border-active: #ffc720;
  --components-button-info-background-active: #1c8ca2;
  --components-button-info-border-hovered: #1c8ca2;
  --components-button-info-border-active: #1a8297;
  --components-checkbox-focused-border: #86b7fe;
  --components-checkbox-border: #c8c8c8;
  --components-dropdowns-border: #b6b6b6;
  --components-divider-divider-background: #e5e5e5;
  --components-navs-tabs-toggle-border: rgba(30, 52, 107, 0.1);
  --components-toasts-background: rgba(255, 255, 255, 0.85);
  --components-popover-header-background: #ededed;
  --components-toasts-border: #e5e5e5;
  --components-card-caption-background: rgba(0, 0, 0, 0.03);
  --components-range-slider-background: #dee2e6;
  --components-rate-2: #eb6144;
  --components-rate-4: #fea530;
  --components-rate-3: #f88844;
  --components-button-warning-background-active: #ffcd39;
  --components-rate-6: #c9c538;
  --components-rate-7: #9fc85f;
  --components-rate-8: #86b44d;
  --components-rate-9: #6c9c36;
  --components-modal-screen-background: rgba(0, 0, 0, 0.2);
  --components-form-focused-border: #86b7fe;
  --components-form-label: #626262;
  --components-form-input-text-placeholder: #a4a4a4;
  --components-form-input-text-default: #212121;
  --components-form-input-text-disabled: #626262;
  --components-form-input-background-default: #fff;
  --components-form-input-background-disabled: #fff;
  --components-form-input-border-default: #dbdbdb;
  --components-form-input-border-invalid: #ca2333;
  --components-form-input-border-warning: #a67d05;
  --components-form-form-text-default: #626262;
  --components-form-form-text-invalid: #ca2333;
  --components-form-form-text-form-feedback-invalid-color: #dc3545;
  --components-button-custom-danger-hover-background: #DC35450D;
  --components-button-custom-danger-active-background: #DC35451A;
  --table-border: #c8c8c8;
  --components-button-custom-danger-hover-background: #DC35450D;
  --components-button-custom-danger-active-background: #DC35451A;
  --table-row-odd-default: rgba(0, 0, 0, 0.01);
  --table-row-border: #e4e4e4;
  --table-row-selected: rgba(26, 54, 104, 0.06);
  --table-row-transparent-hover: rgba(0, 0, 0, 0.03);
  --table-row-success-default: rgba(140, 190, 68, 0.15);
  --table-row-success-hover: rgba(140, 190, 68, 0.15);
  --table-row-danger-default: rgba(220, 53, 69, 0.15);
  --table-row-danger-hover: rgba(220, 53, 69, 0.15);
  --table-header-background: #f1f1f1;
  --table-header-text: #626262;
  --table-header-border: #212121;
  --status-blue: #238bf6;
  --status-red: #dc3545;
  --status-green: #8cbe44;
  --status-black: #212121;
  --containers-section-header-background: #e8e8e8;
  --containers-section-body-background: #f1f1f1;
  --meta-color-base: #a3c8e3;
  --meta-canvas: #f1f1f1;
  --meta-canvas-white: #fff;
  --meta-border: #00b2ad;
  --meta-body: #00b2ad;
  --meta-canvas-border: #9747ff;
  --meta-canvas-base: #f4f0ff;
  --link-default-default: #2168d0;
  --bordered-checkbox-hovered: #FAFBFC;
  --bordered-checkbox-pressed: #F1F3F6;
  --link-blue-default-default: #1f65ce;
  /* FONT WEIGHT*/
  --body-md-medium: 500;
  /* CUSTOM */
  --table-row-success-selected: #E1EADC;
  --table-row-danger-selected: #EDD7DC;
  --table-row-warning-default: rgba(255, 193, 7, 0.15);
  /*TWISTER DASHBOARD*/
  --follow-up: #1f65ce;
  --symbol-info: #0791af;
  --info-current: rgb(26, 54, 104);
  --modal-apply-background: rgb(248, 215, 218);
  --twister-scroll-black: #252525;
  --table-row-additional: #fdfdfd;
  --containers-section-border: #b6b6b6;
  --pill-hover-indicator: #1A366840;
  --edit-btn-color: #214ACD;
  --theme-danger-alt: #B71A29;
  --theme-success-alt: #4F6F27;
  --input-readonly-border-color: #E4E4E4;
  --input-error-bg: #F2D9D8;
  --violet-alt: #6b4d9a;
  --twister-grid-icon-size: 14px;
}

:root {
  --border-radius-lg: .15rem;
  --border-radius: .125rem;
  --border-radius-sm: .1rem;
  --btn-border-radius: 0.0625rem;
  --section-header-border-color: #8E8E8E;
  --font-family-sans-serif: IBM Plex Sans;
  --blue: #1A3668;
  --green: #8CBE44;
  --cyan: #24B1CD;
  --primary: #1A3668;
  --lowesBlue: #012169;
  --ronaGray: #627796;
  --secondary: #686C72;
  --link-color: #2168D0;
  --inline-nav-active: #E8EBF0;
  --border-color: var(--gray-200);
  --component-active-bg: #E8EBF0;
  --component-active-color: var(--primary);
  --pagination-color: var(--primary);
  --btn-disabled-opacity: .40;
  --grid-gutter-width: 24px;
  --grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 1280px, xl: 1920px );
  --container-max-widths: ( sm: 576px, md: 720px, lg: 1232px, xl: 1872px );
  /*STYLEGUIDE*/
  --active-shadow-custom: rgba(26, 54, 104, 0.5);
  --rate-6: #c9c538;
  --rate-8: #86b44d;
  --rate-3: #f88844;
  --environment-background-prod: #fdfdfd;
  --theme-primary: #1a3668;
  --theme-secondary: #686c72;
  --theme-success: #8cbe44;
  --theme-danger: #dc3545;
  --theme-warning: #ffc107;
  --theme-info: #24b1cd;
  --theme-dark: #212529;
  --theme-light: #fbfbfc;
  --gray-white: #fff;
  --light-gray: #FBFBFB;
  --gray-25: #FAFAFA;
  --gray-75: #f1f1f1;
  --gray-50: #f6f6f6;
  --gray-100: #ededed;
  --gray-125: #e8e8e8;
  --gray-150: #e4e4e4;
  --gray-200: #dbdbdb;
  --gray-250: #d1d1d1;
  --gray-350: #bfbfbf;
  --gray-400: #b6b6b6;
  --gray-450: #adadad;
  --gray-500: #a4a4a4;
  --gray-600: #838383;
  --gray-650: #737373;
  --gray-700: #626262;
  --gray-300: #c8c8c8;
  --gray-800: #424242;
  --gray-900: #212121;
  --body-text-body-color: #212121;
  --gray-black: #000;
  --body-text-success: #70a331;
  --body-text-danger: #dc3545;
  --body-text-muted: #626262;
  --link-default-default: #2168d0;
  --link-default-hover: #1e5ebb;
  --link-danger-default: #dc3545;
  --link-danger-hover: #b02a37;
  --link-success-default: #70a331;
  --blue-link-100: #bcdfff;
  --blue-link-300: #64b8ff;
  --blue-link-200: #91cdff;
  --blue-link-400: #41a8ff;
  --blue-link-500: #219aff;
  --blue-link-600: #238bf6;
  --blue-link-700: #2278e2;
  --blue-link-800: #2167d0;
  --blue-link-900: #1e48b1;
  --indigo-primary-100: #bfc9da;
  --link-success-hover: #568822;
  --indigo-primary-200: #97a6c1;
  --indigo-primary-300: #6f83a8;
  --indigo-primary-400: #506997;
  --indigo-primary-500: #305188;
  --indigo-primary-600: #294980;
  --indigo-primary-700: #214075;
  --indigo-primary-800: #1a3668;
  --indigo-primary-900: #112650;
  --purple-100: #e2d9f3;
  --purple-200: #c5b3e6;
  --purple-300: #a98eda;
  --purple-500: #6f42c1;
  --purple-400: #8c68cd;
  --purple-700: #432874;
  --purple-600: #59359a;
  --purple-800: #2c1a4d;
  --purple-900: #160d27;
  --pink-200: #efadce;
  --pink-100: #f7d6e6;
  --pink-300: #e685b5;
  --pink-400: #de5c9d;
  --pink-500: #d63384;
  --pink-600: #ab296a;
  --pink-700: #801f4f;
  --pink-800: #561435;
  --red-danger-100: #f8d7da;
  --pink-900: #2b0a1a;
  --red-danger-200: #f1aeb5;
  --red-danger-300: #ea868f;
  --red-danger-400: #e35d6a;
  --red-danger-500: #dc3545;
  --red-danger-600: #b02a37;
  --red-danger-700: #842029;
  --red-danger-800: #58151c;
  --red-danger-900: #2c0b0e;
  --orange-200: #fecba1;
  --orange-100: #ffe5d0;
  --orange-400: #fd9843;
  --orange-300: #feb272;
  --orange-500: #fd7e14;
  --orange-600: #ca6510;
  --orange-800: #653208;
  --orange-700: #984c0c;
  --orange-900: #331904;
  --yellow-warning-200: #ffe69c;
  --yellow-warning-100: #fff3cd;
  --yellow-warning-300: #ffda6a;
  --yellow-warning-400: #ffcd39;
  --yellow-warning-500: #ffc107;
  --yellow-warning-600: #cc9a06;
  --yellow-warning-800: #664d03;
  --yellow-warning-700: #997404;
  --yellow-warning-900: #332701;
  --green-success-200: #c5dea2;
  --green-success-300: #aed17d;
  --green-success-500: #8cbe44;
  --green-success-400: #9cc860;
  --green-success-600: #70a331;
  --green-success-700: #568822;
  --green-success-800: #3e6e15;
  --teal-100: #d2f4ea;
  --green-success-900: #2e5b0d;
  --teal-200: #a6e9d5;
  --teal-300: #79dfc1;
  --green-success-100: #dcebc6;
  --teal-500: #20c997;
  --teal-600: #1aa179;
  --teal-400: #4dd4ac;
  --teal-700: #13795b;
  --teal-800: #0d503c;
  --cyan-info-300: #6edff6;
  --cyan-info-100: #cff4fc;
  --cyan-info-200: #9eeaf9;
  --teal-900: #06281e;
  --cyan-info-400: #3dd5f3;
  --cyan-info-500: #0dcaf0;
  --cyan-info-800: #055160;
  --cyan-info-600: #0aa2c0;
  --cyan-info-700: #087990;
  --placeholder-image: #f8f9fa;
  --cyan-info-900: #032830;
  --placeholder-avatar: #fff;
  --components-generic-border-extra-dark: #a4a4a4;
  --components-generic-border-medium: #c8c8c8;
  --components-generic-border-dark: #b6b6b6;
  --components-generic-border-light: #e4e4e4;
  --components-generic-border-extra-light: #ededed;
  --components-generic-background-default: #fff;
  --components-generic-background-pressed: #edeff3;
  --components-generic-background-active: #e8ebf0;
  --components-generic-text-disabled: #a4a4a4;
  --components-accordion-border: #c8c8c8;
  --components-accordion-active-item-header-background: rgba(26, 54, 104, 0.05);
  --components-generic-background-hover: #f6f7f9;
  --components-accordion-active-item-header-text-color: #1a3668;
  --components-alert-primary-background: #d1d7e1;
  --components-alert-primary-border: #c0c9d6;
  --components-alert-secondary-text: #41464b;
  --components-alert-secondary-background: #e2e3e5;
  --components-alert-secondary-border: #d3d6d8;
  --components-alert-success-background: #e8f2da;
  --components-alert-primary-text: #0e1c36;
  --components-alert-success-border: #dfedcb;
  --components-alert-danger-text: #842029;
  --components-alert-danger-background: #f8d7da;
  --components-alert-danger-border: #f5c2c7;
  --components-alert-success-text: #486323;
  --components-alert-warning-text: #856305;
  --components-alert-warning-background: #fff2cd;
  --components-alert-warning-border: #ffeeba;
  --components-alert-info-text: #005057;
  --components-alert-info-background: #cdebee;
  --components-alert-info-border: #b8e3e7;
  --components-alert-light-text: #636464;
  --components-alert-light-background: #fefefe;
  --components-alert-light-border: #fdfdfe;
  --components-alert-dark-text: #141619;
  --components-alert-dark-background: #d3d3d4;
  --components-alert-dark-border: #bcbebf;
  /* 1.4 */
  /* Section */
  --component-hover-bg: var(--gray-75);
  --component-active-bg: #DCEAFE;
  --component-active-hover-bg: #CEE1FD;
  --component-active-border-color: #04347C;
  /* ------- */
  --components-button-primary-background-hovered: #132950;
  --components-button-primary-background-active: #112549;
  --components-button-primary-border-hovered: #13284e;
  --components-button-primary-border-active: #112449;
  --components-button-success-background-hovered: #6f9b34;
  --components-button-success-background-active: #66902e;
  --components-button-success-border-hovered: #6b9432;
  --components-button-success-border-active: #648a2f;
  --components-button-danger-background-active: #b02a37;
  --components-button-danger-background-hovered: #bb2d3b;
  --components-button-danger-border-hovered: #b02a37;
  --components-button-danger-border-active: #a52834;
  --components-button-warning-background-hover: #ffc720;
  --components-button-warning-border-hover: #ffca2c;
  --components-button-info-background-hovered: #1f95ac;
  --components-button-warning-border-active: #ffc720;
  --components-button-info-background-active: #1c8ca2;
  --components-button-info-border-hovered: #1c8ca2;
  --components-button-info-border-active: #1a8297;
  --components-checkbox-focused-border: #86b7fe;
  --components-checkbox-border: #c8c8c8;
  --components-dropdowns-border: #b6b6b6;
  --components-divider-divider-background: #e5e5e5;
  --components-navs-tabs-toggle-border: rgba(30, 52, 107, 0.1);
  --components-toasts-background: rgba(255, 255, 255, 0.85);
  --components-popover-header-background: #ededed;
  --components-toasts-border: #e5e5e5;
  --components-card-caption-background: rgba(0, 0, 0, 0.03);
  --components-range-slider-background: #dee2e6;
  --components-rate-2: #eb6144;
  --components-rate-4: #fea530;
  --components-rate-3: #f88844;
  --components-button-warning-background-active: #ffcd39;
  --components-rate-6: #c9c538;
  --components-rate-7: #9fc85f;
  --components-rate-8: #86b44d;
  --components-rate-9: #6c9c36;
  --components-modal-screen-background: rgba(0, 0, 0, 0.2);
  --components-form-focused-border: #86b7fe;
  --components-form-label: #626262;
  --components-form-input-text-placeholder: #a4a4a4;
  --components-form-input-text-default: #212121;
  --components-form-input-text-disabled: #626262;
  --components-form-input-background-default: #fff;
  --components-form-input-background-disabled: #fff;
  --components-form-input-border-default: #dbdbdb;
  --components-form-input-border-invalid: #ca2333;
  --components-form-input-border-warning: #a67d05;
  --components-form-form-text-default: #626262;
  --components-form-form-text-invalid: #ca2333;
  --components-form-form-text-form-feedback-invalid-color: #dc3545;
  --components-button-custom-danger-hover-background: #DC35450D;
  --components-button-custom-danger-active-background: #DC35451A;
  --table-border: #c8c8c8;
  --components-button-custom-danger-hover-background: #DC35450D;
  --components-button-custom-danger-active-background: #DC35451A;
  --table-row-odd-default: rgba(0, 0, 0, 0.01);
  --table-row-border: #e4e4e4;
  --table-row-selected: rgba(26, 54, 104, 0.06);
  --table-row-transparent-hover: rgba(0, 0, 0, 0.03);
  --table-row-success-default: rgba(140, 190, 68, 0.15);
  --table-row-success-hover: rgba(140, 190, 68, 0.15);
  --table-row-danger-default: rgba(220, 53, 69, 0.15);
  --table-row-danger-hover: rgba(220, 53, 69, 0.15);
  --table-header-background: #f1f1f1;
  --table-header-text: #626262;
  --table-header-border: #212121;
  --status-blue: #238bf6;
  --status-red: #dc3545;
  --status-green: #8cbe44;
  --status-black: #212121;
  --containers-section-header-background: #e8e8e8;
  --containers-section-body-background: #f1f1f1;
  --meta-color-base: #a3c8e3;
  --meta-canvas: #f1f1f1;
  --meta-canvas-white: #fff;
  --meta-border: #00b2ad;
  --meta-body: #00b2ad;
  --meta-canvas-border: #9747ff;
  --meta-canvas-base: #f4f0ff;
  --link-default-default: #2168d0;
  --bordered-checkbox-hovered: #FAFBFC;
  --bordered-checkbox-pressed: #F1F3F6;
  --link-blue-default-default: #1f65ce;
  /* FONT WEIGHT*/
  --body-md-medium: 500;
  /* CUSTOM */
  --table-row-success-selected: #E1EADC;
  --table-row-danger-selected: #EDD7DC;
  --table-row-warning-default: rgba(255, 193, 7, 0.15);
  /*TWISTER DASHBOARD*/
  --follow-up: #1f65ce;
  --symbol-info: #0791af;
  --info-current: rgb(26, 54, 104);
  --modal-apply-background: rgb(248, 215, 218);
  --twister-scroll-black: #252525;
  --table-row-additional: #fdfdfd;
  --containers-section-border: #b6b6b6;
  --pill-hover-indicator: #1A366840;
  --edit-btn-color: #214ACD;
  --theme-danger-alt: #B71A29;
  --theme-success-alt: #4F6F27;
  --input-readonly-border-color: #E4E4E4;
  --input-error-bg: #F2D9D8;
  --violet-alt: #6b4d9a;
  --twister-grid-icon-size: 14px;
}

body {
  height: unset !important;
  line-height: 1.25rem;
}

.bs5 {
  font-size: 1rem;
}

.bs5 a {
  text-decoration: underline !important;
}

.bs5 li a,
.bs5 label a,
.bs5 button a,
.bs5 a.no-underline {
  text-decoration: none !important;
}

.bs5 .highlighted-link,
.bs5 a.highlighted-link {
  color: var(--link-color);
  cursor: pointer;
}

.bs5 .input-row .input-label .highlighted-link {
  text-decoration: underline !important;
}

.bs5 button a,
.bs5 button a:hover {
  color: inherit;
}

.bs5 .fade.show {
  opacity: unset;
}

.bs5 .show {
  display: block;
}

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

.bs5 .fs-9 {
  font-size: 0.625rem;
}

.bs5 .red {
  color: #b02a37;
}

.bs5 .green {
  color: var(--green);
}

.bs5 .gray-600 {
  color: var(--gray-600);
}

.bs5 .color-muted {
  color: var(--body-text-muted);
}

.bs5 .fw-500 {
  font-weight: 500;
}

.bs5 .fw-600 {
  font-weight: 600;
}

.bs5 .custom-header {
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: 0.14px;
  color: #7a7a7a;
  text-transform: uppercase;
}

.bs5 .custom-header-color {
  color: #7a7a7a;
}

.bs5 .col-header {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--body-text-muted);
  border-bottom: 1px solid var(--components-generic-border-light);
  text-transform: uppercase;
  padding-bottom: 0.375rem;
  margin-bottom: 0.25rem;
  line-height: 1rem;
}

.bs5 .empty-table-centered {
  color: var(--gray-600);
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  /*set min-height if necessary individually as style*/
}

.bs5 .flex-grow-2 {
  flex-grow: 2;
}

.pl-04 {
  padding-left: 0.4rem !important;
}

.pr-04 {
  padding-right: 0.4rem !important;
}

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

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

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

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

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

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

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-2-5 {
  row-gap: 0.75rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-4-5 {
  row-gap: 2rem !important;
}

.col-gap-2 {
  column-gap: 0.5rem !important;
}

.col-gap-2-5 {
  column-gap: 0.75rem !important;
}

.col-gap-3 {
  column-gap: 1rem !important;
}

.col-gap-4 {
  column-gap: 1.5rem !important;
}

.col-gap-4-5 {
  column-gap: 2rem !important;
}

.col-gap-6 {
  column-gap: 3rem !important;
}

.bg-gray-100 {
  background-color: var(--gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--gray-500) !important;
}

.bg-gray-700 {
  background-color: var(--gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--gray-900) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.version-footer {
  background-color: inherit !important;
}

.bs5 .h-6 {
  height: 6rem;
}

.bs5 .pl-4-5 {
  padding-left: 2rem !important;
}

.bs5 .version {
  color: #d1d0cf;
}

.bs5 .version .number {
  margin: 0;
}

.bs5 .collapse {
  height: initial;
}

.bs5 .collapse:not(.show) {
  display: none !important;
}

.overflow {
  overflow: auto;
}

.afm-field-group-title {
  display: table;
}

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

.dxpc-mainDiv {
  transform: translate(0, 62px);
}

#PopupTwisterDashboardEstimators_PW-1 .dxpc-mainDiv {
  transform: none;
}

.dxpcDropDown_MetropolisBlue .dxpc-mainDiv {
  transform: none;
}

.bs5 .card-w {
  width: 26.375rem;
}

.flex-wrap-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bs5 .shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.bs5 .badge {
  border-radius: 100px;
  color: var(--gray-800);
  background-color: var(--gray-200);
  font-weight: 500;
  text-shadow: none;
}

.bs5 .actions-bar {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.bs5 .actions-bar .left,
.bs5 .actions-bar .right {
  display: flex;
  gap: 0.5rem;
}
.bs5 .actions-bar.bottom-merge-with-grid-pager {
  margin-top: -3.5rem;
}

.bs5 .bs2 .actions-bar {
  display: block;
}

.bs5 .flex-direction-m .input-row {
  flex-direction: row !important;
}

.bs5 .xl-w-600-s-w-100 {
  max-width: 37.5rem;
  width: 100%;
}

.bs5 div.labelAsTable {
  width: 100%;
  border: solid 1px var(--gray-200);
  border-collapse: collapse;
}

.bs5 div.labelAsTable p,
.bs5 div.labelAsTable label {
  margin: 0 !important;
  padding: 0.563rem 0.5rem !important;
}

.bs5 div.labelAsTable p {
  text-align: start !important;
  width: 100% !important;
  border-right: 0;
}

.bs5 div.labelAsTable p b {
  font-weight: normal !important;
}

.bs5 div.labelAsTable label {
  border-left: solid 1px var(--gray-200);
}

.bs5 .rounded-1-top {
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
}

/* HORIZONTAL LINE WITH WORD INSIDE */
.bs5 .separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: none !important;
}

.bs5 .separator::before,
.bs5 .separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bs5 .separator:not(:empty)::before {
  margin-right: 0.25em;
}

.bs5 .separator:not(:empty)::after {
  margin-left: 0.25em;
}

.bs5 .small-text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-muted);
}
.bs5 .column-user-padding {
  padding: 14px 12px;
  cursor: pointer;
}
.bs5 hr.line {
  border-color: var(--gray-200);
  margin-top: 0;
  margin-bottom: 0;
}
.bs5 .affiliate-store-dashboard-container-topsearch {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100%);
  padding: 0;
}
.bs5 .affiliate-store-dashboard-container-topsearch div label {
  margin: 0px;
  font-size: 0.75rem;
  padding: 0px 0px 4px 0px;
  color: var(--components-form-label, #626262);
}
.bs5 .affiliate-store-dashboard-container-topsearch div select {
  font-size: 0.875rem;
}
@media (min-width: 407px) {
  .bs5 .affiliate-store-dashboard-container-topsearch {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 0 0.75rem 2rem 0.75rem;
  }
}
@media (min-width: 1055px) {
  .bs5 .affiliate-store-dashboard-container-topsearch {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    padding: 0 0.75rem 2rem 0.75rem;
  }
}
@media (hover: none) {
  .bs5 .affiliate-store-dashboard-container-topsearch div select {
    font-size: 1rem;
    height: 40px;
  }
}

.bs5 .affiliate-dashboard-container-topsearch {
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.bs5 .labelStore {
  color: var(--gray-250);
}

.bs5 .dashboard-section:first-child {
  margin: 0 0.75rem 0 0.75rem;
}

.bs5 .affiliate-dashboard-container-topsearch {
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.bs5 .labelStore {
  color: var(--gray-250);
}

.bs5 .dashboard-section:first-child {
  margin: 0 0.75rem 0 0.75rem;
}

.bs5 .fix-max-width-1920 {
  max-width: 64rem;
}

@media (min-width: 1920px) {
  .bs5 .xl-col-gap-6 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1280px) {
  .bs5 .row-cols-md-2 > * {
    max-width: 100% !important;
  }
  .bs5 .lg-w-100 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .bs5 .affiliate-dashboard-container-topsearch {
    display: grid;
    grid-template-columns: repeat(auto-fit, 100%);
    gap: 1.5rem;
    margin: 0 0.75rem 2rem 0.75rem;
  }
  .bs5 .row-cols-md-2 > * {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .bs5 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .bs5 .m-p-0 {
    padding: 0 !important;
  }
  .bs5 .m-pl-0,
  .bs5 .m-px-0 {
    padding-left: 0 !important;
  }
  .bs5 .m-pr-0,
  .bs5 .m-px-0 {
    padding-right: 0 !important;
  }
  .bs5 .m-px-2-5,
  .bs5 .m-pl-2-5 {
    padding-left: 0.75rem !important;
  }
  .bs5 .m-px-2-5,
  .bs5 .m-pr-2-5 {
    padding-right: 0.75rem !important;
  }
  .bs5 .m-m-0 {
    margin: 0 !important;
  }
  .bs5 .m-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .bs5 .m-justify-content-between {
    justify-content: space-between !important;
  }
  .bs5 .card-w {
    width: 100%;
  }
  .wo-clone-modal,
  .modal {
    margin-left: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-width: unset !important;
  }
  .afm-content {
    overflow: auto;
  }
  .form-details {
    margin: 0;
  }
  .bs5 .m-w-100 {
    width: 100% !important;
  }
  .bs5 .m-d-none {
    display: none !important;
  }
  .bs5 .m-d-block {
    display: block !important;
  }
  .bs5 .xl-w-600-s-w-100 {
    width: 100%;
    max-width: unset;
  }
  .bs5 .m-d-none {
    display: none !important;
  }
  .bs5 .m-d-block {
    display: block !important;
  }
  .bs5 .flex-direction-m .input-row {
    flex-direction: column !important;
  }
  .bs5 .sm-w-100 {
    width: 100% !important;
  }
}
@media (max-width: 540px) {
  .pl-xs-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 576px) {
  .xs-w-100 {
    width: 100%;
  }
}
@media print {
  .content-container {
    overflow-x: hidden !important;
  }
  a:link {
    text-decoration: none !important;
  }
  a[href]:after {
    content: none;
  }
}
/*ADJUSTMENTS FOR OLD VIEWS*/
.non-jet-user .centered-row {
    top: 0;
    text-align: center;
    position: initial;
    margin-top: 30px;
    font-size: larger;
}

.non-jet-user a.centered-link {
    display: block;
    padding: 5px;
    text-decoration: none;
}

#global-toast-container {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

    #global-toast-container .alert {
        pointer-events: auto;
    }

.save-template-validation-container {
    min-height: 34px;
}

.bs5 .bs2 .nav-tabs > li > a.active {
  background: var(--primary);
  color: var(--gray-white);
}

.bs5 #PopupComments_PW-1 textarea {
  padding: 0.438rem 0.813rem;
}

.bs5 .radio-table-header {
  color: var(--components-form-label);
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 0.3rem;
}

@media (min-width: 992px) {
  .bs5 .mw-lg-320 {
    max-width: 20rem;
  }
}
.bs5 .dropdown-menu .dropdown-item.highlighted-error {
  color: var(--body-text-danger);
}

.bs5 .dropdown-menu .dropdown-item.highlighted-optional {
  color: var(--body-text-success);
}

.bs5 .toggle-info {
  color: var(--symbol-info);
}

.bs5 .toggle-info--small {
  color: var(--symbol-info);
  width: 12px;
  height: 12px;
}

.bs5 .two-line-ellipsis {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.bs5 .one-line-ellipsis {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
}

.bs5 .check-circle-fill-success {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2362952d" class="bi bi-check-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/> </svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.bs5 .custom-label {
  flex-grow: 0;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  display: flex;
  align-items: center;
  color: var(--body-text-muted);
}

.bs5 .custom-label.text {
  font-weight: normal;
  color: var(--body-text-body-color);
}

.bs5 .form-check-group {
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--gray-white);
}

.bs5 .form-check-group .form-check {
  border-bottom: solid 1px var(--components-generic-border-extra-light);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
  padding-left: 2rem;
}

.bs5 .form-check-group .form-check:last-child {
  border-bottom: unset;
}

.bs5 .form-check-group .form-check .form-check-label {
  padding-left: 0.5rem;
  line-height: 1.5;
}

.bs5 .blue-link {
  font-family: IBM Plex Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: var(--link-blue-default-default);
  text-decoration: none !important;
}

.bs5 .blue-link span {
  color: var(--gray-400);
  font-size: 14px;
  line-height: 1.14;
}

.bs5 .body-md-medium {
  line-height: 1.5;
  font-size: 16px;
  color: var(--body-text-body-color);
  font-weight: var(--body-md-medium);
  font-family: IBM Plex Sans;
}

.bs5 .tooltip-inner {
  border-radius: 0.25rem;
}

/* bs5 tooltip arrow */
.bs5 .tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
  border-style: none;
}

.bs5 .tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs5 .loader-container {
  padding-right: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.bs5 .bs-tooltip-top,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-top .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs5 .bs-tooltip-top .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs5 .bs-tooltip-end,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-end .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-end .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs5 .bs-tooltip-bottom,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs5 .bs-tooltip-bottom .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs5 .bs-tooltip-bottom .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs5 .bs-tooltip-start,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}

.bs5 .bs-tooltip-start .tooltip-arrow,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs5 .bs-tooltip-start .tooltip-arrow::before,
.bs5 .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

@-moz-document url-prefix() {
  .bs5 .firefox-padding-class .card .card-body {
    padding: 0 !important;
  }
}
.bs5 .condensed-text {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0em;
  color: var(--body-text-muted);
}

@media (max-width: 767px) {
  .bs5 .loader-container {
    padding: 8px;
  }
}
/*
    COPY FROM BS2 - NEED TO BE STYLED
*/
.bs5 .affil-appointment-modal span,
.bs5 .affil-appointment-modal a {
  display: inline-block;
  padding: 6px;
}

.bs5 .affil-appointment-modal {
  min-width: 260px;
  padding: 12px;
  top: 40%;
  left: 40%;
  position: fixed;
  border: 1px solid #333;
  background-color: #e7e7e7;
  border-radius: 4px;
  font-weight: 900;
  font-size: 13.5px;
  min-height: 120px;
  z-index: 10001;
  color: black;
}

.bs5 .affil-appointment-modal button {
  margin-left: 3px;
  padding: 2px;
}

.bs5 .link-desc {
  margin: auto;
}

.bs5 table.dxgvControl_MetropolisBlue[id*=GridTwisterDashboard] .dxgvDataRow_MetropolisBlue td.dxgv {
  padding: 8px 8px;
}

.bs5 .decorated-text {
  position: relative;
  margin: auto;
  text-align: center;
  margin: 1rem 0;
}

.bs5 .decorated-text:after {
  left: 0;
  top: 50%;
  position: absolute;
  content: "";
  display: block;
  width: calc(50% - 30px);
  height: 1px;
  background: var(--gray-200);
}

.bs5 .decorated-text:before {
  right: 0;
  top: 50%;
  position: absolute;
  content: "";
  display: block;
  width: calc(50% - 30px);
  height: 1px;
  background: var(--gray-200);
}

.bs5 .twister-scroll-estimators {
  font-size: 1rem;
  font-weight: 400;
  color: var(--twister-scroll-black);
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  padding: 3px 16px 9px;
}

@media (max-height: 768px) {
  .bs5 .twister-scroll-estimators {
    max-height: 550px;
  }
  .bs5 #PopupTwisterDashboardEstimatorsWS dxpc-contentWrapper {
    max-height: 550px;
  }
}
#PopupTwisterDashboardEstimators_PWC-1 {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
}

.twister-estimator-link {
  padding-top: 10px;
  flex-grow: 1;
  margin-bottom: 0;
  padding-top: 4px;
}

.twister-estimator-info, .no-estimator {
  border-bottom: 1.5px solid #F1F1F1;
  background: white;
  height: 45px;
  display: flex;
  align-items: center;
}

#PopupTwisterDashboardEstimators_PWH-1 {
  color: #252525;
  padding: 2% 3% 1% 3%;
  border-bottom: 1px solid var(--components-generic-border-dark, #B6B6B6);
  background: var(--containers-section-header-background, #E8E8E8);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#PopupTwisterDashboardEstimators_PWH-1T {
  color: var(--body-text-body-color, #212121);
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  letter-spacing: -0.2px;
}

#PopupTwisterDashboardEstimators_PW-1 > .dxpc-mainDiv {
  border-radius: 5px;
}

#PopupTwisterDashboardEstimators_PW-1 {
  width: 500px;
  border-radius: 6px;
  border: 1px solid var(--components-generic-border-extra-dark, #A4A4A4);
  background: var(--containers-section-body-background, #F1F1F1);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 450px) {
  .bs5 #PopupTwisterDashboardEstimators_PW-1 {
    left: 0 !important;
  }
}
#PopupTwisterDashboardEstimators_HCB-1.dxpc-closeBtn {
  height: 16px;
  width: 16px;
  padding: 2.5% 5% 0 0;
}

.estimator-info .twister-estimator-info {
  font-family: IBM Plex Sans;
}

.twister-estimator-info-current {
  padding-right: 10px;
  color: var(--info-current);
}

.estimator-info-lead-apply, .estimator-info-license-apply {
  background-color: var(--modal-apply-background);
  margin: -3px -16px 0 -16px;
  display: flex;
  align-items: center;
}

.estimator-info-lead-apply > p, .estimator-info-license-apply > p {
  padding: 10px 10px 10px 10px;
  color: rgb(132, 32, 41);
  margin: 0;
}

.estimator-danger-icon {
  height: 22px;
  width: 22px;
  margin-left: 13px;
}

.bs5 .call-link {
  min-width: 6.5rem;
}

.bs5 .email-link,
.location-link {
  min-width: 1rem;
  margin-left: 0.5rem;
}

.bs5 .cursor-pointer {
  cursor: pointer;
}

.btn.btn-outline-light.return-to-queue-modal-font,
.btn.btn-success.return-to-queue-modal-font {
  font-size: 16px !important;
}

.bs5 .input-group-with-transparent-prepand {
  border: 1px solid var(--components-form-input-border-default) !important;
  background-color: #fff;
}
.bs5 .input-group-with-transparent-prepand .input-group-prepend {
  height: 32px;
}
.bs5 .input-group-with-transparent-prepand .input-group-prepend .input-group-text {
  background: #fff;
  border: none;
  padding-right: 0.25rem;
}
.bs5 .input-group-with-transparent-prepand input {
  border: none !important;
}
.bs5 .droppable-file-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14rem;
  border: 1px dashed #214ACD;
  text-align: center;
}
.bs5 .droppable-file-container .droppable-file-input {
  opacity: 0;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0px !important;
}
.bs5 .droppable-file-container .uploaded-file .delete-file-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}
.bs5 .droppable-file-container .uploaded-file .delete-file-btn i {
  font-size: 20px;
  color: var(--theme-danger);
}
.bs5 .droppable-file-container .uploaded-file .uploaded-file-display i {
  font-size: 4rem;
}
.bs5 .droppable-file-container .not-uploaded-file {
  color: #214ACD;
}
.bs5 .droppable-file-container .not-uploaded-file i {
  font-size: 4rem;
}
.bs5 .droppable-file-container .not-uploaded-file .info {
  color: var(--text-tertiary-color, rgba(0, 0, 0, 0.6980392157));
}

.bs5 #update-work-order-status-modal-external-body {
  max-height: 70vh;
  overflow-y: auto;
}

/* INPUTS */
.bs5 #update-work-order-status-modal-external-body .bottom-padded-input-container {
  margin-bottom: 2rem;
}

/* TODO: Change to sides padded */
.bs5 #update-work-order-status-modal-external-body .input-row-modal-padded {
  padding: 0rem 1rem 0rem 1rem;
}

.bs5 #update-work-order-status-modal-external-body .input-row-modal-top-padded:not(:first-child) {
  padding: 1rem 0rem 0rem 0rem;
}

/* update-work-order-status-modal-external-body appt-scheduled */
.bs5 #update-work-order-status-modal-external-body .input-row-modal-appt-schedule {
  padding: 0rem 1rem 1rem 1rem;
}
.bs5 #update-work-order-status-modal-external-body .input-row-modal-appt-schedule:first-child {
  padding-top: 0.5rem;
}
.bs5 #update-work-order-status-modal-external-body .input-row-modal-appt-schedule:nth-child(2) {
  padding-bottom: 1.5rem;
}

.bs5 .input-row input,
.bs5 .input-row select {
  padding: 8px 18px 8px 9px !important;
}

.bs5 #update-work-order-status-modal-external-body .form-check.bordered-radio-input.state-checked {
  background-color: var(--component-active-bg);
}

.bs5 #update-work-order-status-modal-external-body .nested-selects-container {
  display: flex;
  flex-grow: 1;
  margin: 0 1rem 0;
  background-color: white;
  border-left: 1px solid var(--gray-200);
  border-right: 1px solid var(--gray-200);
}

.bs5 #update-work-order-status-modal-external-body .nested-selects-container-last {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--gray-200);
}

.bs5 #update-work-order-status-modal-external-body .nested-selects-container input,
.bs5 #update-work-order-status-modal-external-body .nested-selects-container select {
  margin: 1rem 1rem 0.5rem;
  background-color: inherit;
}
.bs5 #update-work-order-status-modal-external-body .nested-selects-container input::placeholder,
.bs5 #update-work-order-status-modal-external-body .nested-selects-container select::placeholder {
  color: var(--components-form-input-text-placeholder);
}

.bs5 #update-work-order-status-modal-external-body .nested-selects-container select:not(:first-child) {
  margin: 0 1rem 0.5rem;
}

.bs5 #update-work-order-status-modal-external-body .nested-selects-container select .option-selected-color {
  color: var(--input-text-default);
}

.bs5 #update-work-order-status-modal-external-body select.placeholder {
  color: var(--components-form-input-text-placeholder) !important;
}

.bs5 #update-work-order-status-modal-external-body select.selected-default {
  color: var(--components-form-input-text-default) !important;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input {
  border-bottom: 1px;
  padding-left: 0.5rem;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input label {
  margin: 0 1.5rem !important;
  color: var(--body-text-body-color);
  line-height: 1.5;
  font-size: 1rem;
  flex: 1;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input input {
  margin: 0 0rem !important;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input-container {
  margin: 0 1rem 0 1rem;
  border: 1px solid var(--components-form-input-border-default) !important;
  border-radius: 2px;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input-container .form-check {
  margin: 0rem;
  padding-left: 0.5rem !important;
}

.bs5 #update-work-order-status-modal-external-body .bordered-radio-input-container:last-child {
  margin-bottom: 3rem;
}

.bs5 #update-work-order-status-modal-external-body .form-check-input {
  width: 1rem;
  height: 1rem;
}

.bs5 #update-work-order-status-modal-external-body .text-divider-container {
  margin: 1.1rem;
}

.bs5 #update-work-order-status-modal-external-body .single-parent-group-only {
  margin: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.bs5 #update-work-order-status-modal-external-body .input-row textarea {
  font-size: 16px;
}

.bs5 #update-work-order-status-modal-external-body .input-row textarea::placeholder {
  text-transform: none;
  color: var(--components-form-input-text-placeholder) !important;
}

.bs5 #update-work-order-status-modal-external-body .indented-text {
  margin-left: 0.5rem;
}

.bs5 #update-work-order-status-modal-external-body div.labelAsTable {
  width: 100%;
  border: solid 1px var(--components-generic-border-medium);
  border-collapse: collapse;
  background-color: var(--components-generic-background-default);
  margin-bottom: -1px;
}

.bs5 #update-work-order-status-modal-external-body div.labelAsTable p,
.bs5 #update-work-order-status-modal-external-body div.labelAsTable label {
  margin: 0 !important;
  padding: 9px 8px !important;
}

.bs5 #update-work-order-status-modal-external-body div.labelAsTable p {
  text-align: start !important;
  width: 100% !important;
  border-right: 0;
}

.bs5 #update-work-order-status-modal-external-body div.labelAsTable p b {
  font-weight: normal !important;
}

.bs5 #update-work-order-status-modal-external-body div.labelAsTable label {
  border-left: solid 1px var(--gray-200);
  display: flex;
  justify-content: center;
  align-items: center;
}

.bs5 #update-work-order-status-modal-external-body .modal-default-body-text {
  font-size: 1rem;
}

.bs5 #update-work-order-status-modal-external-body .input-row input,
.bs5 #update-work-order-status-modal-external-body .input-row select.time-dropdown-picker {
  background-position: center right 0.5rem !important;
  height: 2.5rem;
  width: 100%;
}

.bs5 #update-work-order-status-modal .modal-header {
  align-items: center;
}

.bs5 #update-work-order-status-modal .modal-content .modal-header button.btn-close {
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
}

.bs5 #update-work-order-status-modal-external-body .form-check {
  margin: 0 1rem 0 1rem;
  padding-left: 0rem !important;
  display: flex;
  align-items: center;
  padding-top: 0.625rem;
}

.bs5 #update-work-order-status-modal-external-body .radio-override-parent-paddings-container {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  background-color: var(--gray-white);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bs5 #update-work-order-status-modal-external-body .input-row input.date-picker {
  cursor: pointer;
}

.bs5 #update-work-order-status-modal-external-body .input-row input.date-picker[readonly] {
  background-color: var(--gray-white);
}

.switch-container {
  display: flex;
  justify-content: end;
}
.switch-container.column-span-6 {
  grid-column-end: span 6;
}
.switch-container.column-span-7 {
  grid-column-end: span 7;
}
.switch-container .label-spacing {
  padding: 6px 8px 6px 8px;
}
.switch-container label {
  font: 14px !important;
}
.switch-container i {
  background-image: none;
  padding: 8px 0px 6px 0px;
  font-size: 18px;
  color: #55a7c5;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  width: 55px;
  height: 28px;
  /* Hide default HTML checkbox */
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px #ccc solid;
}
.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 22px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px #ccc solid;
}
.slider.round {
  border-radius: 5px;
}
.slider.round:before {
  border-radius: 20%;
}

input:checked + .slider {
  background-color: #015696;
}
input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

.bs5 .woScreenTabs ul#tabs {
  margin: 1rem 1.5rem;
}

.bs5 .badge-alt-info {
  background: var(--violet-alt);
  color: var(--white);
}
.bs5 .badge-alt-info img {
  width: 14px;
  height: 14px;
}

.bs5 .details-fixed-column {
  min-width: 264px;
  max-width: 264px;
}

.bs5 .details-fixed-column .div-input:empty,
.bs5 .details-fixed-column .input-group:empty .bs5 .details-fixed-column .input-group .div-input:empty {
  max-width: 240px;
}

.bs5 .details-fixed-column .input-group .div-input {
  max-width: 176px;
}

.bs5 #divTabs.woScreenTabs .card-header {
  border-bottom: 1px solid var(--gray-400, #B6B6B6);
  background: var(--white);
}

.bs5 #tabsDropdown {
  width: 100%;
  display: none;
}

.bs5 #tabsDropdown .dropdown-toggle {
  border-radius: 2px;
  border: 1px solid var(--theme-primary, #1A3668);
  background: var(--hit-box, rgba(255, 255, 255, 0));
  padding: 6px 12px;
  font-weight: 500;
  color: var(--primary);
}

.bs5 #tabsDropdown .dropdown-toggle::after {
  top: calc(50% - 2.4px);
  position: absolute;
  right: 12px;
  margin-left: 0;
}

.bs5 #tabsDropdown .dropdown-menu {
  width: 100%;
  z-index: 10000;
}

.bs5 #clone-wo .form-check-label {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--body-text-body-color);
}

.wo-custom-arrow.dropdown-toggle.show::after, .bs5 #tabsDropdown .dropdown-toggle::after {
  border: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="icon-wrapper"%3E%3Cpath id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M0.792527 3.0421C1.18305 2.65158 1.81622 2.65158 2.20674 3.0421L5.99963 6.83499L9.79253 3.0421C10.1831 2.65158 10.8162 2.65158 11.2067 3.0421C11.5973 3.43262 11.5973 4.06579 11.2067 4.45631L6.70674 8.95631C6.31622 9.34684 5.68305 9.34684 5.29253 8.95631L0.792527 4.45631C0.402003 4.06579 0.402003 3.43262 0.792527 3.0421Z" fill="%231A3668"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
  background-size: contain;
  vertical-align: middle;
  top: calc(50% - 6px) !important;
}

.bs5 #woScreen .card-header .phone-number-details {
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--link-blue-default-default);
  letter-spacing: -0.2px;
  padding-left: 0.5rem;
}

.bs5 #woScreen .card:first-child .card-header .header-text {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}

.bs5 .service-details .dropdown-menu-toggle {
  font-size: 12px;
  text-align: right;
  justify-content: flex-end;
}
.bs5 .service-details .dropdown-menu.show {
  transform: translate(0, 31px) !important;
  width: 100%;
}
.bs5 .service-details .dropdown-item.disabled {
  pointer-events: initial;
}
.bs5 .service-details .dropdown-item.disabled:hover {
  color: white;
}
.bs5 .service-details #placeholder-ddlReplacementAffiliates {
  cursor: pointer;
  user-select: none;
}

@media (max-width: 1279px) {
  .bs5 .details-fixed-column {
    max-width: 100%;
  }
  .bs5 .details-fixed-column .div-input:empty, .bs5 .details-fixed-column .input-group:empty .bs5 .details-fixed-column .input-group .div-input:empty {
    max-width: unset;
  }
  .bs5 .details-fixed-column .input-group .div-input {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .bs5 .woScreenTabs ul#tabs {
    margin: 1rem 0.75rem;
  }
  .bs5 .details-fixed-column {
    min-width: 100%;
  }
  .bs5 #woScreen .card .card-header .header-text.p-0 {
    padding-top: 0.875rem !important;
  }
  .bs5 .card .card-body.wo-details {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .bs5 #woScreen .card-header .phone-number-details {
    padding-top: 0.5rem;
    padding-bottom: 0.875rem;
    padding-left: 0px !important;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: normal;
  }
}
@media (max-width: 944px) {
  .bs5 ul#tabs .nav-item {
    display: none;
  }
  .bs5 ul#tabs .nav-item#tabsDropdown {
    display: block;
  }
}

.bs5 .search #info-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.bs5 .search .tab {
  overflow: hidden;
  display: flex;
}
.bs5 .search .tab .tablinks {
  width: 50%;
  border-radius: 4px;
  padding: 8px 16px;
  border: 0;
  background: #FFF;
  color: var(--primary);
  background: transparent;
  outline: 0;
  line-height: 1.25;
  letter-spacing: -0.16px;
}
.bs5 .search .export-workorders-to-excel-wrapper {
  display: inline-block;
  text-align: right;
}
.bs5 .search .export-workorders-to-excel-wrapper label {
  font-size: 0.8em;
  color: #999999;
}

.bs5 .search .tab .tablinks.active {
  background: var(--inline-nav-active);
  border-radius: 4px;
  font-weight: 500;
}

.bs5 .search .item-search-button {
  margin-top: 40px;
  justify-content: flex-end;
}

.bs5 .search form.workorder {
  margin-bottom: 8px;
}

.bs5 .search #search-result #gridExternalWorkOrderSearch {
  margin-top: 24px;
}

.bs5 #customerInfo {
  height: 100%;
}
.bs5 #customerInfo .empty {
  color: var(--gray-600);
  display: flex;
  height: 100%;
  min-height: 348px;
  align-items: center;
  justify-content: center;
}
.bs5 .search .customer-info-section {
  max-width: 250px;
}
.bs5 .search .customer-info-section #customerHeader,
.bs5 .search .user-info-section #userHeader {
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.bs5 .search table.customer-table,
.bs5 .search table.user-table {
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.bs5 .search table.customer-table td,
.bs5 .search table.user-table td {
  padding-top: 16px;
  padding-right: 16px;
}
.bs5 .search table.customer-table td :first-child,
.bs5 .search table.user-table td :first-child {
  color: var(--gray-600);
}
.bs5 .search #customerListBox ul li.selected,
.bs5 .search #GridUserSearch td.selected,
.bs5 .search #GridCustomerSearch td.selected {
  background-color: var(--table-row-selected);
}
.bs5 .search table.customer-table tr td,
.bs5 .search table.user-table tr td,
.bs5 .card .card-subsection.customer-search-class .card-header {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .bs5 .search .customer-info-section {
    max-width: unset;
  }
  .bs5 #customerInfo {
    border-left: 0;
  }
  .bs5 .search .pb-sm-5 {
    padding-bottom: 2.5rem !important;
  }
}
.bs5 .search .customerListContainer {
  border-right: solid 1px var(--gray-300);
  background: var(--white);
  padding: 0 !important;
}

.bs5 .search #customerListEmpty,
.bs5 .search #list-empty {
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bs5 .search #list-empty ul,
.bs5 .search #customerListEmpty ul,
.bs5 .search #customerListBox ul {
  margin: 0;
}

.bs5 .search #customerListBox ul li {
  padding: 0.75rem 1rem;
  border-bottom: solid 1px var(--table-row-border);
  background-color: var(--white);
  list-style: none;
  font-size: 0.875rem;
  line-height: 1rem;
}

.bs5 .search #list-empty ul li::marker,
.bs5 .search #list-empty ul li::-webkit-details-marker,
.bs5 .search #customerListBox ul li::marker,
.bs5 .search #customerListBox ul li::-webkit-details-marker,
.bs5 .search #customerListEmpty ul li::marker,
.bs5 .search #customerListEmpty ul li::-webkit-details-marker {
  content: none;
}

.bs5 .search #customerListBox ul li:nth-child(odd) {
  background-color: var(--white);
}

.bs5 .search #customerListBox ul li:not([value]) {
  background-color: initial !important;
  border: 0 !important;
  color: var(--gray-600);
}

.bs5 .search #customerListBox ul li:not([value]).big {
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.bs5 .search #gridSimpleWorkOrderSearch .dxgvDataRow_MetropolisBlue td.dxgv {
  padding: 8px;
}

.bs5 .search #gridUserSearch .dxgvDataRow_MetropolisBlue td.dxgv {
  padding: 14px 12px;
}

.bs5 .card .card-body.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.bs5.search .card .card-header .header-text {
  padding: 1rem 0rem 1rem 1.5rem !important;
}

.bs5.search .card #customerListBox ul li {
  padding-left: 1.5rem !important;
}

@media (max-width: 767px) {
  .bs5 .search #customerListBox ul li {
    padding: 8px 8px 9px 20px;
  }
  .bs5 .search .workorder .input-row .input-value,
  .bs5 .search .workorder .input-row .drop-down-value,
  .bs5 .search .workorder .input-row .input-date-value,
  .bs5 .search .workorder .listBoxData select,
  .bs5 .search .workorder .input-row select,
  .bs5 .search .workorder .input-row button.dropdown-toggle,
  .bs5 .search .workorder .input-row input,
  .bs5 .search .workorder .input-row button.bs-placeholder,
  .bs5 .search .workorder .input-row .dxeNullText_MetropolisBlue input,
  .bs5 .search .workorder .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 28px;
  }
  .bs5 .search .customerListContainer {
    border-right: none;
  }
}
@-moz-document url-prefix() {
  .bs5 #gridExternalWorkOrderSearch table.dxgvControl_MetropolisBlue {
    border-top: 1px Solid #c0c0c0;
  }
}
@-moz-document url-prefix() {
  .bs5.search .card .card-header .header-text {
    padding: 1rem 0rem 1rem 1.5rem !important;
  }
  .bs5.search .card #customerListBox ul li {
    padding-left: 1.5rem !important;
  }
}

#GridWorkOrderHistory_DXHeadersRow0 {
  border-top: none;
}

.bs5 .paymentInfo #paymentTable table tr td {
  border: 1px solid var(--gray-150);
  padding: 10px 16px;
}

.bs5 .paymentInfo {
  max-width: 478px;
}

.bs5 #paymentTable {
  border: 1px solid var(--table-border);
  border-radius: 2px;
  margin-bottom: 10px;
}

.bs5 .paymentInfo #paymentTable table tr td:nth-child(1) {
  width: 290px;
  border-left: none;
}

.bs5 .paymentInfo #paymentTable table tr td:nth-child(2) {
  text-align: right;
  width: 140px;
  border-right: none;
}

.bs5 .paymentInfo #paymentTable table tr:first-child td {
  border-top: none;
}

.bs5 .paymentInfo #paymentTable table tr:last-child td {
  border-bottom: none;
}

.bs5 #GridAllPaymentsWorkOrder .dxgvDataRow_MetropolisBlue td.dxgv,
.bs5 #GridAllPaymentsWorkOrder .dxgvDataRow_MetropolisBlue td {
  border-left: 0;
}

@-moz-document url-prefix() {
  .bs5 table#GridAllPaymentsWorkOrder {
    border-top: 1px Solid var(--table-border) !important;
    border-bottom: 1px Solid var(--table-border) !important;
  }
}
.bs5 #GridAllPaymentsWorkOrder .dxgvSelectedRow_MetropolisBlue .commandColumnClass {
  border-left: 0px;
}

.bs5 table#GridAllPaymentsWorkOrder {
  border-bottom: 1px Solid var(--table-border);
}

.bs5 #GridAllPaymentsWorkOrder.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue td:first-child {
  display: grid;
}

.bs5 #GridAllPaymentsWorkOrder.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.text-nowrap td:first-child {
  white-space: nowrap;
}

.bs5 #GridAllPaymentsWorkOrder.dxgvControl_MetropolisBlue .commandColumnClass {
  text-align: -webkit-center;
}

.bs5 #GridAllPaymentsWorkOrder.dxgvControl_MetropolisBlue table .dxgvSelectedRow_MetropolisBlue {
  background-color: var(--table-row-selected);
}

.bs5 #GridAllPaymentsWorkOrder.dxgvControl_MetropolisBlue table tr.dxgvDataRow_MetropolisBlue:last-child {
  border-bottom: none;
}

.bs5 .payments-container .payments-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.bs5 .payments-container .payments-group .payments-input {
  display: flex;
  width: 260px;
  padding-left: 1rem;
}

.bs5 .payments-container .payments-group .input-row {
  justify-content: center;
}

.bs5 .payments-container .payments-group .input-row .input-label {
  font-size: 1rem !important;
  line-height: 1.43 !important;
  padding: 0 !important;
}

.bs5 .payments-container .payments-button {
  width: unset;
}

.bs5 #errorArea .input-row .form-control {
  border: 1px solid var(--components-form-input-border-default) !important;
}

@media (min-width: 1280px) {
  .bs5 .estimateOverrideFloat {
    float: right;
  }
  .bs5 .payments-direction {
    flex-direction: row !important;
  }
}
@media (max-width: 1280px) {
  .bs5 .payments-container {
    width: 350px;
  }
  .bs5 .payments-container .payments-group {
    flex-direction: column;
  }
  .bs5 .payments-container .payments-group .payments-input {
    display: flex;
    padding-left: 0 !important;
    width: 100%;
  }
  .bs5 .payments-container .payments-group .input-row .input-label {
    padding: 0 0 4px 0 !important;
  }
  .bs5 .paymentInfo {
    max-width: unset;
  }
  .bs5 .paymentInfo #paymentTable table tr td:nth-child(1) {
    width: unset;
  }
  .bs5 .paymentInfo #paymentTable table tr td:nth-child(2) {
    max-width: 140px;
  }
  .bs5 .payments-container .payments-button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .bs5 .payments-container {
    width: 100%;
  }
  .bs5 #divTabs .card .card-body #tabContent #tab7 #actions-dropdown {
    left: 50px !important;
  }
}

.bs5 #GridWorkOrderDocuments .row-content-container {
  padding: 0px !important;
}

.bs5 #GridWorkOrderDocuments .row-content-container .row-content {
  gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 41px;
  padding: 12px 8px 12px 16px;
  justify-content: space-between;
}

.bs5 #GridWorkOrderDocuments .row-content-container .document-button-column {
  width: 6.5rem;
  height: 2rem;
  font-size: 0.875rem;
}

.bs5 #GridWorkOrderDocuments .row-content-container .row-input-content {
  display: flex;
  justify-content: center;
}

.bs5 #GridWorkOrderDocuments .row-header-container {
  border-left: solid 1px var(--gray-150) !important;
  border-left-width: 1px !important;
}

.bs5 #GridWorkOrderDocuments .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue:nth-child(2),
.bs5 #GridWorkOrderDocuments .dxgvDataRow_MetropolisBlue td.dxgv:nth-child(2) {
  border-left: solid 1px var(--gray-150) !important;
}

.bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue tr {
  flex-direction: column-reverse;
}

.bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.documents-header-container tr {
  align-items: flex-start;
  margin-left: 0.5rem;
}

.bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.documents-header-container tr:first-child {
  margin-left: 0;
}

.bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue {
  margin-bottom: 1rem;
}

.bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue tr.dxgvDataRow_MetropolisBlue:last-child {
  border-bottom: solid 1px var(--table-border);
}

@-moz-document url-prefix() {
  .bs5 #GridWorkOrderDocuments.dxgvControl_MetropolisBlue {
    border-top: 1px Solid #c0c0c0;
  }
}

.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue.text-nowrap td:first-child,
.bs5 #paymentsSmallGridsDiv td.dxgvHeader_MetropolisBlue.text-nowrap td:first-child {
  white-space: nowrap;
}

@media (max-width: 768px) {
    .bs5 #divTabs .card .card-body #tab1.active,
    .bs5 #divTabs .card .card-body #tabContent {
        position: relative;
        display: inline;
    }
        .bs5 #divTabs .card .card-body #tab1.active #actions-dropdown.show,
        .bs5 #divTabs .card .card-body #tabContent #actions-dropdown.show {
            left: auto !important;
            right: 0 !important;
            transform: none !important;
            max-width: 95vw;
            overflow: auto;
            top: auto !important;
            margin-top: 5px !important;
        }
}
.bs5 .payment-history-block {
  border-bottom: 1px solid var(--table-border);
}
.bs5 #paymentsSmallGridsDiv {
  background-color: var(--table-header-background);
  padding-top: 1rem;
}
.bs5 #paymentsSmallGridsDiv .dxgvPagerBottomPanel_MetropolisBlue {
  flex-direction: column-reverse;
  align-items: center;
}
.bs5 #paymentsSmallGridsDiv .dxpLite_MetropolisBlue {
  margin: 0 !important;
}
.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue .dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit_MetropolisBlue tbody tr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 5px 3px;
  border-radius: 1.6px;
  background-color: var(--components-form-input-background-default);
}
.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit_MetropolisBlue {
  border: solid 1px var(--components-form-input-border-default);
  border-radius: 1.6px;
  height: 2rem;
}

.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue .dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit_MetropolisBlue tbody tr .dxic input[type=text].dxeEditArea_MetropolisBlue,
.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue .dxeEditArea_MetropolisBlue, input[type=text].dxeEditArea_MetropolisBlue {
  font-size: 0.875rem;
  line-height: 1.43;
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditRow_MetropolisBlue td.dxgv {
  padding: 4px 4px 5px 4px;
  background-color: var(--table-header-background);
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditRow_MetropolisBlue td.dxgv:first-child {
  padding-left: 0.75rem;
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditCell_MetropolisBlue .dxeTextBoxSys.dxeTextBox_MetropolisBlue {
  height: 2rem;
  border: solid 1px var(--components-form-input-border-default);
  padding: 5px 3px;
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditCell_MetropolisBlue .dxeTextBoxSys.dxeTextBox_MetropolisBlue input[type=text] {
  text-align: right;
}

.bs5 #PaymentsHistoryGrid.dxgvControl_MetropolisBlue .dxeErrorFrame_MetropolisBlue table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit_MetropolisBlue,
.bs5 #PaymentsHistoryGrid .dxgvInlineEditCell_MetropolisBlue .dxeErrorFrame_MetropolisBlue .dxeTextBoxSys.dxeTextBox_MetropolisBlue {
  border-color: var(--theme-danger);
}

.bs5 #PaymentsHistoryGrid .history-payment-form .only-numbers {
  height: 2rem !important;
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditCell_MetropolisBlue.dxgv button {
  height: 2rem;
}

.bs5 #PaymentsHistoryGrid .datePicker.dxgv.parent-form,
.bs5 #PaymentsHistoryGrid .dxgv.dx-ar.parent-form {
  padding: 4px 4px 5px 4px;
}

.bs5 #PaymentsHistoryGrid .history-payment-form .dxeButtonEditSys td.dxic,
.bs5 #PaymentsHistoryGrid .history-payment-form .dxeButtonEditSys td.dxeButtonEditButton_MetropolisBlue {
  border: none;
}

.bs5 #PaymentsHistoryGrid td.dxeButtonEditButton_MetropolisBlue {
  padding: 0;
}

.bs5 #PaymentsHistoryGrid .datePicker i {
  align-self: center;
}

.bs5 #PaymentsHistoryGrid .datePicker .input-group {
  position: static;
}

.bs5 #PaymentsHistoryGrid .input-group img.save-img {
  padding: 5px;
  height: 2rem;
  opacity: 0.4;
  background-color: var(--theme-primary);
}

.bs5 #PaymentsHistoryGrid .dxeErrorCell_MetropolisBlue,
.bs5 #PaymentsHistoryGrid .dxeErrorCell_MetropolisBlue table tbody tr td {
  padding-right: 0px !important;
}

.bs5 #PaymentsHistoryGrid .dxeErrorCell_MetropolisBlue table tbody tr td i {
  font-size: 1rem;
}

.bs5 #PaymentsHistoryGrid .editColumnClass {
  padding: 0.75rem 0.5rem !important;
  font-size: 0.875rem;
}

.bs5 #PaymentsHistoryGrid .input-group-sm > .form-control:not(textarea) {
  height: unset;
}

.bs5 #PaymentsHistoryGrid .input-group-sm > .form-control {
  padding: 6px 4px 5px 4px;
}

.bs5 #PaymentsHistoryGrid input[type=text] {
  box-shadow: none;
}

.bs5 #PaymentsHistoryGrid .dxgvInlineEditCell_MetropolisBlue .dxeTextBoxSys.dxeTextBox_MetropolisBlue {
  border-radius: 2px;
}

.bs5 #PaymentsHistoryGrid .input-group-sm > .form-control {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.bs5 .paymentsTitle {
  font-weight: 500;
  line-height: 1.25;
  color: var(--body-text-muted);
}

.bs5 .paymentsTitle a {
  font-weight: normal;
  color: var(--link-default-default);
}

.bs5 .title-completed-paid {
  background-color: var(--table-header-background);
  color: var(--body-text-body-color);
  line-height: 1.5;
  font-weight: 500;
  padding: 0 0 0.5rem 1rem;
  margin-bottom: 0;
}

.bs5 #paymentsSmallGridsDiv .dxgvFooter_MetropolisBlue #PaymentsHistoryGrid_tcFooterRow {
  padding: 0 0 1rem 0;
  background-color: var(--table-header-background);
}

.bs5 #PaymentsHistoryGrid_tcFooterRow,
.bs5 .breakout-block .legacy-table tr:last-child th.datarow,
.bs5 .breakout-block .legacy-table tr:last-child td.datarow,
.bs5 #paymentsSmallGridsDiv .dxgv.dxgvDetailCell_MetropolisBlue,
.bs5 #paymentsSmallGridsDiv .payments-border-table tr.dxgvDataRow_MetropolisBlue:last-child {
  border-bottom: none !important;
}

.bs5 #paymentsSmallGridsDiv .payments-border-table {
  border: 1px solid var(--table-border);
}

.bs5 #paymentsSmallGridsDiv .dxgvControl_MetropolisBlue {
  padding: 0 1rem 0 1rem !important;
  background-color: var(--table-header-background);
}

.bs5 #paymentsSmallGridsDiv .dxgvDetailCell_MetropolisBlue {
  padding-right: unset !important;
}

.bs5 #paymentsSmallGridsDiv .dxgvPagerBottomPanel_MetropolisBlue {
  border-top: none !important;
}

.bs5 #paymentsSmallGridsDiv .dxgvDataRow_MetropolisBlue td.dxgv {
  white-space: break-spaces;
}

.bs5 #paymentsSmallGridsDiv .dxgvDetailRow_MetropolisBlue td.dxgv.dxgvDetailCell_MetropolisBlue {
  padding-top: 0;
  background-color: var(--table-header-background);
}

.bs5 #paymentsSmallGridsDiv .dxgvPagerBottomPanel_MetropolisBlue .dxp-lead.dxp-summary {
  padding: 5px 0 0 0;
}

.bs5 #paymentsSmallGridsDiv .dxpLite_MetropolisBlue {
  min-width: auto !important;
}

.bs5 .legacy-table {
  margin: 0 1rem 1rem 1rem;
  background-color: white;
}

.bs5 .breakout-block {
  background-color: var(--table-header-background);
}

.bs5 .breakout-block hr {
  padding-bottom: 1rem;
  background-color: var(--table-header-background);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bs5 .breakout-block .legacy-table {
  border: 1px solid var(--table-border) !important;
  width: 51.875rem;
}

.bs5 .breakout-block .legacy-table tr {
  background-color: white;
}

.bs5 .breakout-block .legacy-table .data-row-header {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.17;
  color: var(--table-header-text);
  height: 49px;
  text-align: center;
  vertical-align: bottom;
}

.bs5 .breakout-block .legacy-table .data-header {
  padding: 0.75rem;
}

.bs5 .breakout-block .legacy-table tr.data-row-header {
  border-bottom: 1px solid var(--gray-black) !important;
  background-color: var(--table-header-background);
}

.bs5 .breakout-block .legacy-table th.data-header {
  border-right: solid 1px var(--gray-150);
}

.bs5 .breakout-block .legacy-table .datarow:last-child,
.bs5 .breakout-block .legacy-table th.data-header:last-child {
  border-right: none;
}

.bs5 .breakout-block .legacy-table .datarow {
  padding: 0.5rem;
  border-bottom: solid 1px var(--gray-150);
  border-right: solid 1px var(--gray-150);
}

.bs5 .breakout-block .legacy-table .datarow ol {
  margin: 0 0 0 1rem !important;
}

.bs5 .breakout-block .legacy-table td.datarow p {
  margin: 0 !important;
}

.bs5 .breakout-block .legacy-table tr .datarow {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.14;
}

.bs5 .breakout-block .legacy-table tr .datarow:last-child {
  font-weight: 500;
}

.bs5 .payments-history-no-data {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  padding-left: 1rem;
}

.bs5 .payment-history-block #PaymentsHistoryGrid .groupTwoColumnWidth {
  min-width: 7.5rem;
}

.bs5 .payment-history-block #PaymentsHistoryGrid .groupOneColumnWidth {
  min-width: 9.375rem;
}

.bs5 #PaymentsHistoryGrid tr:nth-child(odd),
.bs5 .bs5 .breakout-block tr:nth-child(odd),
.bs5 #paymentsSmallGridsDiv tr:nth-child(odd) {
  background-color: unset;
}

.bs5 #PaymentsHistoryGrid .dxgvTable_MetropolisBlue tr:not(:first-child):nth-child(odd),
.bs5 .breakout-block tr:not(:first-child):nth-child(odd),
.bs5 #paymentsSmallGridsDiv tr:not(:first-child):nth-child(odd) {
  background-color: var(--table-row-odd-default);
}

.bs5 #estimate-tab .price-cell {
  padding: 0 !important;
}

.bs5 #estimate-tab .price-cell-header table tbody tr {
  padding-right: 0 !important;
}

.bs5 #estimate-tab .price-cell-header tbody tr td:first-child {
  justify-content: flex-end;
  width: 100%;
}

.bs5 #estimate-tab .price-cell-header tbody tr td:nth-child(2) {
  display: none;
}

.bs5 #estimate-tab .pdf-cell {
  border-left: none !important;
}
.bs5 #estimate-tab .wizardlink-min-width {
  min-width: 135px;
}

.bs5 #estimate-tab #delete-cancel-button {
  border: solid 1px var(--components-generic-border-medium);
}

.bs5 #estimate-tab .dxgvDataRow_MetropolisBlue[row_type=success] {
  background-color: var(--table-row-success-default) !important;
}

.bs5 #estimate-tab .dxgvDataRow_MetropolisBlue[row_type=danger] {
  background-color: var(--table-row-danger-default) !important;
}

.bs5 #estimate-tab .dxgvSelectedRow_MetropolisBlue[row_type=success] {
  background-color: var(--table-row-success-selected) !important;
}

.bs5 #estimate-tab .dxgvSelectedRow_MetropolisBlue[row_type=danger] {
  background-color: var(--table-row-danger-selected) !important;
}

.bs5 #estimate-tab .dxgvSelectedRow_MetropolisBlue {
  background-color: var(--table-row-selected);
}

.bs5 #estimate-tab .nested-estimate-table td {
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  padding: 12px 8px !important;
}

.bs5 #estimate-tab .nested-estimate-table td:first-child {
  border-right: solid 1px var(--gray-150) !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  text-align: right;
  padding: 12px 8px !important;
}

.bs5 #estimate-tab .nested-estimate-table td:nth-child(2) {
  border-bottom: 0 !important;
  border-top: 0 !important;
  text-align: left;
  width: 44px;
  min-width: 44px;
  border-right: none;
}

.bs5 #estimate-tab .btn-group .btn i {
  display: flex;
  width: 15px;
  height: 15px;
  font-size: 15px;
}

.bs5 #estimate-tab .btn-group.add-remove-group.btns-small .btn {
  padding: 0px;
}

.bs5 #estimate-tab .btn-group.add-remove-group.btns-small .btn a {
  padding: 0.4rem;
}

.bs2 #project-template-modal {
  width: 640px;
}
.bs2 #project-template-modal .modal-body {
  padding: 0;
}
.bs2 #project-template-modal #selected-text {
  word-break: break-word;
}

@media (max-width: 769px) {
  .bs5 #estimate-tab .btn-group.add-remove-group.btns-small .btn {
    padding: 0px;
  }
  .bs5 #estimate-tab .btn-group.add-remove-group.btns-small .btn a {
    padding: 0.5rem;
  }
  .bs5 #estimate-tab .btn-group .btn i {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
  .bs5 #estimate-tab .dropdown .btn {
    padding: 7px 12px;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 500;
  }
}
@-moz-document url-prefix() {
  .bs5 #estimate-tab table.dxgvControl_MetropolisBlue {
    border-top: 1px Solid #c0c0c0;
  }
}

.bs5 #popup-container-followup .form-check-input {
  margin-top: 0px;
}
.bs5 .tab-content-table table.card-table {
  background-color: white !important;
}
@media (max-width: 540px) {
  .bs5 #PopupFollowUp_PW-1 {
    max-width: 320px !important;
    min-width: 320px !important;
    width: 320px !important;
    left: 50% !important;
    margin-left: -160px !important;
    transform: unset !important;
  }
  .bs5 #PopupFollowUp_PW-1 textarea,
  .bs5 #PopupFollowUp_PW-1 [type=text] {
    min-width: 150px !important;
    max-width: unset !important;
    padding: 7px 13px;
  }
  .bs5 #PopupFollowUp_PWH-1, .bs5 #PopupFollowUp_PWC-1 {
    width: unset !important;
  }
}

.bs5 #PopupFollowUp_PW-1 {
  width: 500px !important;
  left: 50% !important;
  position: absolute !important;
  margin-left: -250px; /*half modal width*/
}

.bs5 #PopupFollowUp_PW-1 textarea,
.bs5 #PopupFollowUp_PW-1 [type=text] {
  max-width: 206px;
  min-width: 150px;
}

.bs5 #PopupFollowUp_PW-1 input {
  max-width: unset !important;
}

.bs5 #PopupFollowUp_PW-1 .dxpc-mainDiv .devEx-modal-content .input-row .form-check.form-switch {
  padding-top: 0.5rem;
}

.bs5 #follow-up-modal .modal-body input.date-picker[readonly]#NewFollowUpDate {
  cursor: pointer;
}
.bs5 #follow-up-modal .modal-body label.input-label {
  padding: 1rem 0 0.25rem;
  line-height: 1.5;
}
.bs5 #follow-up-modal .modal-body .input-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}
.bs5 #follow-up-modal .modal-body .input-row label.input-label {
  margin-top: 0rem;
  font-size: 1rem;
}

.bs5 #follow-up-modal .modal-body .input-row input:not([type=checkbox]) {
  border-radius: 1.6px;
  border: solid 1px var(--components-form-input-border-default) !important;
  background-color: var(--components-form-input-background-default);
  line-height: 1.5;
}

.bs5 #follow-up-modal #affDashboardCheck label {
  width: auto;
}

.bs5 #follow-up-modal .input-row textarea {
  border-radius: 1.6px;
  border: solid 1px var(--components-form-input-border-default) !important;
  background-color: var(--components-form-input-background-default);
  line-height: 1.5;
}

.bs5 #follow-up-modal .input-row input.date-picker.form-control.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
}

.bs5 #follow-up-modal .input-row textarea.form-control.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
  background-position: right 0.5rem center;
}

.bs5 #follow-up-modal .input-row .bordered-checkbox-group.is-invalid {
  border: solid 1px var(--components-form-input-border-invalid) !important;
  border-radius: 1.6px;
}

/* PADDINGS */
.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue {
  padding: 0px !important;
}

.bs5 .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue:first-child table tr:first-child {
  padding-left: 1rem;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table tr.dxgvDataRow_MetropolisBlue td {
  padding-left: 0.75rem !important;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table tr.dxgvDataRow_MetropolisBlue td:first-child {
  padding-left: 1.2rem !important;
}

.bs5 #estBreakout-grid .dxgvHeader_MetropolisBlue table td {
  color: var(--table-header-text) !important;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table tr.dxgvDataRow_MetropolisBlue td:nth-child(2) {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
}

/* BORDERS */
.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue:first-child,
.bs5 #estBreakout-grid .dxgvDataRow_MetropolisBlue td:first-child {
  border-right: 1px var(--table-row-border) solid !important;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table tr.dxgvDataRow_MetropolisBlue:last-child {
  border-bottom: 1px solid var(--table-border);
}

.bs5 #estBreakout-grid table.dxgvTable_MetropolisBlue tr:has(td.dxgvHeader_MetropolisBlue) {
  border-top: none;
}

/* BUTTONS */
.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td .btn-outline-light {
  font-size: 0.875rem !important;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td.dxgv.dx-al:nth-child(2) {
  border: 0px;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td.dxgv.dx-al:nth-child(2) a.content-single-button {
  display: inline-block;
  width: 100%;
}

.bs5 #estBreakout-grid .dxgvControl_MetropolisBlue table td.dxgv.dx-al:nth-child(2) a:not(.content-single-button):first-child {
  padding-left: 0.25rem;
}

.bs5 #estBreakout-grid .dxgvTable_MetropolisBlue .dxgvDataRow_MetropolisBlue .btn-tretiary-danger {
  margin-left: auto !important;
  border: none !important;
  padding: 0.3rem;
}

.bs5 .optional-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.bs5 .optional-wrapper a {
  padding: 0.5rem !important;
}

.bs5 .optional-wrapper a:first-child {
  padding-left: 0.25rem !important;
}

.bs5 #upload-po-confirm .input-row .input-group .enter-po,
.bs5 #upload-po-confirm .input-row .input-group .enter-cinv {
  padding: 7px 8px !important;
}

.bs5 #upload-po-confirm .input-row .form-control {
  padding: 7px 8px;
  line-height: 1.5;
  box-shadow: none;
  border: 1px solid var(--components-form-input-border-default) !important;
  border-radius: 1.6px;
  color: var(--components-form-input-text-default);
}

.bs5 .presentation-card tbody tr td {
  word-wrap: break-word;
  width: 364px;
}

.bs5 .presentation-card tbody {
  display: flex;
  flex-wrap: wrap;
}

.bs5 .presentation-card tbody tr,
.bs5 .presentation-card tbody td {
  border: none !important;
  background-color: var(--containers-section-body-background);
}

.bs5 #GridProgramRetailerDocumentsPresentation tbody tr td {
  background-color: var(--containers-section-body-background);
}

.bs5 #GridProgramRetailerDocumentsPresentation tbody tr td .presentation-card tbody {
  padding: 1.5rem;
  background-color: var(--containers-section-body-background);
  gap: 1.5rem;
}

.bs5 #GridProgramRetailerDocumentsPresentation.dxgvControl_MetropolisBlue td.dxgv {
  padding: 0 !important;
}

@media (max-width: 1439px) {
  .bs5 .presentation-card tbody tr td {
    width: 335px;
  }
}
@media (max-width: 1279px) {
  .bs5 .presentation-card tbody tr td {
    width: 285px;
  }
}
@media (max-width: 767px) {
  .bs5 .presentation-card tbody tr td {
    width: 460px;
  }
  .bs5 .presentation-card tbody tr,
  .bs5 .presentation-card tbody td {
    border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .bs5 .presentation-card tbody {
    flex-direction: column;
  }
}

.bs5 #add_stakeholder_form {
  min-height: 345px;
}
.bs5 #add_stakeholder_form #contact-type-inputs-container {
  max-height: 55vh;
}
.bs5 #contact-type-inputs-container .input-row #stakeholder-contact-role.input-validation-error,
.bs5 #contact-type-inputs-container .input-row #stakeholder-contact-role.input-validation-error.input-validation-error:focus {
  background-position: center right 0.6875rem;
}

#wo-stakeholders-grid td.dxgv {
  height: 51px;
}
#wo-stakeholders-grid td.dxgv .d-flex.flex-row.gap-1 {
  max-height: 25px;
}
#wo-stakeholders-grid td.dxgv .d-flex.flex-row.gap-1 button {
  width: 33px;
}

/* BUTTONS */
/* ACTION BUTTONS */
.bs5 .actions-bar .action-button.btn-tretiary-success[data-cy=add-customer-payments] {
  border-color: var(--components-generic-border-medium) !important;
  min-width: 32px;
  min-height: 32px;
}

.bs5 #cust-payments-grid table.dxgvTable_MetropolisBlue tr:not(:first-child) td:last-child a.btn-outline-light[data-cy=apply-date] {
  font-size: 14px;
}

/* TABLES */
/* TABLE HEADERS */
.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:first-child td.right-alligned-header:not(.sorting-io-override) tr {
  flex-direction: row-reverse;
}

.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:first-child td.right-alligned-header tr td:first-child {
  justify-content: flex-end;
}

.bs5 #cust-payments-grid table.dxgvTable_MetropolisBlue td:first-child td:first-child {
  padding-left: 0.25rem;
}

.bs5 #cust-payments-grid table.dxgvTable_MetropolisBlue tr:first-child table td:first-child {
  white-space: nowrap;
}

.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:first-child td:nth-last-child(1) table td:first-child {
  justify-content: center;
}

/* TABLE HEADER SORT SUPPORT */
/* Do not display any empty table data (sorting OFF) */
.bs5 #payments-grid table.dxgvTable_MetropolisBlue tr:first-child table td:nth-last-child(1) {
  display: none;
}

/* Pad icon's neighbour representing header title (sorting ON) */
.bs5 #payments-grid table.dxgvTable_MetropolisBlue tr:first-child td.sorting-io-override table td:first-child {
  padding-right: 1rem;
}

/* Display table header icons (sorting ON) */
.bs5 #payments-grid table.dxgvTable_MetropolisBlue tr:first-child td.sorting-io-override table td:nth-last-child(1) {
  display: block;
}

/* TABLE DATA */
.bs5 #payments-grid table.dxgvTable_MetropolisBlue tr:not(:first-child) td:first-child {
  padding-left: 1.25rem;
}

.bs5 #payments-grid table .dxgvTable_MetropolisBlue tr:not(:first-child) {
  white-space: nowrap;
}

.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:not(:first-child) td:nth-child(4) {
  text-align: end;
  border: none;
}

.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:not(:first-child) td:nth-child(7) {
  padding: 0.25rem 1rem 0.25rem 0.5rem !important;
}

.bs5 #cust-payments-grid table .dxgvTable_MetropolisBlue tr:not(:first-child) td:nth-child(4) {
  justify-content: flex-end;
}

@media (max-width: 768px) {
  /* BUTTONS */
  /* ACTION BUTTONS */
  .bs5 .actions-bar .btn-outline-light[data-cy=take-payment] {
    min-width: 129px;
    height: 40px;
  }
  .bs5 .actions-bar .action-button.btn-tretiary-success[data-cy=add-customer-payments] {
    min-width: 40px;
    min-height: 40px;
  }
}

.bs5 #partnerInfo .input-row .input-value {
  padding: 5px 8px !important;
  font-size: 14px !important;
  line-height: 1.43;
  height: 32px;
}

.bs5 #partnerInfo .input-row label.input-label {
  font-size: 0.75rem;
}

@media (max-width: 1280px) {
  .bs5 #partnerInfo .input-row .input-value {
    padding: 7px 8px !important;
    font-size: 16px !important;
    line-height: 1.5;
    height: 40px;
  }
}

.bs5 #related-job-grid .dxgvSelectedRow_MetropolisBlue {
  background-color: var(--table-row-selected);
}

.bs5 #related-job-grid .dxgvDataRow_MetropolisBlue td.dxgv,
.bs5 #related-job-grid .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue tr {
  padding: 0.5rem;
}

.bs5 #related-job-grid .dxgvControl_MetropolisBlue table tbody tr {
  border-top: none;
}

.bs5 #tab20 .btn-group .btn-io i {
  line-height: 1.25rem !important;
}

.bs5 #edit-related-job input.input-value,
.bs5 #add-related-job-confirm input.input-value {
  color: var(--components-form-input-text-placeholder) !important;
}

.bs5 #edit-related-job .input-value.valid-text-color,
.bs5 #add-related-job-confirm .input-value.valid-text-color {
  color: var(--body-text-body-color) !important;
}

.bs5 #surveyPartial .content-header {
  color: var(--gray-600);
  text-transform: uppercase;
  font-weight: 500;
}

.bs5 #surveyPartial #surveyContent .value-label {
  color: var(--components-form-label);
  line-height: 1.33;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.bs5 #surveyPartial #surveyContent .date-value {
  font-size: 1rem;
  line-height: 1.25;
  color: var(--body-text-body-color);
}

.bs5 #surveyPartial #surveyContent .success-status {
  color: var(--body-text-success);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

.bs5 #surveyPartial #surveyContent .danger-status {
  color: var(--body-text-danger);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

.bs5 #surveyPartial #surveyContent .error-header {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.22;
  color: var(--body-text-danger);
}

.bs5 #surveyPartial #surveyContent #errorMessage,
.bs5 #surveyPartial #surveyContent #errorMessage:disabled {
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 5px 8px;
  border-radius: 1.6px;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
  box-shadow: none;
  color: var(--components-form-input-text-placeholder);
}

.bs5 #surveyPartial #surveyContent #fullErrorMessage {
  padding: 5px 8px;
  border-radius: 1.6px;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
  height: 70px;
  box-shadow: none;
  color: var(--components-form-input-text-placeholder);
}

.bs5 #surveyPartial .survey-table tr:not(:last-of-type):not(:has(th)) {
  border-bottom: solid 1px var(--components-generic-border-extra-light);
}

.bs5 #surveyPartial .survey-table .question {
  padding: 1rem 0;
  line-height: 1.5;
  color: var(--body-text-body-color);
  font-size: 1rem;
}

.bs5 #surveyPartial .survey-table .question b {
  font-weight: 600;
}

.bs5 #surveyPartial .survey-table .answer {
  font-size: 1.125rem;
  line-height: 1.33;
  color: var(--gray-800);
  font-weight: 500;
  margin-left: auto;
}

.bs5 #surveyPartial .answer-empty {
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 1.5rem;
  border-radius: 60px;
  border: dashed 1px var(--gray-300);
  background-color: var(--gray-white);
  margin-left: auto;
}

.bs5 #surveyPartial .answer-full {
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 1.5rem;
  border-radius: 60px;
  border: solid 1px var(--gray-200);
  background-color: var(--gray-white);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: var(--gray-800);
  margin-left: auto;
}

.bs5 #surveyPartial .text-answer {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-body-color);
}

.bs5 #surveyPartial p.comment {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5;
  color: var(--body-text-body-color);
}

.bs5 #surveyPartial p.not-completed {
  color: var(--body-text-muted);
  line-height: 1.5;
  font-size: 1rem;
}

.bs5 #surveyPartial .card .card-header {
  padding: 0.75rem 1rem;
  background: var(--white);
}

.bs5 #surveyPartial .card .card-header .header-text {
  padding: 0 !important;
}

.bs5 #surveyPartial .card .card-body {
  padding: 1rem;
}

@-moz-document url-prefix() {
  .bs5 #surveyPartial .card .card-body {
    padding: 1rem !important;
  }
}

.bs5 #GridWorkOrderComments .comments-small-text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: var(--body-text-muted);
}
.bs5 #GridWorkOrderComments .border-top-ff {
  border-top: 1px solid var(--table-border);
}
.bs5 #GridWorkOrderComments .card-style {
  display: none;
}
.bs5 #GridWorkOrderComments .gridClass {
  display: table-cell;
}

.bs5 #GridWorkOrderComments.dxgvControl_MetropolisBlue .not-provider-comment {
  font-size: 0.656rem;
  line-height: 1;
  padding: 0.125rem 0.344rem;
  border-radius: 20px;
  background-color: var(--gray-100);
}

.bs5 .input-row textarea.new-comment {
  color: #212121 !important;
}

.bs5 #popup-comments-modal #popup-container-comment,
.bs5 .dxpc-mainDiv .devEx-modal-content #popup-container-comment {
  padding: 1rem;
}

.bs5 .dxpc-mainDiv .devEx-modal-content #popup-container-comment .form-check-input {
  margin-top: 3px;
}

.bs5 #popup-container-comment .form-check.form-switch {
  padding: 0px;
}

.bs5 #tab3 .dxpc-mainDiv .devEx-modal-content {
  padding: 0px;
}
.bs5 #tab3 .dxpc-mainDiv .devEx-modal-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bs5 #tab3 .dxpc-mainDiv .devEx-modal-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bs5 #popup-comments-modal .modal-body {
  display: table;
  padding: 0;
}
.bs5 #popup-comments-modal #commentContainer .row {
  margin: 0;
}
.bs5 #popup-comments-modal #commentContainer .row .input-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}

@media (max-width: 1279px) {
  .bs5 #GridWorkOrderComments div.dxgvPagerBottomPanel_MetropolisBlue .dxp-lead.dxp-summary {
    padding: 0.5rem 0 1rem 0;
  }
  .bs5 #GridWorkOrderComments div.dxgvPagerBottomPanel_MetropolisBlue .dxpLite_MetropolisBlue {
    padding-top: 1rem;
  }
  .bs5 #GridWorkOrderComments .dxgvPagerBottomPanel_MetropolisBlue {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .bs5 #GridWorkOrderComments .card-style {
    display: flex;
  }
  .bs5 #GridWorkOrderComments .gridClass {
    display: none;
  }
  .bs5 #GridWorkOrderComments .dxgvDataRow_MetropolisBlue td.dxgv.card-style {
    padding-left: 16px;
    padding-right: 12px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .bs5 #GridWorkOrderComments .dxgvDataRow_MetropolisBlue td.dxgv.card-style.comment-column {
    padding-bottom: 16px;
  }
  .bs5 #GridWorkOrderComments .dxgvTable_MetropolisBlue.card-table-sm tr:has(td.dxgvHeader_MetropolisBlue) {
    border-bottom: none;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm {
    color: var(--body-text-body-color);
    font-size: 1rem;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm td.dxgvHeader_MetropolisBlue {
    display: none;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue {
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    background-color: var(--gray-white);
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue :last-child {
    margin-bottom: 0;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue td {
    flex: 1;
    padding: 0px;
    border: 0 !important;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue td.card-header.card-style {
    padding-top: 12px !important;
    border-bottom: none;
    background-color: white;
    padding-left: 16px !important;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue td.card-footer.card-style {
    padding-top: 0.25rem;
    color: var(--gray-600);
    justify-content: flex-end;
    padding: 0px !important;
    width: fit-content;
    border-radius: 20px;
    margin-top: 0px;
    margin-left: 16px;
    margin-bottom: 16px;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue td.card-footer.card-style :empty {
    margin-bottom: 0px;
  }
  .bs5 #GridWorkOrderComments table.card-table-sm tr.dxgvDataRow_MetropolisBlue td.card-header.card-style,
  .bs5 #GridWorkOrderComments table.card-table tr.dxgvDataRow_MetropolisBlue td.card-footer.card-style {
    font-size: 14px;
  }
  .bs5 #GridWorkOrderComments.dxgvControl_MetropolisBlue td.card-footer.card-style .not-provider-comment {
    padding: 0rem 0.344rem;
    background-color: var(--gray-100);
  }
}

.bs5 #wo-diagram-grid .dxgvDataRow_MetropolisBlue[row_type=success] {
  background-color: var(--table-row-success-default) !important;
}

.bs5 #lrrpTabContainer .reviewed-by-container:empty,
.bs5 #lrrpTabContainer .mark-as-reviewed-container:empty {
  display: none;
}

.bs5 #lrrpTabContainer label {
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  color: var(--components-form-label);
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

.bs5 #lrrpTabContainer table.card-table tr.dxgvDataRow_MetropolisBlue td.dxgv {
  padding: 1rem;
}

.bs5 #lrrpTabContainer .document {
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.bs5 #lrrpTabContainer a.document {
  color: var(--link-default-default);
}

.bs5 #lrrpTabContainer .value {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--body-text-body-color);
}

.bs5 #lrrpTabContainer .text-danger {
  color: var(--body-text-danger) !important;
  font-weight: 500;
}

@media (max-width: 768px) {
  .bs5 #lrrpTabContainer .mark-as-reviewed-container {
    padding-top: 0.75rem !important;
  }
}

.section-right .section-right-header .section-right-header-body .lrrp-form,
.right-section .section-right-header .section-right-header-body .lrrp-form {
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
}

.bs5 #formLRRP .row::before,
.bs5 #formLRRP .row::after {
  content: none;
}

.bs5 #formLRRP .lrrpHeadersForm {
  font-size: 1.5rem;
  line-height: 1.17;
  letter-spacing: -0.24px;
  font-weight: normal;
}

.bs5 #formLRRP .lrrpSubHeadersForm {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.22;
  margin-bottom: 0;
}

.bs5 #formLRRP input {
  padding: 0.438rem 0.5rem !important;
}

.bs5 #formLRRP .input-row {
  display: flex;
  gap: 0.5rem;
}

.bs5 #formLRRP .leadTestingInformationClass .input-row .form-control {
  line-height: 1.43;
  font-size: 0.875rem !important;
  padding: 0.313rem 0.5rem !important;
}

.bs5 #formLRRP .input-row label {
  margin-bottom: 0;
}

.bs5 #formLRRP .form-check {
  margin-left: 1.25rem;
  padding: 0;
  border: 0;
}

.bs5 #formLRRP .form-check .form-check-input {
  padding: 7px !important;
}

.bs5 #formLRRP .form-check label.form-check-label {
  color: var(--body-text-body-color);
  font-weight: normal;
  margin-bottom: 0;
}

.bs5 #formLRRP .form-check label,
.bs5 #formLRRP .form-check p {
  margin-left: 0.5rem;
}

.bs5 #formLRRP .form-check p {
  color: var(--body-text-muted);
  font-size: 0.875rem;
  line-height: 1.43;
  margin-bottom: 0;
}

.bs5 #formLRRP .field-validation-error {
  line-height: 1.33;
  font-size: 0.75rem;
  margin-top: -0.25rem;
}

@media (min-width: 1920px) {
  .bs5 #formLRRP .card,
  .bs5 #formLRRP #formLRRPBtns {
    max-width: 57.813rem;
  }
}
@media (max-width: 1279px) {
  .bs5 #formLRRP .leadTestingInformationClass .input-row .form-control {
    line-height: 1.5;
    font-size: 1rem !important;
    padding: 0.438rem 0.5rem !important;
    border-radius: 2px;
  }
  .bs5 #formLRRP .leadTestingInformationClass .input-row label.mb-0 {
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .section-right .section-right-header .section-right-header-body .lrrp-form .page-title,
  .section-right .section-right-header .section-right-header-body .lrrp-form .additional-info,
  .right-section .section-right-header .section-right-header-body .lrrp-form .page-title,
  .right-section .section-right-header .section-right-header-body .lrrp-form .additional-info {
    font-size: inherit;
  }
}

.bs5 #add-appoitment {
  padding-left: 3.25rem;
  padding-right: 1rem;
}
.bs5 #appointment-assignment .date-group-input {
  border-radius: 0.1rem;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
}
.bs5 #appointment-assignment .date-group-input input[readonly] {
  cursor: default;
}
.bs5 #appointment-assignment .date-group-input .input-group-text {
  font-size: 0.8125rem;
}
.bs5 #appointment-assignment #assign-button {
  padding: 0.3125rem 0.5rem;
  line-height: 1.43;
  font-size: 0.875em;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  margin-top: 1.5rem;
}

.bs5 #appointment-assignment .date-group-input input,
.bs5 #add-appoitment .appt-type-selector {
  font-size: 0.875rem;
  line-height: 1.43;
}

.bs5 #appointment-assignment .date-group-input input,
.bs5 #appointment-assignment .date-group-input input:focus,
.bs5 #appointment-assignment .date-group-input .input-group-text,
.bs5 #add-appoitment .appt-type-selector {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0.3125rem 0.5rem;
}

.bs5 #appointment-assignment .requested-appointments .form-label,
.bs5 #appointment-assignment #add-appoitment .form-label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.33;
  color: var(--components-form-label);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.bs5 #appointment-assignment #assign-button span,
.bs5 #appointment-assignment #assign-button i {
  font-size: 0.875rem;
}

.bs5 #add-appoitment .appt-type-selector {
  border-radius: 0.1rem;
  border: solid 1px var(--components-form-input-border-default);
  background-color: var(--components-form-input-background-default);
}

.bs5 #appointment-assignment #appointments-table {
  min-width: 900px;
  font-size: 0.875rem;
}

.bs5 #appointment-assignment #appointments-table button {
  outline: none;
}

.bs5 #appointment-assignment #appointments-table .btn-tretiary-danger i {
  font-size: 1rem;
}

.bs5 #appointment-assignment .header-action {
  width: 144px;
}

.bs5 #appointment-assignment #appointments-table .header-action {
  width: 160px;
}

.bs5 #appointment-assignment .appointment-date,
.bs5 #appointment-assignment .estimate-date {
  width: 240px;
}

.bs5 #appointment-assignment #appointments-table .header-delete {
  width: 48px;
}

@media (max-width: 768px) {
  .bs5 #appointment-assignment .date-group-input input, .bs5 #add-appoitment .appt-type-selector {
    font-size: 1rem;
    line-height: 1.43;
    padding: 0.4375rem 0.5rem;
  }
  .bs5 #appointment-assignment .date-group-input .input-group-text {
    font-size: 0.875em;
    padding: 0.4375rem 0.5rem;
  }
  .bs5 #appointment-assignment #assign-button {
    padding: 0.4375rem 0.75rem;
    margin-top: 0.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 1024px) {
  .bs5 #appointment-assignment .appointment-date {
    width: 160px;
  }
  .bs5 #appointment-assignment .estimate-date {
    width: 140px;
  }
  .bs5 #appointment-assignment .header-action {
    width: 130px;
  }
}
@media (max-width: 768px) {
  .bs5 #add-appoitment {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .bs5 #appointment-assignment .appointment-date,
  .bs5 #appointment-assignment .estimate-date {
    width: 240px;
  }
  .bs5 #appointment-assignment .header-action {
    width: 140px;
  }
}
@media (max-width: 568px) {
  .bs5 #appointment-assignment .header-action {
    width: 100%;
  }
}
.bs5 .facelifted-affiliate-modal .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.bs5 .facelifted-affiliate-modal .info-header {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 0 1rem;
}

.bs5 .facelifted-affiliate-modal .info-header .affiliate-name {
  font-size: 1.125rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  color: var(--body-text-body-color);
}

.bs5 .facelifted-affiliate-modal .info-header .link {
  font-size: 0.875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--link-default-default);
  text-decoration: none !important;
}

.bs5 .facelifted-affiliate-modal.modal .modal-content .input-row {
  padding-top: 0.375rem;
}

.bs5 .facelifted-affiliate-modal .modal-body {
  padding: 0;
}

.bs5 .facelifted-affiliate-modal.modal .modal-content .affiliate-info-container .input-row {
  flex-direction: row;
  margin-bottom: 0.375rem;
  align-items: center;
}

.bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row:not(:first-child) {
  border-top: dotted 1px var(--gray-200);
}

.bs5 .facelifted-affiliate-modal .modal-body .input-row label.input-label {
  font-size: 0.75em;
}

.bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-label,
.bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-value {
  width: auto;
}

.bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-label {
  min-width: 100px;
  text-align: right;
  padding-bottom: 0;
}

.bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-value {
  padding-left: 0.75rem;
}

.bs5 .facelifted-affiliate-modal .input-row .input-value {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--body-text-body-color);
}

.bs5 .facelifted-affiliate-modal .input-row .input-label {
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.24px;
  color: var(--components-form-label);
  text-transform: uppercase;
}

.bs5 #affiliate-contact-table {
  margin-top: 0.875rem;
  min-width: 768px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .bs5 .facelifted-affiliate-modal .modal-dialog {
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  .bs5 .facelifted-affiliate-modal .info-header {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.375rem;
  }
  .bs5 .facelifted-affiliate-modal .info-header .affiliate-name,
  .bs5 .facelifted-affiliate-modal .info-header .link {
    width: 100%;
  }
  .bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-label,
  .bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-value {
    width: 100%;
    text-align: left;
  }
  .bs5 .affiliate-note-container {
    padding: 0;
  }
  .bs5 .affiliate-note-container .input-row {
    border-top: dotted 1px var(--gray-200);
  }
  .bs5 .facelifted-affiliate-modal.modal .modal-content .affiliate-info-container .input-row {
    flex-direction: column;
  }
  .bs5 .facelifted-affiliate-modal .input-row .input-value,
  .bs5 .facelifted-affiliate-modal .affiliate-info-container .input-row .input-value {
    padding-left: 0;
  }
  .bs5 #appointment-assignment #assign-button span,
  .bs5 #appointment-assignment #assign-button i {
    font-size: 1rem;
  }
}

.bs5 .finance-offers,
.bs5 #finance-offer-grid,
.bs5 .finance-offers-grid-container {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.bs5 #finance-offer-grid .dxgvControl_MetropolisBlue table td.dxgvHeader_MetropolisBlue table tr:first-child {
  padding-left: 0.5rem;
}

.bs5 #finance-offer-grid .dxgvControl_MetropolisBlue table.dxgvTable_MetropolisBlue td.text-nowrap tr td {
  white-space: nowrap;
}

.bs5 #finance-offer-grid tr.dxgvDataRow_MetropolisBlue:last-child {
  border-bottom: none;
}

.bs5 #finance-offers .finance-offer-subtitle {
  line-height: 1.43;
  font-size: 0.875rem;
  color: var(--body-text-muted);
}

.bs5 #finance-offers .finance-offer-title {
  color: var(--body-text-body-color);
  line-height: 1.5;
  font-size: 1rem;
  margin: 0;
}

.bs5 .finance-offers-container {
  padding: 0 1.5rem 1rem 1.5rem;
}

.bs5 #finance-offers .finance-offers-container {
  margin-top: 1rem;
  align-items: center;
  align-self: flex-start;
  width: 100%;
  border-bottom: 1px solid var(--gray-200);
}

.bs5 #finance-offers .finance-offers-container .finance-offers-status {
  color: var(--body-text-muted);
  font-weight: 500;
  line-height: 1.5;
  font-size: 1rem;
  padding-right: 0.5rem;
}

.bs5 #finance-offers .finance-offers-container .status-badge {
  background-color: var(--gray-white);
  border: solid 1px var(--gray-50);
  border-radius: 1.5rem;
  color: var(--gray-800);
  line-height: 1.43;
  font-size: 0.875rem;
  font-weight: 500;
}

.bs5 #finance-offers span.finance-offer-approve-text {
  line-height: 1.22;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.18px;
  color: var(--body-text-muted);
}

.bs5 #finance-offers .finance-offers-grid-container .finance-offer-approve-text .finance-offer-amount {
  color: var(--body-text-body-color);
}

.bs5 .finance-offers-grid-container {
  max-width: 37.5rem;
}

.bs5 #finance-offer-estimate-grid td.dxgv span.dxeBase_MetropolisBlue,
.bs5 #finance-offer-grid td.dxgv span.dxeBase_MetropolisBlue {
  padding: 0 !important;
}

.bs5 #finance-offer-grid,
.bs5 #finance-offer-estimate-grid {
  border: 1px solid var(--table-border);
}

.bs5 #finance-offer-grid table.dxgvTable_MetropolisBlue tr:has(td.dxgvHeader_MetropolisBlue),
.bs5 #finance-offer-estimate-grid tr.dxgvDataRow_MetropolisBlue:nth-of-type(2) {
  border-top: none;
}

.bs5 #finance-offer-estimate-grid tr.dxgvDataRow_MetropolisBlue:last-child,
.bs5 #finance-offer-estimate-grid tr.dxgvDataRow_MetropolisBlue td {
  border-bottom: none;
  border-top: none;
}

.bs5 #finance-offer-estimate-grid .dxgvDataRow_MetropolisBlue td.dxgv:first-child {
  text-align-last: center;
}

@media (max-width: 767px) {
  .bs5 .finance-offers-grid-container {
    max-width: 100%;
  }
  .bs5 #finance-offers .finance-offers-container .finance-offers-status {
    padding-bottom: 0.5rem;
  }
  .bs5 .finance-offers-container,
  .bs5 .finance-offers,
  .bs5 .finance-offers-grid-container .finance-offer-title,
  .bs5 .finance-offers-grid-container .finance-offer-approve-text {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .bs5 #finance-offer-grid,
  .bs5 .finance-offers,
  .bs5 .finance-offers-grid-container {
    margin-right: 0;
    margin-left: 0;
  }
}

.bs5 #cdo-tab-content .input-row .input-label {
  font-size: 0.875rem;
}

.bs5 #cdo-tab-content .input-row .form-control-sm {
  padding: 5px 8px !important;
  font-size: 0.875rem !important;
  line-height: 1.43;
}

@media (max-width: 991px) {
  .bs5 #cdo-tab-content .input-row .input-label {
    font-size: 0.75rem;
  }
  .bs5 #cdo-tab-content .input-row .form-control-sm {
    padding: 7px 8px !important;
    font-size: 16px !important;
    line-height: 1.5;
  }
}
@-moz-document url-prefix() {
  .bs5 #GridWorkOrderDesignStatusHistory.dxgvControl_MetropolisBlue {
    border-top: 1px Solid #c0c0c0;
  }
}

.bs5 #GridWorkOrderServices .dxgvTable_MetropolisBlue .dxgvDataRow_MetropolisBlue,
.bs5 #GridWorkOrderServices .dxgvTable_MetropolisBlue .dxgvDataRow_MetropolisBlue .card-description,
.bs5 #GridWorkOrderServices .dxgvTable_MetropolisBlue .dxgvDataRow_MetropolisBlue .pt-0.dxgv.dx-ar {
  background-color: var(--white) !important;
}

.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue table.card-table tr.dxgvDataRow_MetropolisBlue.closed dxgv,
.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue table.card-table tr.dxgvDataRow_MetropolisBlue.closed .card-description,
.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue table.card-table tr.dxgvDataRow_MetropolisBlue.closed .pt-0.dxgv.dx-ar {
  background-color: var(--gray-50) !important;
}

.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue tr.dxgvEmptyDataRow_MetropolisBlue td.dxgv {
  background-color: var(--containers-section-body-background) !important;
}

.bs5 #GridWorkOrderServices.dxgvControl_MetropolisBlue tbody tr td {
  background-color: var(--light-gray);
}

.bs5 .regional-manager table {
  margin-bottom: 0;
  min-width: 1440px;
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--body-text-body-color);
}
.bs5 .regional-manager table .dotted-border-bottom {
  border-bottom: var(--table-row-border) dotted;
}
.bs5 .regional-manager .estimator-container {
  max-height: 80vh;
}
.bs5 .regional-manager .estimator-info-lead-apply {
  margin: 0;
}
.bs5 .regional-manager .pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  background-color: var(--gray-75);
  border-top: 1px solid var(--table-border);
  position: relative;
  min-height: 55px;
}
@media (max-width: 1024px) {
  .bs5 .regional-manager .pagination-wrapper {
    flex-wrap: wrap;
  }
}
.bs5 .regional-manager .pagination-wrapper nav {
  width: 60%;
}
@media (max-width: 1024px) {
  .bs5 .regional-manager .pagination-wrapper nav {
    width: 100%;
  }
}
.bs5 .regional-manager .pagination-wrapper .pagination {
  flex-wrap: wrap;
}
.bs5 .regional-manager .pagination-wrapper .pagination .dots {
  margin: 5px 11px;
}
.bs5 .regional-manager .pagination-wrapper--info {
  display: block;
  padding: 0.375rem 0rem 0.375rem 1rem;
  color: var(--gray-600);
  font-size: 14px;
  font-weight: normal;
  flex: 1 0 auto;
  line-height: 20px;
  position: absolute;
  left: 8px;
  top: calc(50% - 16px);
}
@media (max-width: 1024px) {
  .bs5 .regional-manager .pagination-wrapper--info {
    text-align: center;
    position: static;
    order: 2;
    padding: 0.375rem 0;
  }
}

.bs5 #wo-payor-tab .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}
.bs5 #wo-payor-tab #GridWoPayorPaymentRequests,
.bs5 #wo-payor-tab #GridWoPayors {
  border-left: solid 1px var(--gray-150);
  border-right: solid 1px var(--gray-150);
}
.bs5 #wo-payor-tab #GridWoPayorPaymentRequests .command,
.bs5 #wo-payor-tab #GridWoPayors .command {
  min-height: 60px;
}
.bs5 #wo-payor-tab #resendRequest {
  color: var(--edit-btn-color) !important;
}
.bs5 #wo-payor-tab #cancelRequest {
  color: var(--theme-danger-alt) !important;
}
.bs5 #wo-payor-tab table .btn {
  color: var(--edit-btn-color) !important;
}
.bs5 #wo-payor-tab #add-edit-payor_modal #payor-person-container .row,
.bs5 #wo-payor-tab #add-edit-payor_modal #payor-company-container .row {
  margin-bottom: 1rem;
}
.bs5 #wo-payor-tab #add-edit-payor_modal .form-check label {
  margin-top: 2px;
}
.bs5 #wo-payor-tab #payment-request-modal input {
  text-align: right;
}
.bs5 #wo-payor-tab #payment-request-modal .input-group {
  border: 1px solid var(--input-readonly-border-color, #E4E4E4);
  border-radius: 4px;
}
.bs5 #wo-payor-tab #payment-request-modal .input-group-prepend .input-group-text {
  background: white;
  border: none;
}
.bs5 #wo-payor-tab #payment-request-modal .input-group-prepend .input-group-text .input-group-text {
  border: none;
}
.bs5 #wo-payor-tab #payment-request-modal .input-group:has(.input-validation-error) {
  border: 1px solid var(--theme-danger);
}
.bs5 #wo-payor-tab #payment-request-modal input {
  border: none !important;
}
.bs5 #wo-payor-tab #payment-request-modal .group-disabled {
  background: var(--gray-200);
}
.bs5 #wo-payor-tab #payment-request-modal .group-disabled .input-group-prepend .input-group-text {
  background: transparent;
}
.bs5 #wo-payor-tab #payment-request-modal .group-disabled input {
  background: transparent;
}

.bs5 #AccountDetailsModal .modal-dialog {
  min-width: 80%;
}
.bs5 .service-details .div-input {
  background: #ffffff;
}
.bs5 .service-details .form-control:has(input[type=hidden]) {
  min-height: 32px;
}
.bs5 .service-details .form-check .form-check-input:disabled {
  cursor: not-allowed;
}
.bs5 .service-details .form-check .form-check-input:checked {
  background-color: var(--primary) !important;
}
.bs5 .service-details .card .card-header .additional-info {
  color: var(--components-form-form-text-invalid);
}
.bs5 .service-details .input-group {
  height: 32px !important;
}
.bs5 .service-details .input-group input .form-control {
  box-shadow: none !important;
  height: unset;
}
.bs5 .service-details .message-warning {
  color: var(--components-form-form-text-invalid);
  align-content: center;
  font-size: 0.875rem !important;
  padding-left: 0.5rem;
}
.bs5 .service-details i.icon-plus, .bs5 .service-details i.icon-minus {
  background-image: none;
}
.bs5 .service-details #additionalCost-create .section {
  margin-left: 1rem;
}
@media (max-width: 554px) {
  .bs5 .service-details #additionalCost-create .card-footer {
    width: 300px;
  }
}
.bs5 .service-details #GridAdditionalCosts .dxgvCommandColumn_MetropolisBlue {
  display: table-cell;
}
.bs5 .service-details #findings[readonly=readonly] {
  pointer-events: none;
}
.bs5 .service-details .input-row:has(#findings[readonly=readonly]) {
  cursor: not-allowed;
}
.bs5 #ServiceCompletedDialog span.message-error {
  color: var(--body-text-danger);
  font-size: 1.1rem;
  font-weight: bold !important;
  margin: 20px 0 10px 0;
  display: block;
}

.loader {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1100;
}
.loader > div {
  position: absolute;
  background: transparent;
  border: 8px solid transparent;
  border-radius: 50%;
  border-top: 8px solid #0091ff;
  border-bottom: 8px solid #0091ff;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear alternate infinite;
  animation: spin 2s linear alternate infinite;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-right: -60px;
}
.loader > div > div {
  position: absolute;
  content: "";
  background: transparent;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-radius: 50%;
  border-top: 8px solid #3be730;
  border-bottom: 8px solid #3be730;
  width: 80%;
  height: 80%;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  margin-top: -40%;
  -webkit-animation: spin 1s linear alternate-reverse infinite;
  animation: spin 1s linear alternate-reverse infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}