@charset "UTF-8";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

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

/* src/styles.scss */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb:
    110,
    168,
    254;
  --bs-link-hover-color-rgb:
    139,
    185,
    254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
.onyxiq-theme {
}
.onyxiq-theme *,
.onyxiq-theme *::before,
.onyxiq-theme *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  .onyxiq-theme :root {
    scroll-behavior: smooth;
  }
}
.onyxiq-theme hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
.onyxiq-theme abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
.onyxiq-theme address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.onyxiq-theme ol,
.onyxiq-theme ul {
  padding-left: 2rem;
}
.onyxiq-theme ol,
.onyxiq-theme ul,
.onyxiq-theme dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.onyxiq-theme ol ol,
.onyxiq-theme ul ul,
.onyxiq-theme ol ul,
.onyxiq-theme ul ol {
  margin-bottom: 0;
}
.onyxiq-theme dt {
  font-weight: 700;
}
.onyxiq-theme dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.onyxiq-theme blockquote {
  margin: 0 0 1rem;
}
.onyxiq-theme b,
.onyxiq-theme strong {
  font-weight: bolder;
}
.onyxiq-theme small {
  font-size: 0.875em;
}
.onyxiq-theme mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
.onyxiq-theme sub,
.onyxiq-theme sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
.onyxiq-theme sub {
  bottom: -0.25em;
}
.onyxiq-theme sup {
  top: -0.5em;
}
.onyxiq-theme a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
.onyxiq-theme a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
.onyxiq-theme a:not([href]):not([class]),
.onyxiq-theme a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.onyxiq-theme pre,
.onyxiq-theme code,
.onyxiq-theme kbd,
.onyxiq-theme samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
.onyxiq-theme pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
.onyxiq-theme pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.onyxiq-theme code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > .onyxiq-theme code {
  color: inherit;
}
.onyxiq-theme kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
.onyxiq-theme kbd kbd {
  padding: 0;
  font-size: 1em;
}
.onyxiq-theme figure {
  margin: 0 0 1rem;
}
.onyxiq-theme img,
.onyxiq-theme svg {
  vertical-align: middle;
}
.onyxiq-theme table {
  caption-side: bottom;
  border-collapse: collapse;
}
.onyxiq-theme caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
.onyxiq-theme th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
.onyxiq-theme thead,
.onyxiq-theme tbody,
.onyxiq-theme tfoot,
.onyxiq-theme tr,
.onyxiq-theme td,
.onyxiq-theme th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
.onyxiq-theme label {
  display: inline-block;
}
.onyxiq-theme button:focus:not(:focus-visible) {
  outline: 0;
}
.onyxiq-theme [role=button] {
  cursor: pointer;
}
.onyxiq-theme select {
  word-wrap: normal;
}
.onyxiq-theme select:disabled {
  opacity: 1;
}
.onyxiq-theme [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
.onyxiq-theme button,
.onyxiq-theme [type=button],
.onyxiq-theme [type=reset],
.onyxiq-theme [type=submit] {
  -webkit-appearance: button;
}
.onyxiq-theme button:not(:disabled),
.onyxiq-theme [type=button]:not(:disabled),
.onyxiq-theme [type=reset]:not(:disabled),
.onyxiq-theme [type=submit]:not(:disabled) {
  cursor: pointer;
}
.onyxiq-theme ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.onyxiq-theme textarea {
  resize: vertical;
}
.onyxiq-theme fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.onyxiq-theme legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .onyxiq-theme legend {
    font-size: 1.5rem;
  }
}
.onyxiq-theme legend + * {
  clear: left;
}
.onyxiq-theme ::-webkit-datetime-edit-fields-wrapper,
.onyxiq-theme ::-webkit-datetime-edit-text,
.onyxiq-theme ::-webkit-datetime-edit-minute,
.onyxiq-theme ::-webkit-datetime-edit-hour-field,
.onyxiq-theme ::-webkit-datetime-edit-day-field,
.onyxiq-theme ::-webkit-datetime-edit-month-field,
.onyxiq-theme ::-webkit-datetime-edit-year-field {
  padding: 0;
}
.onyxiq-theme ::-webkit-inner-spin-button {
  height: auto;
}
.onyxiq-theme [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.onyxiq-theme [type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
.onyxiq-theme ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.onyxiq-theme ::-webkit-color-swatch-wrapper {
  padding: 0;
}
.onyxiq-theme ::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
.onyxiq-theme output {
  display: inline-block;
}
.onyxiq-theme iframe {
  border: 0;
}
.onyxiq-theme summary {
  display: list-item;
  cursor: pointer;
}
.onyxiq-theme progress {
  vertical-align: baseline;
}
.onyxiq-theme [hidden] {
  display: none !important;
}
.onyxiq-theme .container,
.onyxiq-theme .container-fluid,
.onyxiq-theme .container-xxl,
.onyxiq-theme .container-xl,
.onyxiq-theme .container-lg,
.onyxiq-theme .container-md,
.onyxiq-theme .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .onyxiq-theme .container-sm,
  .onyxiq-theme .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .container-md,
  .onyxiq-theme .container-sm,
  .onyxiq-theme .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .container-lg,
  .onyxiq-theme .container-md,
  .onyxiq-theme .container-sm,
  .onyxiq-theme .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .container-xl,
  .onyxiq-theme .container-lg,
  .onyxiq-theme .container-md,
  .onyxiq-theme .container-sm,
  .onyxiq-theme .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .container-xxl,
  .onyxiq-theme .container-xl,
  .onyxiq-theme .container-lg,
  .onyxiq-theme .container-md,
  .onyxiq-theme .container-sm,
  .onyxiq-theme .container {
    max-width: 1320px;
  }
}
.onyxiq-theme :root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.onyxiq-theme .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.onyxiq-theme .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.onyxiq-theme .col {
  flex: 1 0 0;
}
.onyxiq-theme .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.onyxiq-theme .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.onyxiq-theme .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.onyxiq-theme .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.onyxiq-theme .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.onyxiq-theme .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.onyxiq-theme .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.onyxiq-theme .col-auto {
  flex: 0 0 auto;
  width: auto;
}
.onyxiq-theme .col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.onyxiq-theme .col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.onyxiq-theme .col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.onyxiq-theme .col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.onyxiq-theme .col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.onyxiq-theme .col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.onyxiq-theme .col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.onyxiq-theme .col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.onyxiq-theme .col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.onyxiq-theme .col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.onyxiq-theme .col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.onyxiq-theme .col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.onyxiq-theme .offset-1 {
  margin-left: 8.33333333%;
}
.onyxiq-theme .offset-2 {
  margin-left: 16.66666667%;
}
.onyxiq-theme .offset-3 {
  margin-left: 25%;
}
.onyxiq-theme .offset-4 {
  margin-left: 33.33333333%;
}
.onyxiq-theme .offset-5 {
  margin-left: 41.66666667%;
}
.onyxiq-theme .offset-6 {
  margin-left: 50%;
}
.onyxiq-theme .offset-7 {
  margin-left: 58.33333333%;
}
.onyxiq-theme .offset-8 {
  margin-left: 66.66666667%;
}
.onyxiq-theme .offset-9 {
  margin-left: 75%;
}
.onyxiq-theme .offset-10 {
  margin-left: 83.33333333%;
}
.onyxiq-theme .offset-11 {
  margin-left: 91.66666667%;
}
.onyxiq-theme .g-0,
.onyxiq-theme .gx-0 {
  --bs-gutter-x: 0;
}
.onyxiq-theme .g-0,
.onyxiq-theme .gy-0 {
  --bs-gutter-y: 0;
}
.onyxiq-theme .g-1,
.onyxiq-theme .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.onyxiq-theme .g-1,
.onyxiq-theme .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.onyxiq-theme .g-2,
.onyxiq-theme .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.onyxiq-theme .g-2,
.onyxiq-theme .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.onyxiq-theme .g-3,
.onyxiq-theme .gx-3 {
  --bs-gutter-x: 1rem;
}
.onyxiq-theme .g-3,
.onyxiq-theme .gy-3 {
  --bs-gutter-y: 1rem;
}
.onyxiq-theme .g-4,
.onyxiq-theme .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.onyxiq-theme .g-4,
.onyxiq-theme .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.onyxiq-theme .g-5,
.onyxiq-theme .gx-5 {
  --bs-gutter-x: 3rem;
}
.onyxiq-theme .g-5,
.onyxiq-theme .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .onyxiq-theme .col-sm {
    flex: 1 0 0;
  }
  .onyxiq-theme .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .onyxiq-theme .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .onyxiq-theme .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .onyxiq-theme .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .onyxiq-theme .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .onyxiq-theme .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .onyxiq-theme .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .onyxiq-theme .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .onyxiq-theme .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .offset-sm-0 {
    margin-left: 0;
  }
  .onyxiq-theme .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .onyxiq-theme .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .onyxiq-theme .offset-sm-3 {
    margin-left: 25%;
  }
  .onyxiq-theme .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .onyxiq-theme .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .onyxiq-theme .offset-sm-6 {
    margin-left: 50%;
  }
  .onyxiq-theme .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .onyxiq-theme .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .onyxiq-theme .offset-sm-9 {
    margin-left: 75%;
  }
  .onyxiq-theme .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .onyxiq-theme .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .onyxiq-theme .g-sm-0,
  .onyxiq-theme .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .onyxiq-theme .g-sm-0,
  .onyxiq-theme .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .onyxiq-theme .g-sm-1,
  .onyxiq-theme .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .onyxiq-theme .g-sm-1,
  .onyxiq-theme .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .onyxiq-theme .g-sm-2,
  .onyxiq-theme .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .onyxiq-theme .g-sm-2,
  .onyxiq-theme .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .onyxiq-theme .g-sm-3,
  .onyxiq-theme .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .onyxiq-theme .g-sm-3,
  .onyxiq-theme .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .onyxiq-theme .g-sm-4,
  .onyxiq-theme .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .onyxiq-theme .g-sm-4,
  .onyxiq-theme .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .onyxiq-theme .g-sm-5,
  .onyxiq-theme .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .onyxiq-theme .g-sm-5,
  .onyxiq-theme .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .col-md {
    flex: 1 0 0;
  }
  .onyxiq-theme .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .onyxiq-theme .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .onyxiq-theme .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .onyxiq-theme .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .onyxiq-theme .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .onyxiq-theme .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .onyxiq-theme .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .onyxiq-theme .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .onyxiq-theme .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .offset-md-0 {
    margin-left: 0;
  }
  .onyxiq-theme .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .onyxiq-theme .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .onyxiq-theme .offset-md-3 {
    margin-left: 25%;
  }
  .onyxiq-theme .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .onyxiq-theme .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .onyxiq-theme .offset-md-6 {
    margin-left: 50%;
  }
  .onyxiq-theme .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .onyxiq-theme .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .onyxiq-theme .offset-md-9 {
    margin-left: 75%;
  }
  .onyxiq-theme .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .onyxiq-theme .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .onyxiq-theme .g-md-0,
  .onyxiq-theme .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .onyxiq-theme .g-md-0,
  .onyxiq-theme .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .onyxiq-theme .g-md-1,
  .onyxiq-theme .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .onyxiq-theme .g-md-1,
  .onyxiq-theme .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .onyxiq-theme .g-md-2,
  .onyxiq-theme .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .onyxiq-theme .g-md-2,
  .onyxiq-theme .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .onyxiq-theme .g-md-3,
  .onyxiq-theme .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .onyxiq-theme .g-md-3,
  .onyxiq-theme .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .onyxiq-theme .g-md-4,
  .onyxiq-theme .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .onyxiq-theme .g-md-4,
  .onyxiq-theme .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .onyxiq-theme .g-md-5,
  .onyxiq-theme .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .onyxiq-theme .g-md-5,
  .onyxiq-theme .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .col-lg {
    flex: 1 0 0;
  }
  .onyxiq-theme .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .onyxiq-theme .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .onyxiq-theme .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .onyxiq-theme .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .onyxiq-theme .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .onyxiq-theme .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .onyxiq-theme .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .onyxiq-theme .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .onyxiq-theme .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .offset-lg-0 {
    margin-left: 0;
  }
  .onyxiq-theme .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .onyxiq-theme .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .onyxiq-theme .offset-lg-3 {
    margin-left: 25%;
  }
  .onyxiq-theme .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .onyxiq-theme .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .onyxiq-theme .offset-lg-6 {
    margin-left: 50%;
  }
  .onyxiq-theme .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .onyxiq-theme .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .onyxiq-theme .offset-lg-9 {
    margin-left: 75%;
  }
  .onyxiq-theme .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .onyxiq-theme .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .onyxiq-theme .g-lg-0,
  .onyxiq-theme .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .onyxiq-theme .g-lg-0,
  .onyxiq-theme .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .onyxiq-theme .g-lg-1,
  .onyxiq-theme .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .onyxiq-theme .g-lg-1,
  .onyxiq-theme .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .onyxiq-theme .g-lg-2,
  .onyxiq-theme .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .onyxiq-theme .g-lg-2,
  .onyxiq-theme .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .onyxiq-theme .g-lg-3,
  .onyxiq-theme .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .onyxiq-theme .g-lg-3,
  .onyxiq-theme .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .onyxiq-theme .g-lg-4,
  .onyxiq-theme .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .onyxiq-theme .g-lg-4,
  .onyxiq-theme .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .onyxiq-theme .g-lg-5,
  .onyxiq-theme .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .onyxiq-theme .g-lg-5,
  .onyxiq-theme .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .col-xl {
    flex: 1 0 0;
  }
  .onyxiq-theme .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .onyxiq-theme .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .onyxiq-theme .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .onyxiq-theme .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .onyxiq-theme .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .onyxiq-theme .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .onyxiq-theme .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .onyxiq-theme .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .onyxiq-theme .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .offset-xl-0 {
    margin-left: 0;
  }
  .onyxiq-theme .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .onyxiq-theme .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .onyxiq-theme .offset-xl-3 {
    margin-left: 25%;
  }
  .onyxiq-theme .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .onyxiq-theme .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .onyxiq-theme .offset-xl-6 {
    margin-left: 50%;
  }
  .onyxiq-theme .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .onyxiq-theme .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .onyxiq-theme .offset-xl-9 {
    margin-left: 75%;
  }
  .onyxiq-theme .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .onyxiq-theme .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .onyxiq-theme .g-xl-0,
  .onyxiq-theme .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .onyxiq-theme .g-xl-0,
  .onyxiq-theme .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .onyxiq-theme .g-xl-1,
  .onyxiq-theme .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .onyxiq-theme .g-xl-1,
  .onyxiq-theme .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .onyxiq-theme .g-xl-2,
  .onyxiq-theme .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .onyxiq-theme .g-xl-2,
  .onyxiq-theme .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .onyxiq-theme .g-xl-3,
  .onyxiq-theme .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .onyxiq-theme .g-xl-3,
  .onyxiq-theme .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .onyxiq-theme .g-xl-4,
  .onyxiq-theme .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .onyxiq-theme .g-xl-4,
  .onyxiq-theme .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .onyxiq-theme .g-xl-5,
  .onyxiq-theme .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .onyxiq-theme .g-xl-5,
  .onyxiq-theme .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .col-xxl {
    flex: 1 0 0;
  }
  .onyxiq-theme .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .onyxiq-theme .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .onyxiq-theme .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .onyxiq-theme .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .onyxiq-theme .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .onyxiq-theme .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .onyxiq-theme .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .onyxiq-theme .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .onyxiq-theme .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .onyxiq-theme .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .onyxiq-theme .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .onyxiq-theme .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .onyxiq-theme .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .onyxiq-theme .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .onyxiq-theme .offset-xxl-0 {
    margin-left: 0;
  }
  .onyxiq-theme .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .onyxiq-theme .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .onyxiq-theme .offset-xxl-3 {
    margin-left: 25%;
  }
  .onyxiq-theme .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .onyxiq-theme .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .onyxiq-theme .offset-xxl-6 {
    margin-left: 50%;
  }
  .onyxiq-theme .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .onyxiq-theme .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .onyxiq-theme .offset-xxl-9 {
    margin-left: 75%;
  }
  .onyxiq-theme .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .onyxiq-theme .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .onyxiq-theme .g-xxl-0,
  .onyxiq-theme .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .onyxiq-theme .g-xxl-0,
  .onyxiq-theme .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .onyxiq-theme .g-xxl-1,
  .onyxiq-theme .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .onyxiq-theme .g-xxl-1,
  .onyxiq-theme .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .onyxiq-theme .g-xxl-2,
  .onyxiq-theme .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .onyxiq-theme .g-xxl-2,
  .onyxiq-theme .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .onyxiq-theme .g-xxl-3,
  .onyxiq-theme .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .onyxiq-theme .g-xxl-3,
  .onyxiq-theme .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .onyxiq-theme .g-xxl-4,
  .onyxiq-theme .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .onyxiq-theme .g-xxl-4,
  .onyxiq-theme .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .onyxiq-theme .g-xxl-5,
  .onyxiq-theme .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .onyxiq-theme .g-xxl-5,
  .onyxiq-theme .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.onyxiq-theme .table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.onyxiq-theme .table > tbody {
  vertical-align: inherit;
}
.onyxiq-theme .table > thead {
  vertical-align: bottom;
}
.onyxiq-theme .table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.onyxiq-theme .caption-top {
  caption-side: top;
}
.onyxiq-theme .table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.onyxiq-theme .table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.onyxiq-theme .table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.onyxiq-theme .table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.onyxiq-theme .table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.onyxiq-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.onyxiq-theme .table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.onyxiq-theme .table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.onyxiq-theme .table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.onyxiq-theme .table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.onyxiq-theme .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .onyxiq-theme .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .onyxiq-theme .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .onyxiq-theme .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .onyxiq-theme .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .onyxiq-theme .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.onyxiq-theme .btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .onyxiq-theme .btn {
    transition: none;
  }
}
.onyxiq-theme .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .onyxiq-theme .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.onyxiq-theme .btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .onyxiq-theme .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .onyxiq-theme .btn,
:not(.btn-check) + .onyxiq-theme .btn:active,
.onyxiq-theme .btn:first-child:active,
.onyxiq-theme .btn.active,
.onyxiq-theme .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .onyxiq-theme .btn:focus-visible,
:not(.btn-check) + .onyxiq-theme .btn:active:focus-visible,
.onyxiq-theme .btn:first-child:active:focus-visible,
.onyxiq-theme .btn.active:focus-visible,
.onyxiq-theme .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .onyxiq-theme .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.onyxiq-theme .btn:disabled,
.onyxiq-theme .btn.disabled,
fieldset:disabled .onyxiq-theme .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.onyxiq-theme .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.onyxiq-theme .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.onyxiq-theme .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb:
    60,
    153,
    110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.onyxiq-theme .btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb:
    11,
    172,
    204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.onyxiq-theme .btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb:
    217,
    164,
    6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.onyxiq-theme .btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.onyxiq-theme .btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.onyxiq-theme .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.onyxiq-theme .btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb:
    13,
    110,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb:
    25,
    135,
    84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb:
    13,
    202,
    240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb:
    255,
    193,
    7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.onyxiq-theme .btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.onyxiq-theme .btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  text-decoration: underline;
}
.onyxiq-theme .btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.onyxiq-theme .btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.onyxiq-theme .btn-lg,
.onyxiq-theme .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.onyxiq-theme .btn-sm,
.onyxiq-theme .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.onyxiq-theme .dropup,
.onyxiq-theme .dropend,
.onyxiq-theme .dropdown,
.onyxiq-theme .dropstart,
.onyxiq-theme .dropup-center,
.onyxiq-theme .dropdown-center {
  position: relative;
}
.onyxiq-theme .dropdown-toggle {
  white-space: nowrap;
}
.onyxiq-theme .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;
}
.onyxiq-theme .dropdown-toggle:empty::after {
  margin-left: 0;
}
.onyxiq-theme .dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.onyxiq-theme .dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.onyxiq-theme .dropdown-menu-start {
  --bs-position: start;
}
.onyxiq-theme .dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.onyxiq-theme .dropdown-menu-end {
  --bs-position: end;
}
.onyxiq-theme .dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .onyxiq-theme .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .onyxiq-theme .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .onyxiq-theme .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .onyxiq-theme .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .dropdown-menu-md-start {
    --bs-position: start;
  }
  .onyxiq-theme .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .onyxiq-theme .dropdown-menu-md-end {
    --bs-position: end;
  }
  .onyxiq-theme .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .onyxiq-theme .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .onyxiq-theme .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .onyxiq-theme .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .onyxiq-theme .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .onyxiq-theme .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .onyxiq-theme .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .onyxiq-theme .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .onyxiq-theme .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .onyxiq-theme .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.onyxiq-theme .dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.onyxiq-theme .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;
}
.onyxiq-theme .dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.onyxiq-theme .dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.onyxiq-theme .dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.onyxiq-theme .dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.onyxiq-theme .dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.onyxiq-theme .dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.onyxiq-theme .dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
}
.onyxiq-theme .dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.onyxiq-theme .dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.onyxiq-theme .dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.onyxiq-theme .dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.onyxiq-theme .dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.onyxiq-theme .dropdown-item:hover,
.onyxiq-theme .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.onyxiq-theme .dropdown-item.active,
.onyxiq-theme .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.onyxiq-theme .dropdown-item.disabled,
.onyxiq-theme .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.onyxiq-theme .dropdown-menu.show {
  display: block;
}
.onyxiq-theme .dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.onyxiq-theme .dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.onyxiq-theme .dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.onyxiq-theme .btn-group,
.onyxiq-theme .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.onyxiq-theme .btn-group > .btn,
.onyxiq-theme .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.onyxiq-theme .btn-group > .btn-check:checked + .btn,
.onyxiq-theme .btn-group > .btn-check:focus + .btn,
.onyxiq-theme .btn-group > .btn:hover,
.onyxiq-theme .btn-group > .btn:focus,
.onyxiq-theme .btn-group > .btn:active,
.onyxiq-theme .btn-group > .btn.active,
.onyxiq-theme .btn-group-vertical > .btn-check:checked + .btn,
.onyxiq-theme .btn-group-vertical > .btn-check:focus + .btn,
.onyxiq-theme .btn-group-vertical > .btn:hover,
.onyxiq-theme .btn-group-vertical > .btn:focus,
.onyxiq-theme .btn-group-vertical > .btn:active,
.onyxiq-theme .btn-group-vertical > .btn.active {
  z-index: 1;
}
.onyxiq-theme .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.onyxiq-theme .btn-toolbar .input-group {
  width: auto;
}
.onyxiq-theme .btn-group {
  border-radius: var(--bs-border-radius);
}
.onyxiq-theme .btn-group > :not(.btn-check:first-child) + .btn,
.onyxiq-theme .btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.onyxiq-theme .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.onyxiq-theme .btn-group > .btn.dropdown-toggle-split:first-child,
.onyxiq-theme .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.onyxiq-theme .btn-group > .btn:nth-child(n+3),
.onyxiq-theme .btn-group > :not(.btn-check) + .btn,
.onyxiq-theme .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.onyxiq-theme .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.onyxiq-theme .dropdown-toggle-split::after,
.dropup .onyxiq-theme .dropdown-toggle-split::after,
.dropend .onyxiq-theme .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .onyxiq-theme .dropdown-toggle-split::before {
  margin-right: 0;
}
.onyxiq-theme .btn-sm + .dropdown-toggle-split,
.onyxiq-theme .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.onyxiq-theme .btn-lg + .dropdown-toggle-split,
.onyxiq-theme .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.onyxiq-theme .btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.onyxiq-theme .btn-group-vertical > .btn,
.onyxiq-theme .btn-group-vertical > .btn-group {
  width: 100%;
}
.onyxiq-theme .btn-group-vertical > .btn:not(:first-child),
.onyxiq-theme .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.onyxiq-theme .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.onyxiq-theme .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.onyxiq-theme .btn-group-vertical > .btn:nth-child(n+3),
.onyxiq-theme .btn-group-vertical > :not(.btn-check) + .btn,
.onyxiq-theme .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.onyxiq-theme .nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.onyxiq-theme .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .onyxiq-theme .nav-link {
    transition: none;
  }
}
.onyxiq-theme .nav-link:hover,
.onyxiq-theme .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.onyxiq-theme .nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.onyxiq-theme .nav-link.disabled,
.onyxiq-theme .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.onyxiq-theme .nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.onyxiq-theme .nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.onyxiq-theme .nav-tabs .nav-link:hover,
.onyxiq-theme .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.onyxiq-theme .nav-tabs .nav-link.active,
.onyxiq-theme .nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.onyxiq-theme .nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.onyxiq-theme .nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.onyxiq-theme .nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.onyxiq-theme .nav-pills .nav-link.active,
.onyxiq-theme .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.onyxiq-theme .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.onyxiq-theme .nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.onyxiq-theme .nav-underline .nav-link:hover,
.onyxiq-theme .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.onyxiq-theme .nav-underline .nav-link.active,
.onyxiq-theme .nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.onyxiq-theme .nav-fill > .nav-link,
.onyxiq-theme .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.onyxiq-theme .nav-justified > .nav-link,
.onyxiq-theme .nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.onyxiq-theme .nav-fill .nav-item .nav-link,
.onyxiq-theme .nav-justified .nav-item .nav-link {
  width: 100%;
}
.onyxiq-theme .tab-content > .tab-pane {
  display: none;
}
.onyxiq-theme .tab-content > .active {
  display: block;
}
.onyxiq-theme .navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.onyxiq-theme .navbar > .container,
.onyxiq-theme .navbar > .container-fluid,
.onyxiq-theme .navbar > .container-sm,
.onyxiq-theme .navbar > .container-md,
.onyxiq-theme .navbar > .container-lg,
.onyxiq-theme .navbar > .container-xl,
.onyxiq-theme .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.onyxiq-theme .navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.onyxiq-theme .navbar-brand:hover,
.onyxiq-theme .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.onyxiq-theme .navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.onyxiq-theme .navbar-nav .nav-link.active,
.onyxiq-theme .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.onyxiq-theme .navbar-nav .dropdown-menu {
  position: static;
}
.onyxiq-theme .navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.onyxiq-theme .navbar-text a,
.onyxiq-theme .navbar-text a:hover,
.onyxiq-theme .navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.onyxiq-theme .navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.onyxiq-theme .navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .onyxiq-theme .navbar-toggler {
    transition: none;
  }
}
.onyxiq-theme .navbar-toggler:hover {
  text-decoration: none;
}
.onyxiq-theme .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.onyxiq-theme .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.onyxiq-theme .navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .onyxiq-theme .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .onyxiq-theme .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .onyxiq-theme .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .onyxiq-theme .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .onyxiq-theme .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .onyxiq-theme .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .onyxiq-theme .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .onyxiq-theme .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .onyxiq-theme .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .onyxiq-theme .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .onyxiq-theme .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .onyxiq-theme .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .onyxiq-theme .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .onyxiq-theme .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .onyxiq-theme .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .onyxiq-theme .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .onyxiq-theme .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .onyxiq-theme .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .onyxiq-theme .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .onyxiq-theme .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .onyxiq-theme .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .onyxiq-theme .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .onyxiq-theme .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .onyxiq-theme .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .onyxiq-theme .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .onyxiq-theme .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .onyxiq-theme .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .onyxiq-theme .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .onyxiq-theme .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .onyxiq-theme .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .onyxiq-theme .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .onyxiq-theme .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .onyxiq-theme .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .onyxiq-theme .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .onyxiq-theme .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .onyxiq-theme .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .onyxiq-theme .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .onyxiq-theme .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .onyxiq-theme .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .onyxiq-theme .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .onyxiq-theme .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.onyxiq-theme .navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.onyxiq-theme .navbar-expand .navbar-nav {
  flex-direction: row;
}
.onyxiq-theme .navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.onyxiq-theme .navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.onyxiq-theme .navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.onyxiq-theme .navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.onyxiq-theme .navbar-expand .navbar-toggler {
  display: none;
}
.onyxiq-theme .navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.onyxiq-theme .navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.onyxiq-theme .navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.onyxiq-theme .navbar-dark,
.onyxiq-theme .navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.onyxiq-theme [data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.onyxiq-theme .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.onyxiq-theme .text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.onyxiq-theme .link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-primary:hover,
.onyxiq-theme .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-secondary:hover,
.onyxiq-theme .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-success:hover,
.onyxiq-theme .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-info:hover,
.onyxiq-theme .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-warning:hover,
.onyxiq-theme .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-danger:hover,
.onyxiq-theme .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-light:hover,
.onyxiq-theme .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-dark:hover,
.onyxiq-theme .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-body-emphasis:hover,
.onyxiq-theme .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.onyxiq-theme .focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.onyxiq-theme .icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.onyxiq-theme .icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .onyxiq-theme .icon-link > .bi {
    transition: none;
  }
}
.onyxiq-theme .icon-link-hover:hover > .bi,
.onyxiq-theme .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.onyxiq-theme .ratio {
  position: relative;
  width: 100%;
}
.onyxiq-theme .ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.onyxiq-theme .ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onyxiq-theme .ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.onyxiq-theme .ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.onyxiq-theme .ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.onyxiq-theme .ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.onyxiq-theme .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.onyxiq-theme .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.onyxiq-theme .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.onyxiq-theme .sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .onyxiq-theme .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .onyxiq-theme .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .onyxiq-theme .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .onyxiq-theme .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .onyxiq-theme .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .onyxiq-theme .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.onyxiq-theme .visually-hidden,
.onyxiq-theme .visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.onyxiq-theme .visually-hidden:not(caption),
.onyxiq-theme .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.onyxiq-theme .visually-hidden *,
.onyxiq-theme .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.onyxiq-theme .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.onyxiq-theme .align-baseline {
  vertical-align: baseline !important;
}
.onyxiq-theme .align-top {
  vertical-align: top !important;
}
.onyxiq-theme .align-middle {
  vertical-align: middle !important;
}
.onyxiq-theme .align-bottom {
  vertical-align: bottom !important;
}
.onyxiq-theme .align-text-bottom {
  vertical-align: text-bottom !important;
}
.onyxiq-theme .align-text-top {
  vertical-align: text-top !important;
}
.onyxiq-theme .float-start {
  float: left !important;
}
.onyxiq-theme .float-end {
  float: right !important;
}
.onyxiq-theme .float-none {
  float: none !important;
}
.onyxiq-theme .object-fit-contain {
  object-fit: contain !important;
}
.onyxiq-theme .object-fit-cover {
  object-fit: cover !important;
}
.onyxiq-theme .object-fit-fill {
  object-fit: fill !important;
}
.onyxiq-theme .object-fit-scale {
  object-fit: scale-down !important;
}
.onyxiq-theme .object-fit-none {
  object-fit: none !important;
}
.onyxiq-theme .opacity-0 {
  opacity: 0 !important;
}
.onyxiq-theme .opacity-25 {
  opacity: 0.25 !important;
}
.onyxiq-theme .opacity-50 {
  opacity: 0.5 !important;
}
.onyxiq-theme .opacity-75 {
  opacity: 0.75 !important;
}
.onyxiq-theme .opacity-100 {
  opacity: 1 !important;
}
.onyxiq-theme .overflow-auto {
  overflow: auto !important;
}
.onyxiq-theme .overflow-hidden {
  overflow: hidden !important;
}
.onyxiq-theme .overflow-visible {
  overflow: visible !important;
}
.onyxiq-theme .overflow-scroll {
  overflow: scroll !important;
}
.onyxiq-theme .overflow-x-auto {
  overflow-x: auto !important;
}
.onyxiq-theme .overflow-x-hidden {
  overflow-x: hidden !important;
}
.onyxiq-theme .overflow-x-visible {
  overflow-x: visible !important;
}
.onyxiq-theme .overflow-x-scroll {
  overflow-x: scroll !important;
}
.onyxiq-theme .overflow-y-auto {
  overflow-y: auto !important;
}
.onyxiq-theme .overflow-y-hidden {
  overflow-y: hidden !important;
}
.onyxiq-theme .overflow-y-visible {
  overflow-y: visible !important;
}
.onyxiq-theme .overflow-y-scroll {
  overflow-y: scroll !important;
}
.onyxiq-theme .d-inline {
  display: inline !important;
}
.onyxiq-theme .d-inline-block {
  display: inline-block !important;
}
.onyxiq-theme .d-block {
  display: block !important;
}
.onyxiq-theme .d-grid {
  display: grid !important;
}
.onyxiq-theme .d-inline-grid {
  display: inline-grid !important;
}
.onyxiq-theme .d-table {
  display: table !important;
}
.onyxiq-theme .d-table-row {
  display: table-row !important;
}
.onyxiq-theme .d-table-cell {
  display: table-cell !important;
}
.onyxiq-theme .d-flex {
  display: flex !important;
}
.onyxiq-theme .d-inline-flex {
  display: inline-flex !important;
}
.onyxiq-theme .d-none {
  display: none !important;
}
.onyxiq-theme .shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.onyxiq-theme .shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.onyxiq-theme .shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.onyxiq-theme .shadow-none {
  box-shadow: none !important;
}
.onyxiq-theme .focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.onyxiq-theme .position-static {
  position: static !important;
}
.onyxiq-theme .position-relative {
  position: relative !important;
}
.onyxiq-theme .position-absolute {
  position: absolute !important;
}
.onyxiq-theme .position-fixed {
  position: fixed !important;
}
.onyxiq-theme .position-sticky {
  position: sticky !important;
}
.onyxiq-theme .top-0 {
  top: 0 !important;
}
.onyxiq-theme .top-50 {
  top: 50% !important;
}
.onyxiq-theme .top-100 {
  top: 100% !important;
}
.onyxiq-theme .bottom-0 {
  bottom: 0 !important;
}
.onyxiq-theme .bottom-50 {
  bottom: 50% !important;
}
.onyxiq-theme .bottom-100 {
  bottom: 100% !important;
}
.onyxiq-theme .start-0 {
  left: 0 !important;
}
.onyxiq-theme .start-50 {
  left: 50% !important;
}
.onyxiq-theme .start-100 {
  left: 100% !important;
}
.onyxiq-theme .end-0 {
  right: 0 !important;
}
.onyxiq-theme .end-50 {
  right: 50% !important;
}
.onyxiq-theme .end-100 {
  right: 100% !important;
}
.onyxiq-theme .translate-middle {
  transform: translate(-50%, -50%) !important;
}
.onyxiq-theme .translate-middle-x {
  transform: translateX(-50%) !important;
}
.onyxiq-theme .translate-middle-y {
  transform: translateY(-50%) !important;
}
.onyxiq-theme .border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.onyxiq-theme .border-0 {
  border: 0 !important;
}
.onyxiq-theme .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.onyxiq-theme .border-top-0 {
  border-top: 0 !important;
}
.onyxiq-theme .border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.onyxiq-theme .border-end-0 {
  border-right: 0 !important;
}
.onyxiq-theme .border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.onyxiq-theme .border-bottom-0 {
  border-bottom: 0 !important;
}
.onyxiq-theme .border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.onyxiq-theme .border-start-0 {
  border-left: 0 !important;
}
.onyxiq-theme .border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.onyxiq-theme .border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.onyxiq-theme .border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.onyxiq-theme .border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.onyxiq-theme .border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.onyxiq-theme .border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.onyxiq-theme .border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.onyxiq-theme .border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.onyxiq-theme .border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.onyxiq-theme .border-1 {
  border-width: 1px !important;
}
.onyxiq-theme .border-2 {
  border-width: 2px !important;
}
.onyxiq-theme .border-3 {
  border-width: 3px !important;
}
.onyxiq-theme .border-4 {
  border-width: 4px !important;
}
.onyxiq-theme .border-5 {
  border-width: 5px !important;
}
.onyxiq-theme .border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.onyxiq-theme .border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.onyxiq-theme .border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.onyxiq-theme .border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.onyxiq-theme .border-opacity-100 {
  --bs-border-opacity: 1;
}
.onyxiq-theme .w-25 {
  width: 25% !important;
}
.onyxiq-theme .w-50 {
  width: 50% !important;
}
.onyxiq-theme .w-75 {
  width: 75% !important;
}
.onyxiq-theme .w-100 {
  width: 100% !important;
}
.onyxiq-theme .w-auto {
  width: auto !important;
}
.onyxiq-theme .mw-100 {
  max-width: 100% !important;
}
.onyxiq-theme .vw-100 {
  width: 100vw !important;
}
.onyxiq-theme .min-vw-100 {
  min-width: 100vw !important;
}
.onyxiq-theme .h-25 {
  height: 25% !important;
}
.onyxiq-theme .h-50 {
  height: 50% !important;
}
.onyxiq-theme .h-75 {
  height: 75% !important;
}
.onyxiq-theme .h-100 {
  height: 100% !important;
}
.onyxiq-theme .h-auto {
  height: auto !important;
}
.onyxiq-theme .mh-100 {
  max-height: 100% !important;
}
.onyxiq-theme .vh-100 {
  height: 100vh !important;
}
.onyxiq-theme .min-vh-100 {
  min-height: 100vh !important;
}
.onyxiq-theme .flex-fill {
  flex: 1 1 auto !important;
}
.onyxiq-theme .flex-row {
  flex-direction: row !important;
}
.onyxiq-theme .flex-column {
  flex-direction: column !important;
}
.onyxiq-theme .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.onyxiq-theme .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.onyxiq-theme .flex-grow-0 {
  flex-grow: 0 !important;
}
.onyxiq-theme .flex-grow-1 {
  flex-grow: 1 !important;
}
.onyxiq-theme .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.onyxiq-theme .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.onyxiq-theme .flex-wrap {
  flex-wrap: wrap !important;
}
.onyxiq-theme .flex-nowrap {
  flex-wrap: nowrap !important;
}
.onyxiq-theme .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.onyxiq-theme .justify-content-start {
  justify-content: flex-start !important;
}
.onyxiq-theme .justify-content-end {
  justify-content: flex-end !important;
}
.onyxiq-theme .justify-content-center {
  justify-content: center !important;
}
.onyxiq-theme .justify-content-between {
  justify-content: space-between !important;
}
.onyxiq-theme .justify-content-around {
  justify-content: space-around !important;
}
.onyxiq-theme .justify-content-evenly {
  justify-content: space-evenly !important;
}
.onyxiq-theme .align-items-start {
  align-items: flex-start !important;
}
.onyxiq-theme .align-items-end {
  align-items: flex-end !important;
}
.onyxiq-theme .align-items-center {
  align-items: center !important;
}
.onyxiq-theme .align-items-baseline {
  align-items: baseline !important;
}
.onyxiq-theme .align-items-stretch {
  align-items: stretch !important;
}
.onyxiq-theme .align-content-start {
  align-content: flex-start !important;
}
.onyxiq-theme .align-content-end {
  align-content: flex-end !important;
}
.onyxiq-theme .align-content-center {
  align-content: center !important;
}
.onyxiq-theme .align-content-between {
  align-content: space-between !important;
}
.onyxiq-theme .align-content-around {
  align-content: space-around !important;
}
.onyxiq-theme .align-content-stretch {
  align-content: stretch !important;
}
.onyxiq-theme .align-self-auto {
  align-self: auto !important;
}
.onyxiq-theme .align-self-start {
  align-self: flex-start !important;
}
.onyxiq-theme .align-self-end {
  align-self: flex-end !important;
}
.onyxiq-theme .align-self-center {
  align-self: center !important;
}
.onyxiq-theme .align-self-baseline {
  align-self: baseline !important;
}
.onyxiq-theme .align-self-stretch {
  align-self: stretch !important;
}
.onyxiq-theme .order-first {
  order: -1 !important;
}
.onyxiq-theme .order-0 {
  order: 0 !important;
}
.onyxiq-theme .order-1 {
  order: 1 !important;
}
.onyxiq-theme .order-2 {
  order: 2 !important;
}
.onyxiq-theme .order-3 {
  order: 3 !important;
}
.onyxiq-theme .order-4 {
  order: 4 !important;
}
.onyxiq-theme .order-5 {
  order: 5 !important;
}
.onyxiq-theme .order-last {
  order: 6 !important;
}
.onyxiq-theme .m-0 {
  margin: 0 !important;
}
.onyxiq-theme .m-1 {
  margin: 0.25rem !important;
}
.onyxiq-theme .m-2 {
  margin: 0.5rem !important;
}
.onyxiq-theme .m-3 {
  margin: 1rem !important;
}
.onyxiq-theme .m-4 {
  margin: 1.5rem !important;
}
.onyxiq-theme .m-5 {
  margin: 3rem !important;
}
.onyxiq-theme .m-auto {
  margin: auto !important;
}
.onyxiq-theme .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.onyxiq-theme .mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.onyxiq-theme .mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.onyxiq-theme .mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.onyxiq-theme .mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.onyxiq-theme .mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.onyxiq-theme .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.onyxiq-theme .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.onyxiq-theme .my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.onyxiq-theme .my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.onyxiq-theme .my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.onyxiq-theme .my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.onyxiq-theme .my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.onyxiq-theme .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.onyxiq-theme .mt-0 {
  margin-top: 0 !important;
}
.onyxiq-theme .mt-1 {
  margin-top: 0.25rem !important;
}
.onyxiq-theme .mt-2 {
  margin-top: 0.5rem !important;
}
.onyxiq-theme .mt-3 {
  margin-top: 1rem !important;
}
.onyxiq-theme .mt-4 {
  margin-top: 1.5rem !important;
}
.onyxiq-theme .mt-5 {
  margin-top: 3rem !important;
}
.onyxiq-theme .mt-auto {
  margin-top: auto !important;
}
.onyxiq-theme .me-0 {
  margin-right: 0 !important;
}
.onyxiq-theme .me-1 {
  margin-right: 0.25rem !important;
}
.onyxiq-theme .me-2 {
  margin-right: 0.5rem !important;
}
.onyxiq-theme .me-3 {
  margin-right: 1rem !important;
}
.onyxiq-theme .me-4 {
  margin-right: 1.5rem !important;
}
.onyxiq-theme .me-5 {
  margin-right: 3rem !important;
}
.onyxiq-theme .me-auto {
  margin-right: auto !important;
}
.onyxiq-theme .mb-0 {
  margin-bottom: 0 !important;
}
.onyxiq-theme .mb-1 {
  margin-bottom: 0.25rem !important;
}
.onyxiq-theme .mb-2 {
  margin-bottom: 0.5rem !important;
}
.onyxiq-theme .mb-3 {
  margin-bottom: 1rem !important;
}
.onyxiq-theme .mb-4 {
  margin-bottom: 1.5rem !important;
}
.onyxiq-theme .mb-5 {
  margin-bottom: 3rem !important;
}
.onyxiq-theme .mb-auto {
  margin-bottom: auto !important;
}
.onyxiq-theme .ms-0 {
  margin-left: 0 !important;
}
.onyxiq-theme .ms-1 {
  margin-left: 0.25rem !important;
}
.onyxiq-theme .ms-2 {
  margin-left: 0.5rem !important;
}
.onyxiq-theme .ms-3 {
  margin-left: 1rem !important;
}
.onyxiq-theme .ms-4 {
  margin-left: 1.5rem !important;
}
.onyxiq-theme .ms-5 {
  margin-left: 3rem !important;
}
.onyxiq-theme .ms-auto {
  margin-left: auto !important;
}
.onyxiq-theme .p-0 {
  padding: 0 !important;
}
.onyxiq-theme .p-1 {
  padding: 0.25rem !important;
}
.onyxiq-theme .p-2 {
  padding: 0.5rem !important;
}
.onyxiq-theme .p-3 {
  padding: 1rem !important;
}
.onyxiq-theme .p-4 {
  padding: 1.5rem !important;
}
.onyxiq-theme .p-5 {
  padding: 3rem !important;
}
.onyxiq-theme .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.onyxiq-theme .px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.onyxiq-theme .px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.onyxiq-theme .px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.onyxiq-theme .px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.onyxiq-theme .px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.onyxiq-theme .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.onyxiq-theme .py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.onyxiq-theme .py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.onyxiq-theme .py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.onyxiq-theme .py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.onyxiq-theme .py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.onyxiq-theme .pt-0 {
  padding-top: 0 !important;
}
.onyxiq-theme .pt-1 {
  padding-top: 0.25rem !important;
}
.onyxiq-theme .pt-2 {
  padding-top: 0.5rem !important;
}
.onyxiq-theme .pt-3 {
  padding-top: 1rem !important;
}
.onyxiq-theme .pt-4 {
  padding-top: 1.5rem !important;
}
.onyxiq-theme .pt-5 {
  padding-top: 3rem !important;
}
.onyxiq-theme .pe-0 {
  padding-right: 0 !important;
}
.onyxiq-theme .pe-1 {
  padding-right: 0.25rem !important;
}
.onyxiq-theme .pe-2 {
  padding-right: 0.5rem !important;
}
.onyxiq-theme .pe-3 {
  padding-right: 1rem !important;
}
.onyxiq-theme .pe-4 {
  padding-right: 1.5rem !important;
}
.onyxiq-theme .pe-5 {
  padding-right: 3rem !important;
}
.onyxiq-theme .pb-0 {
  padding-bottom: 0 !important;
}
.onyxiq-theme .pb-1 {
  padding-bottom: 0.25rem !important;
}
.onyxiq-theme .pb-2 {
  padding-bottom: 0.5rem !important;
}
.onyxiq-theme .pb-3 {
  padding-bottom: 1rem !important;
}
.onyxiq-theme .pb-4 {
  padding-bottom: 1.5rem !important;
}
.onyxiq-theme .pb-5 {
  padding-bottom: 3rem !important;
}
.onyxiq-theme .ps-0 {
  padding-left: 0 !important;
}
.onyxiq-theme .ps-1 {
  padding-left: 0.25rem !important;
}
.onyxiq-theme .ps-2 {
  padding-left: 0.5rem !important;
}
.onyxiq-theme .ps-3 {
  padding-left: 1rem !important;
}
.onyxiq-theme .ps-4 {
  padding-left: 1.5rem !important;
}
.onyxiq-theme .ps-5 {
  padding-left: 3rem !important;
}
.onyxiq-theme .gap-0 {
  gap: 0 !important;
}
.onyxiq-theme .gap-1 {
  gap: 0.25rem !important;
}
.onyxiq-theme .gap-2 {
  gap: 0.5rem !important;
}
.onyxiq-theme .gap-3 {
  gap: 1rem !important;
}
.onyxiq-theme .gap-4 {
  gap: 1.5rem !important;
}
.onyxiq-theme .gap-5 {
  gap: 3rem !important;
}
.onyxiq-theme .row-gap-0 {
  row-gap: 0 !important;
}
.onyxiq-theme .row-gap-1 {
  row-gap: 0.25rem !important;
}
.onyxiq-theme .row-gap-2 {
  row-gap: 0.5rem !important;
}
.onyxiq-theme .row-gap-3 {
  row-gap: 1rem !important;
}
.onyxiq-theme .row-gap-4 {
  row-gap: 1.5rem !important;
}
.onyxiq-theme .row-gap-5 {
  row-gap: 3rem !important;
}
.onyxiq-theme .column-gap-0 {
  column-gap: 0 !important;
}
.onyxiq-theme .column-gap-1 {
  column-gap: 0.25rem !important;
}
.onyxiq-theme .column-gap-2 {
  column-gap: 0.5rem !important;
}
.onyxiq-theme .column-gap-3 {
  column-gap: 1rem !important;
}
.onyxiq-theme .column-gap-4 {
  column-gap: 1.5rem !important;
}
.onyxiq-theme .column-gap-5 {
  column-gap: 3rem !important;
}
.onyxiq-theme .font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.onyxiq-theme .fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.onyxiq-theme .fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.onyxiq-theme .fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.onyxiq-theme .fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.onyxiq-theme .fs-5 {
  font-size: 1.25rem !important;
}
.onyxiq-theme .fs-6 {
  font-size: 1rem !important;
}
.onyxiq-theme .fst-italic {
  font-style: italic !important;
}
.onyxiq-theme .fst-normal {
  font-style: normal !important;
}
.onyxiq-theme .fw-lighter {
  font-weight: lighter !important;
}
.onyxiq-theme .fw-light {
  font-weight: 300 !important;
}
.onyxiq-theme .fw-normal {
  font-weight: 400 !important;
}
.onyxiq-theme .fw-medium {
  font-weight: 500 !important;
}
.onyxiq-theme .fw-semibold {
  font-weight: 600 !important;
}
.onyxiq-theme .fw-bold {
  font-weight: 700 !important;
}
.onyxiq-theme .fw-bolder {
  font-weight: bolder !important;
}
.onyxiq-theme .lh-1 {
  line-height: 1 !important;
}
.onyxiq-theme .lh-sm {
  line-height: 1.25 !important;
}
.onyxiq-theme .lh-base {
  line-height: 1.5 !important;
}
.onyxiq-theme .lh-lg {
  line-height: 2 !important;
}
.onyxiq-theme .text-start {
  text-align: left !important;
}
.onyxiq-theme .text-end {
  text-align: right !important;
}
.onyxiq-theme .text-center {
  text-align: center !important;
}
.onyxiq-theme .text-decoration-none {
  text-decoration: none !important;
}
.onyxiq-theme .text-decoration-underline {
  text-decoration: underline !important;
}
.onyxiq-theme .text-decoration-line-through {
  text-decoration: line-through !important;
}
.onyxiq-theme .text-lowercase {
  text-transform: lowercase !important;
}
.onyxiq-theme .text-uppercase {
  text-transform: uppercase !important;
}
.onyxiq-theme .text-capitalize {
  text-transform: capitalize !important;
}
.onyxiq-theme .text-wrap {
  white-space: normal !important;
}
.onyxiq-theme .text-nowrap {
  white-space: nowrap !important;
}
.onyxiq-theme .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.onyxiq-theme .text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.onyxiq-theme .text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.onyxiq-theme .text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.onyxiq-theme .text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.onyxiq-theme .text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.onyxiq-theme .text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.onyxiq-theme .text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.onyxiq-theme .text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.onyxiq-theme .text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.onyxiq-theme .text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.onyxiq-theme .text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.onyxiq-theme .text-opacity-100 {
  --bs-text-opacity: 1;
}
.onyxiq-theme .text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.onyxiq-theme .text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.onyxiq-theme .text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.onyxiq-theme .text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.onyxiq-theme .text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.onyxiq-theme .text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.onyxiq-theme .text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.onyxiq-theme .text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.onyxiq-theme .link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.onyxiq-theme .link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.onyxiq-theme .link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.onyxiq-theme .link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.onyxiq-theme .link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.onyxiq-theme .link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.onyxiq-theme .link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.onyxiq-theme .link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.onyxiq-theme .link-opacity-100 {
  --bs-link-opacity: 1;
}
.onyxiq-theme .link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.onyxiq-theme .link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.onyxiq-theme .link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.onyxiq-theme .link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.onyxiq-theme .link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.onyxiq-theme .link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.onyxiq-theme .link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.onyxiq-theme .link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.onyxiq-theme .link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.onyxiq-theme .link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.onyxiq-theme .link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.onyxiq-theme .link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.onyxiq-theme .link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.onyxiq-theme .link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.onyxiq-theme .link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.onyxiq-theme .link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.onyxiq-theme .link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.onyxiq-theme .link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.onyxiq-theme .link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.onyxiq-theme .link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.onyxiq-theme .link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.onyxiq-theme .bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.onyxiq-theme .bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.onyxiq-theme .bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.onyxiq-theme .bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.onyxiq-theme .bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.onyxiq-theme .bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.onyxiq-theme .bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.onyxiq-theme .bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.onyxiq-theme .bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.onyxiq-theme .bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.onyxiq-theme .bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.onyxiq-theme .bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.onyxiq-theme .bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.onyxiq-theme .bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.onyxiq-theme .bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.onyxiq-theme .bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.onyxiq-theme .user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.onyxiq-theme .user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.onyxiq-theme .user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.onyxiq-theme .pe-none {
  pointer-events: none !important;
}
.onyxiq-theme .pe-auto {
  pointer-events: auto !important;
}
.onyxiq-theme .rounded {
  border-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-0 {
  border-radius: 0 !important;
}
.onyxiq-theme .rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.onyxiq-theme .rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.onyxiq-theme .rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.onyxiq-theme .rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.onyxiq-theme .rounded-circle {
  border-radius: 50% !important;
}
.onyxiq-theme .rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.onyxiq-theme .rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.onyxiq-theme .rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.onyxiq-theme .rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.onyxiq-theme .rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.onyxiq-theme .rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.onyxiq-theme .rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.onyxiq-theme .rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.onyxiq-theme .rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.onyxiq-theme .rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.onyxiq-theme .rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.onyxiq-theme .rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.onyxiq-theme .rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.onyxiq-theme .rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.onyxiq-theme .rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.onyxiq-theme .rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.onyxiq-theme .rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.onyxiq-theme .rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.onyxiq-theme .rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.onyxiq-theme .rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.onyxiq-theme .rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.onyxiq-theme .rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.onyxiq-theme .rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.onyxiq-theme .rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.onyxiq-theme .rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.onyxiq-theme .rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.onyxiq-theme .rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.onyxiq-theme .rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.onyxiq-theme .rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.onyxiq-theme .rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.onyxiq-theme .visible {
  visibility: visible !important;
}
.onyxiq-theme .invisible {
  visibility: hidden !important;
}
.onyxiq-theme .z-n1 {
  z-index: -1 !important;
}
.onyxiq-theme .z-0 {
  z-index: 0 !important;
}
.onyxiq-theme .z-1 {
  z-index: 1 !important;
}
.onyxiq-theme .z-2 {
  z-index: 2 !important;
}
.onyxiq-theme .z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .onyxiq-theme .float-sm-start {
    float: left !important;
  }
  .onyxiq-theme .float-sm-end {
    float: right !important;
  }
  .onyxiq-theme .float-sm-none {
    float: none !important;
  }
  .onyxiq-theme .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .onyxiq-theme .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .onyxiq-theme .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .onyxiq-theme .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .onyxiq-theme .object-fit-sm-none {
    object-fit: none !important;
  }
  .onyxiq-theme .d-sm-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-sm-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-sm-block {
    display: block !important;
  }
  .onyxiq-theme .d-sm-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-sm-table {
    display: table !important;
  }
  .onyxiq-theme .d-sm-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-sm-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-sm-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-sm-none {
    display: none !important;
  }
  .onyxiq-theme .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .onyxiq-theme .flex-sm-row {
    flex-direction: row !important;
  }
  .onyxiq-theme .flex-sm-column {
    flex-direction: column !important;
  }
  .onyxiq-theme .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .onyxiq-theme .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .onyxiq-theme .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .onyxiq-theme .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .onyxiq-theme .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .onyxiq-theme .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .onyxiq-theme .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .onyxiq-theme .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .onyxiq-theme .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .onyxiq-theme .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .onyxiq-theme .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .onyxiq-theme .justify-content-sm-center {
    justify-content: center !important;
  }
  .onyxiq-theme .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .onyxiq-theme .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .onyxiq-theme .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .onyxiq-theme .align-items-sm-start {
    align-items: flex-start !important;
  }
  .onyxiq-theme .align-items-sm-end {
    align-items: flex-end !important;
  }
  .onyxiq-theme .align-items-sm-center {
    align-items: center !important;
  }
  .onyxiq-theme .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .onyxiq-theme .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .onyxiq-theme .align-content-sm-start {
    align-content: flex-start !important;
  }
  .onyxiq-theme .align-content-sm-end {
    align-content: flex-end !important;
  }
  .onyxiq-theme .align-content-sm-center {
    align-content: center !important;
  }
  .onyxiq-theme .align-content-sm-between {
    align-content: space-between !important;
  }
  .onyxiq-theme .align-content-sm-around {
    align-content: space-around !important;
  }
  .onyxiq-theme .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .onyxiq-theme .align-self-sm-auto {
    align-self: auto !important;
  }
  .onyxiq-theme .align-self-sm-start {
    align-self: flex-start !important;
  }
  .onyxiq-theme .align-self-sm-end {
    align-self: flex-end !important;
  }
  .onyxiq-theme .align-self-sm-center {
    align-self: center !important;
  }
  .onyxiq-theme .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .onyxiq-theme .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .onyxiq-theme .order-sm-first {
    order: -1 !important;
  }
  .onyxiq-theme .order-sm-0 {
    order: 0 !important;
  }
  .onyxiq-theme .order-sm-1 {
    order: 1 !important;
  }
  .onyxiq-theme .order-sm-2 {
    order: 2 !important;
  }
  .onyxiq-theme .order-sm-3 {
    order: 3 !important;
  }
  .onyxiq-theme .order-sm-4 {
    order: 4 !important;
  }
  .onyxiq-theme .order-sm-5 {
    order: 5 !important;
  }
  .onyxiq-theme .order-sm-last {
    order: 6 !important;
  }
  .onyxiq-theme .m-sm-0 {
    margin: 0 !important;
  }
  .onyxiq-theme .m-sm-1 {
    margin: 0.25rem !important;
  }
  .onyxiq-theme .m-sm-2 {
    margin: 0.5rem !important;
  }
  .onyxiq-theme .m-sm-3 {
    margin: 1rem !important;
  }
  .onyxiq-theme .m-sm-4 {
    margin: 1.5rem !important;
  }
  .onyxiq-theme .m-sm-5 {
    margin: 3rem !important;
  }
  .onyxiq-theme .m-sm-auto {
    margin: auto !important;
  }
  .onyxiq-theme .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .onyxiq-theme .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .onyxiq-theme .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .onyxiq-theme .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .onyxiq-theme .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .onyxiq-theme .mt-sm-0 {
    margin-top: 0 !important;
  }
  .onyxiq-theme .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .onyxiq-theme .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .onyxiq-theme .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .onyxiq-theme .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .onyxiq-theme .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .onyxiq-theme .mt-sm-auto {
    margin-top: auto !important;
  }
  .onyxiq-theme .me-sm-0 {
    margin-right: 0 !important;
  }
  .onyxiq-theme .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .onyxiq-theme .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .onyxiq-theme .me-sm-3 {
    margin-right: 1rem !important;
  }
  .onyxiq-theme .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .onyxiq-theme .me-sm-5 {
    margin-right: 3rem !important;
  }
  .onyxiq-theme .me-sm-auto {
    margin-right: auto !important;
  }
  .onyxiq-theme .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .onyxiq-theme .ms-sm-0 {
    margin-left: 0 !important;
  }
  .onyxiq-theme .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .onyxiq-theme .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .onyxiq-theme .ms-sm-auto {
    margin-left: auto !important;
  }
  .onyxiq-theme .p-sm-0 {
    padding: 0 !important;
  }
  .onyxiq-theme .p-sm-1 {
    padding: 0.25rem !important;
  }
  .onyxiq-theme .p-sm-2 {
    padding: 0.5rem !important;
  }
  .onyxiq-theme .p-sm-3 {
    padding: 1rem !important;
  }
  .onyxiq-theme .p-sm-4 {
    padding: 1.5rem !important;
  }
  .onyxiq-theme .p-sm-5 {
    padding: 3rem !important;
  }
  .onyxiq-theme .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .onyxiq-theme .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .onyxiq-theme .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .onyxiq-theme .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .pt-sm-0 {
    padding-top: 0 !important;
  }
  .onyxiq-theme .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .onyxiq-theme .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .onyxiq-theme .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .onyxiq-theme .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .onyxiq-theme .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .onyxiq-theme .pe-sm-0 {
    padding-right: 0 !important;
  }
  .onyxiq-theme .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .onyxiq-theme .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .onyxiq-theme .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .onyxiq-theme .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .onyxiq-theme .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .onyxiq-theme .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .ps-sm-0 {
    padding-left: 0 !important;
  }
  .onyxiq-theme .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .onyxiq-theme .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .onyxiq-theme .gap-sm-0 {
    gap: 0 !important;
  }
  .onyxiq-theme .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .onyxiq-theme .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .onyxiq-theme .gap-sm-3 {
    gap: 1rem !important;
  }
  .onyxiq-theme .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .onyxiq-theme .gap-sm-5 {
    gap: 3rem !important;
  }
  .onyxiq-theme .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .onyxiq-theme .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .onyxiq-theme .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .onyxiq-theme .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .onyxiq-theme .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .onyxiq-theme .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .onyxiq-theme .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .onyxiq-theme .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .onyxiq-theme .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .onyxiq-theme .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .onyxiq-theme .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .onyxiq-theme .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .onyxiq-theme .text-sm-start {
    text-align: left !important;
  }
  .onyxiq-theme .text-sm-end {
    text-align: right !important;
  }
  .onyxiq-theme .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .onyxiq-theme .float-md-start {
    float: left !important;
  }
  .onyxiq-theme .float-md-end {
    float: right !important;
  }
  .onyxiq-theme .float-md-none {
    float: none !important;
  }
  .onyxiq-theme .object-fit-md-contain {
    object-fit: contain !important;
  }
  .onyxiq-theme .object-fit-md-cover {
    object-fit: cover !important;
  }
  .onyxiq-theme .object-fit-md-fill {
    object-fit: fill !important;
  }
  .onyxiq-theme .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .onyxiq-theme .object-fit-md-none {
    object-fit: none !important;
  }
  .onyxiq-theme .d-md-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-md-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-md-block {
    display: block !important;
  }
  .onyxiq-theme .d-md-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-md-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-md-table {
    display: table !important;
  }
  .onyxiq-theme .d-md-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-md-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-md-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-md-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-md-none {
    display: none !important;
  }
  .onyxiq-theme .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .onyxiq-theme .flex-md-row {
    flex-direction: row !important;
  }
  .onyxiq-theme .flex-md-column {
    flex-direction: column !important;
  }
  .onyxiq-theme .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .onyxiq-theme .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .onyxiq-theme .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .onyxiq-theme .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .onyxiq-theme .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .onyxiq-theme .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .onyxiq-theme .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .onyxiq-theme .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .onyxiq-theme .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .onyxiq-theme .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .onyxiq-theme .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .onyxiq-theme .justify-content-md-center {
    justify-content: center !important;
  }
  .onyxiq-theme .justify-content-md-between {
    justify-content: space-between !important;
  }
  .onyxiq-theme .justify-content-md-around {
    justify-content: space-around !important;
  }
  .onyxiq-theme .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .onyxiq-theme .align-items-md-start {
    align-items: flex-start !important;
  }
  .onyxiq-theme .align-items-md-end {
    align-items: flex-end !important;
  }
  .onyxiq-theme .align-items-md-center {
    align-items: center !important;
  }
  .onyxiq-theme .align-items-md-baseline {
    align-items: baseline !important;
  }
  .onyxiq-theme .align-items-md-stretch {
    align-items: stretch !important;
  }
  .onyxiq-theme .align-content-md-start {
    align-content: flex-start !important;
  }
  .onyxiq-theme .align-content-md-end {
    align-content: flex-end !important;
  }
  .onyxiq-theme .align-content-md-center {
    align-content: center !important;
  }
  .onyxiq-theme .align-content-md-between {
    align-content: space-between !important;
  }
  .onyxiq-theme .align-content-md-around {
    align-content: space-around !important;
  }
  .onyxiq-theme .align-content-md-stretch {
    align-content: stretch !important;
  }
  .onyxiq-theme .align-self-md-auto {
    align-self: auto !important;
  }
  .onyxiq-theme .align-self-md-start {
    align-self: flex-start !important;
  }
  .onyxiq-theme .align-self-md-end {
    align-self: flex-end !important;
  }
  .onyxiq-theme .align-self-md-center {
    align-self: center !important;
  }
  .onyxiq-theme .align-self-md-baseline {
    align-self: baseline !important;
  }
  .onyxiq-theme .align-self-md-stretch {
    align-self: stretch !important;
  }
  .onyxiq-theme .order-md-first {
    order: -1 !important;
  }
  .onyxiq-theme .order-md-0 {
    order: 0 !important;
  }
  .onyxiq-theme .order-md-1 {
    order: 1 !important;
  }
  .onyxiq-theme .order-md-2 {
    order: 2 !important;
  }
  .onyxiq-theme .order-md-3 {
    order: 3 !important;
  }
  .onyxiq-theme .order-md-4 {
    order: 4 !important;
  }
  .onyxiq-theme .order-md-5 {
    order: 5 !important;
  }
  .onyxiq-theme .order-md-last {
    order: 6 !important;
  }
  .onyxiq-theme .m-md-0 {
    margin: 0 !important;
  }
  .onyxiq-theme .m-md-1 {
    margin: 0.25rem !important;
  }
  .onyxiq-theme .m-md-2 {
    margin: 0.5rem !important;
  }
  .onyxiq-theme .m-md-3 {
    margin: 1rem !important;
  }
  .onyxiq-theme .m-md-4 {
    margin: 1.5rem !important;
  }
  .onyxiq-theme .m-md-5 {
    margin: 3rem !important;
  }
  .onyxiq-theme .m-md-auto {
    margin: auto !important;
  }
  .onyxiq-theme .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .onyxiq-theme .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .onyxiq-theme .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .onyxiq-theme .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .onyxiq-theme .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .onyxiq-theme .mt-md-0 {
    margin-top: 0 !important;
  }
  .onyxiq-theme .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .onyxiq-theme .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .onyxiq-theme .mt-md-3 {
    margin-top: 1rem !important;
  }
  .onyxiq-theme .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .onyxiq-theme .mt-md-5 {
    margin-top: 3rem !important;
  }
  .onyxiq-theme .mt-md-auto {
    margin-top: auto !important;
  }
  .onyxiq-theme .me-md-0 {
    margin-right: 0 !important;
  }
  .onyxiq-theme .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .onyxiq-theme .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .onyxiq-theme .me-md-3 {
    margin-right: 1rem !important;
  }
  .onyxiq-theme .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .onyxiq-theme .me-md-5 {
    margin-right: 3rem !important;
  }
  .onyxiq-theme .me-md-auto {
    margin-right: auto !important;
  }
  .onyxiq-theme .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .mb-md-auto {
    margin-bottom: auto !important;
  }
  .onyxiq-theme .ms-md-0 {
    margin-left: 0 !important;
  }
  .onyxiq-theme .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .ms-md-3 {
    margin-left: 1rem !important;
  }
  .onyxiq-theme .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .ms-md-5 {
    margin-left: 3rem !important;
  }
  .onyxiq-theme .ms-md-auto {
    margin-left: auto !important;
  }
  .onyxiq-theme .p-md-0 {
    padding: 0 !important;
  }
  .onyxiq-theme .p-md-1 {
    padding: 0.25rem !important;
  }
  .onyxiq-theme .p-md-2 {
    padding: 0.5rem !important;
  }
  .onyxiq-theme .p-md-3 {
    padding: 1rem !important;
  }
  .onyxiq-theme .p-md-4 {
    padding: 1.5rem !important;
  }
  .onyxiq-theme .p-md-5 {
    padding: 3rem !important;
  }
  .onyxiq-theme .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .onyxiq-theme .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .onyxiq-theme .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .onyxiq-theme .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .pt-md-0 {
    padding-top: 0 !important;
  }
  .onyxiq-theme .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .onyxiq-theme .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .onyxiq-theme .pt-md-3 {
    padding-top: 1rem !important;
  }
  .onyxiq-theme .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .onyxiq-theme .pt-md-5 {
    padding-top: 3rem !important;
  }
  .onyxiq-theme .pe-md-0 {
    padding-right: 0 !important;
  }
  .onyxiq-theme .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .onyxiq-theme .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .onyxiq-theme .pe-md-3 {
    padding-right: 1rem !important;
  }
  .onyxiq-theme .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .onyxiq-theme .pe-md-5 {
    padding-right: 3rem !important;
  }
  .onyxiq-theme .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .ps-md-0 {
    padding-left: 0 !important;
  }
  .onyxiq-theme .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .ps-md-3 {
    padding-left: 1rem !important;
  }
  .onyxiq-theme .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .ps-md-5 {
    padding-left: 3rem !important;
  }
  .onyxiq-theme .gap-md-0 {
    gap: 0 !important;
  }
  .onyxiq-theme .gap-md-1 {
    gap: 0.25rem !important;
  }
  .onyxiq-theme .gap-md-2 {
    gap: 0.5rem !important;
  }
  .onyxiq-theme .gap-md-3 {
    gap: 1rem !important;
  }
  .onyxiq-theme .gap-md-4 {
    gap: 1.5rem !important;
  }
  .onyxiq-theme .gap-md-5 {
    gap: 3rem !important;
  }
  .onyxiq-theme .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .onyxiq-theme .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .onyxiq-theme .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .onyxiq-theme .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .onyxiq-theme .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .onyxiq-theme .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .onyxiq-theme .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .onyxiq-theme .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .onyxiq-theme .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .onyxiq-theme .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .onyxiq-theme .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .onyxiq-theme .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .onyxiq-theme .text-md-start {
    text-align: left !important;
  }
  .onyxiq-theme .text-md-end {
    text-align: right !important;
  }
  .onyxiq-theme .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .onyxiq-theme .float-lg-start {
    float: left !important;
  }
  .onyxiq-theme .float-lg-end {
    float: right !important;
  }
  .onyxiq-theme .float-lg-none {
    float: none !important;
  }
  .onyxiq-theme .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .onyxiq-theme .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .onyxiq-theme .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .onyxiq-theme .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .onyxiq-theme .object-fit-lg-none {
    object-fit: none !important;
  }
  .onyxiq-theme .d-lg-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-lg-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-lg-block {
    display: block !important;
  }
  .onyxiq-theme .d-lg-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-lg-table {
    display: table !important;
  }
  .onyxiq-theme .d-lg-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-lg-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-lg-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-lg-none {
    display: none !important;
  }
  .onyxiq-theme .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .onyxiq-theme .flex-lg-row {
    flex-direction: row !important;
  }
  .onyxiq-theme .flex-lg-column {
    flex-direction: column !important;
  }
  .onyxiq-theme .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .onyxiq-theme .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .onyxiq-theme .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .onyxiq-theme .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .onyxiq-theme .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .onyxiq-theme .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .onyxiq-theme .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .onyxiq-theme .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .onyxiq-theme .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .onyxiq-theme .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .onyxiq-theme .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .onyxiq-theme .justify-content-lg-center {
    justify-content: center !important;
  }
  .onyxiq-theme .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .onyxiq-theme .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .onyxiq-theme .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .onyxiq-theme .align-items-lg-start {
    align-items: flex-start !important;
  }
  .onyxiq-theme .align-items-lg-end {
    align-items: flex-end !important;
  }
  .onyxiq-theme .align-items-lg-center {
    align-items: center !important;
  }
  .onyxiq-theme .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .onyxiq-theme .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .onyxiq-theme .align-content-lg-start {
    align-content: flex-start !important;
  }
  .onyxiq-theme .align-content-lg-end {
    align-content: flex-end !important;
  }
  .onyxiq-theme .align-content-lg-center {
    align-content: center !important;
  }
  .onyxiq-theme .align-content-lg-between {
    align-content: space-between !important;
  }
  .onyxiq-theme .align-content-lg-around {
    align-content: space-around !important;
  }
  .onyxiq-theme .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .onyxiq-theme .align-self-lg-auto {
    align-self: auto !important;
  }
  .onyxiq-theme .align-self-lg-start {
    align-self: flex-start !important;
  }
  .onyxiq-theme .align-self-lg-end {
    align-self: flex-end !important;
  }
  .onyxiq-theme .align-self-lg-center {
    align-self: center !important;
  }
  .onyxiq-theme .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .onyxiq-theme .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .onyxiq-theme .order-lg-first {
    order: -1 !important;
  }
  .onyxiq-theme .order-lg-0 {
    order: 0 !important;
  }
  .onyxiq-theme .order-lg-1 {
    order: 1 !important;
  }
  .onyxiq-theme .order-lg-2 {
    order: 2 !important;
  }
  .onyxiq-theme .order-lg-3 {
    order: 3 !important;
  }
  .onyxiq-theme .order-lg-4 {
    order: 4 !important;
  }
  .onyxiq-theme .order-lg-5 {
    order: 5 !important;
  }
  .onyxiq-theme .order-lg-last {
    order: 6 !important;
  }
  .onyxiq-theme .m-lg-0 {
    margin: 0 !important;
  }
  .onyxiq-theme .m-lg-1 {
    margin: 0.25rem !important;
  }
  .onyxiq-theme .m-lg-2 {
    margin: 0.5rem !important;
  }
  .onyxiq-theme .m-lg-3 {
    margin: 1rem !important;
  }
  .onyxiq-theme .m-lg-4 {
    margin: 1.5rem !important;
  }
  .onyxiq-theme .m-lg-5 {
    margin: 3rem !important;
  }
  .onyxiq-theme .m-lg-auto {
    margin: auto !important;
  }
  .onyxiq-theme .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .onyxiq-theme .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .onyxiq-theme .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .onyxiq-theme .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .onyxiq-theme .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .onyxiq-theme .mt-lg-0 {
    margin-top: 0 !important;
  }
  .onyxiq-theme .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .onyxiq-theme .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .onyxiq-theme .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .onyxiq-theme .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .onyxiq-theme .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .onyxiq-theme .mt-lg-auto {
    margin-top: auto !important;
  }
  .onyxiq-theme .me-lg-0 {
    margin-right: 0 !important;
  }
  .onyxiq-theme .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .onyxiq-theme .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .onyxiq-theme .me-lg-3 {
    margin-right: 1rem !important;
  }
  .onyxiq-theme .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .onyxiq-theme .me-lg-5 {
    margin-right: 3rem !important;
  }
  .onyxiq-theme .me-lg-auto {
    margin-right: auto !important;
  }
  .onyxiq-theme .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .onyxiq-theme .ms-lg-0 {
    margin-left: 0 !important;
  }
  .onyxiq-theme .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .onyxiq-theme .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .onyxiq-theme .ms-lg-auto {
    margin-left: auto !important;
  }
  .onyxiq-theme .p-lg-0 {
    padding: 0 !important;
  }
  .onyxiq-theme .p-lg-1 {
    padding: 0.25rem !important;
  }
  .onyxiq-theme .p-lg-2 {
    padding: 0.5rem !important;
  }
  .onyxiq-theme .p-lg-3 {
    padding: 1rem !important;
  }
  .onyxiq-theme .p-lg-4 {
    padding: 1.5rem !important;
  }
  .onyxiq-theme .p-lg-5 {
    padding: 3rem !important;
  }
  .onyxiq-theme .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .onyxiq-theme .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .onyxiq-theme .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .onyxiq-theme .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .pt-lg-0 {
    padding-top: 0 !important;
  }
  .onyxiq-theme .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .onyxiq-theme .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .onyxiq-theme .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .onyxiq-theme .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .onyxiq-theme .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .onyxiq-theme .pe-lg-0 {
    padding-right: 0 !important;
  }
  .onyxiq-theme .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .onyxiq-theme .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .onyxiq-theme .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .onyxiq-theme .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .onyxiq-theme .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .onyxiq-theme .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .ps-lg-0 {
    padding-left: 0 !important;
  }
  .onyxiq-theme .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .onyxiq-theme .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .onyxiq-theme .gap-lg-0 {
    gap: 0 !important;
  }
  .onyxiq-theme .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .onyxiq-theme .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .onyxiq-theme .gap-lg-3 {
    gap: 1rem !important;
  }
  .onyxiq-theme .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .onyxiq-theme .gap-lg-5 {
    gap: 3rem !important;
  }
  .onyxiq-theme .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .onyxiq-theme .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .onyxiq-theme .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .onyxiq-theme .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .onyxiq-theme .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .onyxiq-theme .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .onyxiq-theme .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .onyxiq-theme .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .onyxiq-theme .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .onyxiq-theme .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .onyxiq-theme .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .onyxiq-theme .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .onyxiq-theme .text-lg-start {
    text-align: left !important;
  }
  .onyxiq-theme .text-lg-end {
    text-align: right !important;
  }
  .onyxiq-theme .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .float-xl-start {
    float: left !important;
  }
  .onyxiq-theme .float-xl-end {
    float: right !important;
  }
  .onyxiq-theme .float-xl-none {
    float: none !important;
  }
  .onyxiq-theme .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .onyxiq-theme .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .onyxiq-theme .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .onyxiq-theme .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .onyxiq-theme .object-fit-xl-none {
    object-fit: none !important;
  }
  .onyxiq-theme .d-xl-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-xl-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-xl-block {
    display: block !important;
  }
  .onyxiq-theme .d-xl-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-xl-table {
    display: table !important;
  }
  .onyxiq-theme .d-xl-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-xl-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-xl-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-xl-none {
    display: none !important;
  }
  .onyxiq-theme .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .onyxiq-theme .flex-xl-row {
    flex-direction: row !important;
  }
  .onyxiq-theme .flex-xl-column {
    flex-direction: column !important;
  }
  .onyxiq-theme .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .onyxiq-theme .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .onyxiq-theme .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .onyxiq-theme .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .onyxiq-theme .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .onyxiq-theme .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .onyxiq-theme .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .onyxiq-theme .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .onyxiq-theme .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .onyxiq-theme .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .onyxiq-theme .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .onyxiq-theme .justify-content-xl-center {
    justify-content: center !important;
  }
  .onyxiq-theme .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .onyxiq-theme .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .onyxiq-theme .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .onyxiq-theme .align-items-xl-start {
    align-items: flex-start !important;
  }
  .onyxiq-theme .align-items-xl-end {
    align-items: flex-end !important;
  }
  .onyxiq-theme .align-items-xl-center {
    align-items: center !important;
  }
  .onyxiq-theme .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .onyxiq-theme .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .onyxiq-theme .align-content-xl-start {
    align-content: flex-start !important;
  }
  .onyxiq-theme .align-content-xl-end {
    align-content: flex-end !important;
  }
  .onyxiq-theme .align-content-xl-center {
    align-content: center !important;
  }
  .onyxiq-theme .align-content-xl-between {
    align-content: space-between !important;
  }
  .onyxiq-theme .align-content-xl-around {
    align-content: space-around !important;
  }
  .onyxiq-theme .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .onyxiq-theme .align-self-xl-auto {
    align-self: auto !important;
  }
  .onyxiq-theme .align-self-xl-start {
    align-self: flex-start !important;
  }
  .onyxiq-theme .align-self-xl-end {
    align-self: flex-end !important;
  }
  .onyxiq-theme .align-self-xl-center {
    align-self: center !important;
  }
  .onyxiq-theme .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .onyxiq-theme .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .onyxiq-theme .order-xl-first {
    order: -1 !important;
  }
  .onyxiq-theme .order-xl-0 {
    order: 0 !important;
  }
  .onyxiq-theme .order-xl-1 {
    order: 1 !important;
  }
  .onyxiq-theme .order-xl-2 {
    order: 2 !important;
  }
  .onyxiq-theme .order-xl-3 {
    order: 3 !important;
  }
  .onyxiq-theme .order-xl-4 {
    order: 4 !important;
  }
  .onyxiq-theme .order-xl-5 {
    order: 5 !important;
  }
  .onyxiq-theme .order-xl-last {
    order: 6 !important;
  }
  .onyxiq-theme .m-xl-0 {
    margin: 0 !important;
  }
  .onyxiq-theme .m-xl-1 {
    margin: 0.25rem !important;
  }
  .onyxiq-theme .m-xl-2 {
    margin: 0.5rem !important;
  }
  .onyxiq-theme .m-xl-3 {
    margin: 1rem !important;
  }
  .onyxiq-theme .m-xl-4 {
    margin: 1.5rem !important;
  }
  .onyxiq-theme .m-xl-5 {
    margin: 3rem !important;
  }
  .onyxiq-theme .m-xl-auto {
    margin: auto !important;
  }
  .onyxiq-theme .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .onyxiq-theme .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .onyxiq-theme .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .onyxiq-theme .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .onyxiq-theme .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .onyxiq-theme .mt-xl-0 {
    margin-top: 0 !important;
  }
  .onyxiq-theme .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .onyxiq-theme .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .onyxiq-theme .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .onyxiq-theme .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .onyxiq-theme .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .onyxiq-theme .mt-xl-auto {
    margin-top: auto !important;
  }
  .onyxiq-theme .me-xl-0 {
    margin-right: 0 !important;
  }
  .onyxiq-theme .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .onyxiq-theme .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .onyxiq-theme .me-xl-3 {
    margin-right: 1rem !important;
  }
  .onyxiq-theme .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .onyxiq-theme .me-xl-5 {
    margin-right: 3rem !important;
  }
  .onyxiq-theme .me-xl-auto {
    margin-right: auto !important;
  }
  .onyxiq-theme .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .onyxiq-theme .ms-xl-0 {
    margin-left: 0 !important;
  }
  .onyxiq-theme .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .onyxiq-theme .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .onyxiq-theme .ms-xl-auto {
    margin-left: auto !important;
  }
  .onyxiq-theme .p-xl-0 {
    padding: 0 !important;
  }
  .onyxiq-theme .p-xl-1 {
    padding: 0.25rem !important;
  }
  .onyxiq-theme .p-xl-2 {
    padding: 0.5rem !important;
  }
  .onyxiq-theme .p-xl-3 {
    padding: 1rem !important;
  }
  .onyxiq-theme .p-xl-4 {
    padding: 1.5rem !important;
  }
  .onyxiq-theme .p-xl-5 {
    padding: 3rem !important;
  }
  .onyxiq-theme .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .onyxiq-theme .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .onyxiq-theme .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .onyxiq-theme .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .pt-xl-0 {
    padding-top: 0 !important;
  }
  .onyxiq-theme .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .onyxiq-theme .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .onyxiq-theme .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .onyxiq-theme .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .onyxiq-theme .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .onyxiq-theme .pe-xl-0 {
    padding-right: 0 !important;
  }
  .onyxiq-theme .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .onyxiq-theme .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .onyxiq-theme .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .onyxiq-theme .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .onyxiq-theme .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .onyxiq-theme .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .ps-xl-0 {
    padding-left: 0 !important;
  }
  .onyxiq-theme .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .onyxiq-theme .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .onyxiq-theme .gap-xl-0 {
    gap: 0 !important;
  }
  .onyxiq-theme .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .onyxiq-theme .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .onyxiq-theme .gap-xl-3 {
    gap: 1rem !important;
  }
  .onyxiq-theme .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .onyxiq-theme .gap-xl-5 {
    gap: 3rem !important;
  }
  .onyxiq-theme .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .onyxiq-theme .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .onyxiq-theme .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .onyxiq-theme .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .onyxiq-theme .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .onyxiq-theme .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .onyxiq-theme .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .onyxiq-theme .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .onyxiq-theme .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .onyxiq-theme .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .onyxiq-theme .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .onyxiq-theme .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .onyxiq-theme .text-xl-start {
    text-align: left !important;
  }
  .onyxiq-theme .text-xl-end {
    text-align: right !important;
  }
  .onyxiq-theme .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .onyxiq-theme .float-xxl-start {
    float: left !important;
  }
  .onyxiq-theme .float-xxl-end {
    float: right !important;
  }
  .onyxiq-theme .float-xxl-none {
    float: none !important;
  }
  .onyxiq-theme .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .onyxiq-theme .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .onyxiq-theme .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .onyxiq-theme .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .onyxiq-theme .object-fit-xxl-none {
    object-fit: none !important;
  }
  .onyxiq-theme .d-xxl-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-xxl-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-xxl-block {
    display: block !important;
  }
  .onyxiq-theme .d-xxl-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-xxl-table {
    display: table !important;
  }
  .onyxiq-theme .d-xxl-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-xxl-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-xxl-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-xxl-none {
    display: none !important;
  }
  .onyxiq-theme .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .onyxiq-theme .flex-xxl-row {
    flex-direction: row !important;
  }
  .onyxiq-theme .flex-xxl-column {
    flex-direction: column !important;
  }
  .onyxiq-theme .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .onyxiq-theme .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .onyxiq-theme .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .onyxiq-theme .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .onyxiq-theme .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .onyxiq-theme .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .onyxiq-theme .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .onyxiq-theme .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .onyxiq-theme .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .onyxiq-theme .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .onyxiq-theme .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .onyxiq-theme .justify-content-xxl-center {
    justify-content: center !important;
  }
  .onyxiq-theme .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .onyxiq-theme .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .onyxiq-theme .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .onyxiq-theme .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .onyxiq-theme .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .onyxiq-theme .align-items-xxl-center {
    align-items: center !important;
  }
  .onyxiq-theme .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .onyxiq-theme .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .onyxiq-theme .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .onyxiq-theme .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .onyxiq-theme .align-content-xxl-center {
    align-content: center !important;
  }
  .onyxiq-theme .align-content-xxl-between {
    align-content: space-between !important;
  }
  .onyxiq-theme .align-content-xxl-around {
    align-content: space-around !important;
  }
  .onyxiq-theme .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .onyxiq-theme .align-self-xxl-auto {
    align-self: auto !important;
  }
  .onyxiq-theme .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .onyxiq-theme .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .onyxiq-theme .align-self-xxl-center {
    align-self: center !important;
  }
  .onyxiq-theme .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .onyxiq-theme .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .onyxiq-theme .order-xxl-first {
    order: -1 !important;
  }
  .onyxiq-theme .order-xxl-0 {
    order: 0 !important;
  }
  .onyxiq-theme .order-xxl-1 {
    order: 1 !important;
  }
  .onyxiq-theme .order-xxl-2 {
    order: 2 !important;
  }
  .onyxiq-theme .order-xxl-3 {
    order: 3 !important;
  }
  .onyxiq-theme .order-xxl-4 {
    order: 4 !important;
  }
  .onyxiq-theme .order-xxl-5 {
    order: 5 !important;
  }
  .onyxiq-theme .order-xxl-last {
    order: 6 !important;
  }
  .onyxiq-theme .m-xxl-0 {
    margin: 0 !important;
  }
  .onyxiq-theme .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .onyxiq-theme .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .onyxiq-theme .m-xxl-3 {
    margin: 1rem !important;
  }
  .onyxiq-theme .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .onyxiq-theme .m-xxl-5 {
    margin: 3rem !important;
  }
  .onyxiq-theme .m-xxl-auto {
    margin: auto !important;
  }
  .onyxiq-theme .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .onyxiq-theme .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .onyxiq-theme .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .onyxiq-theme .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .onyxiq-theme .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .onyxiq-theme .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .onyxiq-theme .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .onyxiq-theme .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .onyxiq-theme .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .onyxiq-theme .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .onyxiq-theme .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .onyxiq-theme .mt-xxl-auto {
    margin-top: auto !important;
  }
  .onyxiq-theme .me-xxl-0 {
    margin-right: 0 !important;
  }
  .onyxiq-theme .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .onyxiq-theme .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .onyxiq-theme .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .onyxiq-theme .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .onyxiq-theme .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .onyxiq-theme .me-xxl-auto {
    margin-right: auto !important;
  }
  .onyxiq-theme .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .onyxiq-theme .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .onyxiq-theme .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .onyxiq-theme .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .onyxiq-theme .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .onyxiq-theme .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .onyxiq-theme .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .onyxiq-theme .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .onyxiq-theme .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .onyxiq-theme .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .onyxiq-theme .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .onyxiq-theme .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .onyxiq-theme .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .onyxiq-theme .ms-xxl-auto {
    margin-left: auto !important;
  }
  .onyxiq-theme .p-xxl-0 {
    padding: 0 !important;
  }
  .onyxiq-theme .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .onyxiq-theme .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .onyxiq-theme .p-xxl-3 {
    padding: 1rem !important;
  }
  .onyxiq-theme .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .onyxiq-theme .p-xxl-5 {
    padding: 3rem !important;
  }
  .onyxiq-theme .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .onyxiq-theme .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .onyxiq-theme .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .onyxiq-theme .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .onyxiq-theme .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .onyxiq-theme .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .onyxiq-theme .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .onyxiq-theme .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .onyxiq-theme .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .onyxiq-theme .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .onyxiq-theme .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .onyxiq-theme .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .onyxiq-theme .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .onyxiq-theme .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .onyxiq-theme .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .onyxiq-theme .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .onyxiq-theme .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .onyxiq-theme .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .onyxiq-theme .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .onyxiq-theme .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .onyxiq-theme .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .onyxiq-theme .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .onyxiq-theme .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .onyxiq-theme .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .onyxiq-theme .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .onyxiq-theme .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .onyxiq-theme .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .onyxiq-theme .gap-xxl-0 {
    gap: 0 !important;
  }
  .onyxiq-theme .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .onyxiq-theme .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .onyxiq-theme .gap-xxl-3 {
    gap: 1rem !important;
  }
  .onyxiq-theme .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .onyxiq-theme .gap-xxl-5 {
    gap: 3rem !important;
  }
  .onyxiq-theme .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .onyxiq-theme .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .onyxiq-theme .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .onyxiq-theme .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .onyxiq-theme .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .onyxiq-theme .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .onyxiq-theme .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .onyxiq-theme .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .onyxiq-theme .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .onyxiq-theme .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .onyxiq-theme .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .onyxiq-theme .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .onyxiq-theme .text-xxl-start {
    text-align: left !important;
  }
  .onyxiq-theme .text-xxl-end {
    text-align: right !important;
  }
  .onyxiq-theme .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .onyxiq-theme .fs-1 {
    font-size: 2.5rem !important;
  }
  .onyxiq-theme .fs-2 {
    font-size: 2rem !important;
  }
  .onyxiq-theme .fs-3 {
    font-size: 1.75rem !important;
  }
  .onyxiq-theme .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .onyxiq-theme .d-print-inline {
    display: inline !important;
  }
  .onyxiq-theme .d-print-inline-block {
    display: inline-block !important;
  }
  .onyxiq-theme .d-print-block {
    display: block !important;
  }
  .onyxiq-theme .d-print-grid {
    display: grid !important;
  }
  .onyxiq-theme .d-print-inline-grid {
    display: inline-grid !important;
  }
  .onyxiq-theme .d-print-table {
    display: table !important;
  }
  .onyxiq-theme .d-print-table-row {
    display: table-row !important;
  }
  .onyxiq-theme .d-print-table-cell {
    display: table-cell !important;
  }
  .onyxiq-theme .d-print-flex {
    display: flex !important;
  }
  .onyxiq-theme .d-print-inline-flex {
    display: inline-flex !important;
  }
  .onyxiq-theme .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-family: "SSGizmo";
  src: url("./media/ss-gizmo-YGGSOCMV.eot");
  src:
    url("./media/ss-gizmo-YGGSOCMV.eot?#iefix") format("embedded-opentype"),
    url("./media/ss-gizmo-VSVGQGA4.woff") format("woff"),
    url("./media/ss-gizmo-CRHCYF5H.ttf") format("truetype"),
    url("./media/ss-gizmo-7KU54JPK.svg#SSGizmo") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ssg-icon,
.ssg-icon.ssg-gizmo,
[class^=ssg-]:before,
[class*=" ssg-"]:before,
[class^=ssg-].ssg-gizmo:before,
[class*=" ssg-"].ssg-gizmo:before,
[class^=ssg-].right:after,
[class*=" ssg-"].right:after,
[class^=ssg-].ssg-gizmo.right:after,
[class*=" ssg-"].ssg-gizmo.right:after {
  font-family: "SSGizmo";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
[class^=ssg-].right:before,
[class*=" ssg-"].right:before,
[class*=" ssg-"].ssg-gizmo.right:before {
  display: none;
  content: "";
}
.ssg-cursor:before,
.ssg-cursor.right:after {
  content: "\e001";
}
.ssg-crosshair:before,
.ssg-crosshair.right:after {
  content: "\2316";
}
.ssg-search:before,
.ssg-search.right:after {
  content: "\1f50e";
}
.ssg-zoomin:before,
.ssg-zoomin.right:after {
  content: "\e002";
}
.ssg-zoomout:before,
.ssg-zoomout.right:after {
  content: "\e003";
}
.ssg-view:before,
.ssg-view.right:after {
  content: "\1f440";
}
.ssg-attach:before,
.ssg-attach.right:after {
  content: "\1f4ce";
}
.ssg-link:before,
.ssg-link.right:after {
  content: "\1f517";
}
.ssg-unlink:before,
.ssg-unlink.right:after {
  content: "\e011";
}
.ssg-move:before,
.ssg-move.right:after {
  content: "\e070";
}
.ssg-write:before,
.ssg-write.right:after {
  content: "\270e";
}
.ssg-writingdisabled:before,
.ssg-writingdisabled.right:after {
  content: "\e071";
}
.ssg-erase:before,
.ssg-erase.right:after {
  content: "\2710";
}
.ssg-compose:before,
.ssg-compose.right:after {
  content: "\1f4dd";
}
.ssg-lock:before,
.ssg-lock.right:after {
  content: "\1f512";
}
.ssg-unlock:before,
.ssg-unlock.right:after {
  content: "\1f513";
}
.ssg-key:before,
.ssg-key.right:after {
  content: "\1f511";
}
.ssg-backspace:before,
.ssg-backspace.right:after {
  content: "\232b";
}
.ssg-ban:before,
.ssg-ban.right:after {
  content: "\1f6ab";
}
.ssg-smoking:before,
.ssg-smoking.right:after {
  content: "\1f6ac";
}
.ssg-nosmoking:before,
.ssg-nosmoking.right:after {
  content: "\1f6ad";
}
.ssg-trash:before,
.ssg-trash.right:after {
  content: "\e0d0";
}
.ssg-target:before,
.ssg-target.right:after {
  content: "\25ce";
}
.ssg-tag:before,
.ssg-tag.right:after {
  content: "\e100";
}
.ssg-bookmark:before,
.ssg-bookmark.right:after {
  content: "\1f516";
}
.ssg-flag:before,
.ssg-flag.right:after {
  content: "\2691";
}
.ssg-like:before,
.ssg-like.right:after {
  content: "\1f44d";
}
.ssg-dislike:before,
.ssg-dislike.right:after {
  content: "\1f44e";
}
.ssg-heart:before,
.ssg-heart.right:after {
  content: "\2665";
}
.ssg-star:before,
.ssg-star.right:after {
  content: "\22c6";
}
.ssg-sample:before,
.ssg-sample.right:after {
  content: "\e200";
}
.ssg-crop:before,
.ssg-crop.right:after {
  content: "\e201";
}
.ssg-layers:before,
.ssg-layers.right:after {
  content: "\e202";
}
.ssg-layergroup:before,
.ssg-layergroup.right:after {
  content: "\e207";
}
.ssg-pen:before,
.ssg-pen.right:after {
  content: "\2712";
}
.ssg-bezier:before,
.ssg-bezier.right:after {
  content: "\e2a0";
}
.ssg-pixels:before,
.ssg-pixels.right:after {
  content: "\e2a1";
}
.ssg-phone:before,
.ssg-phone.right:after {
  content: "\1f4de";
}
.ssg-phonedisabled:before,
.ssg-phonedisabled.right:after {
  content: "\e300";
}
.ssg-touchtonephone:before,
.ssg-touchtonephone.right:after {
  content: "\260f";
}
.ssg-mail:before,
.ssg-mail.right:after {
  content: "\2709";
}
.ssg-inbox:before,
.ssg-inbox.right:after {
  content: "\1f4e5";
}
.ssg-outbox:before,
.ssg-outbox.right:after {
  content: "\1f4e4";
}
.ssg-chat:before,
.ssg-chat.right:after {
  content: "\1f4ac";
}
.ssg-user:before,
.ssg-user.right:after {
  content: "\1f464";
}
.ssg-users:before,
.ssg-users.right:after {
  content: "\1f465";
}
.ssg-usergroup:before,
.ssg-usergroup.right:after {
  content: "\e400";
}
.ssg-businessuser:before,
.ssg-businessuser.right:after {
  content: "\e407";
}
.ssg-man:before,
.ssg-man.right:after {
  content: "\1f468";
}
.ssg-male:before,
.ssg-male.right:after {
  content: "\e450";
}
.ssg-woman:before,
.ssg-woman.right:after {
  content: "\1f469";
}
.ssg-female:before,
.ssg-female.right:after {
  content: "\e451";
}
.ssg-raisedhand:before,
.ssg-raisedhand.right:after {
  content: "\270b";
}
.ssg-hand:before,
.ssg-hand.right:after {
  content: "\e410";
}
.ssg-pointup:before,
.ssg-pointup.right:after {
  content: "\1f446";
}
.ssg-pointupright:before,
.ssg-pointupright.right:after {
  content: "\f510";
}
.ssg-pointright:before,
.ssg-pointright.right:after {
  content: "\1f449";
}
.ssg-pointdownright:before,
.ssg-pointdownright.right:after {
  content: "\f511";
}
.ssg-pointdown:before,
.ssg-pointdown.right:after {
  content: "\1f447";
}
.ssg-pointdownleft:before,
.ssg-pointdownleft.right:after {
  content: "\f512";
}
.ssg-pointleft:before,
.ssg-pointleft.right:after {
  content: "\1f448";
}
.ssg-pointupleft:before,
.ssg-pointupleft.right:after {
  content: "\f513";
}
.ssg-cart:before,
.ssg-cart.right:after {
  content: "\e500";
}
.ssg-creditcard:before,
.ssg-creditcard.right:after {
  content: "\1f4b3";
}
.ssg-calculator:before,
.ssg-calculator.right:after {
  content: "\e551";
}
.ssg-barchart:before,
.ssg-barchart.right:after {
  content: "\1f4ca";
}
.ssg-piechart:before,
.ssg-piechart.right:after {
  content: "\e570";
}
.ssg-box:before,
.ssg-box.right:after {
  content: "\1f4e6";
}
.ssg-home:before,
.ssg-home.right:after {
  content: "\2302";
}
.ssg-globe:before,
.ssg-globe.right:after {
  content: "\1f30e";
}
.ssg-navigate:before,
.ssg-navigate.right:after {
  content: "\e670";
}
.ssg-compass:before,
.ssg-compass.right:after {
  content: "\e671";
}
.ssg-signpost:before,
.ssg-signpost.right:after {
  content: "\e672";
}
.ssg-location:before,
.ssg-location.right:after {
  content: "\e6d0";
}
.ssg-floppydisk:before,
.ssg-floppydisk.right:after {
  content: "\1f4be";
}
.ssg-database:before,
.ssg-database.right:after {
  content: "\e7a0";
}
.ssg-hdd:before,
.ssg-hdd.right:after {
  content: "\e7b0";
}
.ssg-microchip:before,
.ssg-microchip.right:after {
  content: "\e7c0";
}
.ssg-music:before,
.ssg-music.right:after {
  content: "\266b";
}
.ssg-headphones:before,
.ssg-headphones.right:after {
  content: "\1f3a7";
}
.ssg-discdrive:before,
.ssg-discdrive.right:after {
  content: "\ea42";
}
.ssg-volume:before,
.ssg-volume.right:after {
  content: "\1f508";
}
.ssg-lowvolume:before,
.ssg-lowvolume.right:after {
  content: "\1f509";
}
.ssg-mediumvolume:before,
.ssg-mediumvolume.right:after {
  content: "\e803";
}
.ssg-highvolume:before,
.ssg-highvolume.right:after {
  content: "\1f50a";
}
.ssg-airplay:before,
.ssg-airplay.right:after {
  content: "\e800";
}
.ssg-camera:before,
.ssg-camera.right:after {
  content: "\1f4f7";
}
.ssg-picture:before,
.ssg-picture.right:after {
  content: "\1f304";
}
.ssg-video:before,
.ssg-video.right:after {
  content: "\1f4f9";
}
.ssg-webcam:before,
.ssg-webcam.right:after {
  content: "\ea41";
}
.ssg-film:before,
.ssg-film.right:after {
  content: "\e8b0";
}
.ssg-playvideo:before,
.ssg-playvideo.right:after {
  content: "\e8a1";
}
.ssg-videogame:before,
.ssg-videogame.right:after {
  content: "\1f3ae";
}
.ssg-play:before,
.ssg-play.right:after {
  content: "\25b6";
}
.ssg-pause:before,
.ssg-pause.right:after {
  content: "\e8a0";
}
.ssg-stop:before,
.ssg-stop.right:after {
  content: "\25a0";
}
.ssg-record:before,
.ssg-record.right:after {
  content: "\25cf";
}
.ssg-rewind:before,
.ssg-rewind.right:after {
  content: "\23ea";
}
.ssg-fastforward:before,
.ssg-fastforward.right:after {
  content: "\23e9";
}
.ssg-skipback:before,
.ssg-skipback.right:after {
  content: "\23ee";
}
.ssg-skipforward:before,
.ssg-skipforward.right:after {
  content: "\23ed";
}
.ssg-eject:before,
.ssg-eject.right:after {
  content: "\23cf";
}
.ssg-repeat:before,
.ssg-repeat.right:after {
  content: "\1f501";
}
.ssg-replay:before,
.ssg-replay.right:after {
  content: "\21ba";
}
.ssg-shuffle:before,
.ssg-shuffle.right:after {
  content: "\1f500";
}
.ssg-index:before,
.ssg-index.right:after {
  content: "\e902";
}
.ssg-storagebox:before,
.ssg-storagebox.right:after {
  content: "\e901";
}
.ssg-book:before,
.ssg-book.right:after {
  content: "\1f4d5";
}
.ssg-notebook:before,
.ssg-notebook.right:after {
  content: "\1f4d3";
}
.ssg-newspaper:before,
.ssg-newspaper.right:after {
  content: "\1f4f0";
}
.ssg-gridlines:before,
.ssg-gridlines.right:after {
  content: "\e206";
}
.ssg-rows:before,
.ssg-rows.right:after {
  content: "\e9a1";
}
.ssg-columns:before,
.ssg-columns.right:after {
  content: "\e9a2";
}
.ssg-thumbnails:before,
.ssg-thumbnails.right:after {
  content: "\e9a3";
}
.ssg-mouse:before,
.ssg-mouse.right:after {
  content: "\ea40";
}
.ssg-usb:before,
.ssg-usb.right:after {
  content: "\eb86";
}
.ssg-desktop:before,
.ssg-desktop.right:after {
  content: "\1f4bb";
}
.ssg-laptop:before,
.ssg-laptop.right:after {
  content: "\ea00";
}
.ssg-tablet:before,
.ssg-tablet.right:after {
  content: "\ea01";
}
.ssg-smartphone:before,
.ssg-smartphone.right:after {
  content: "\ea02";
}
.ssg-cell:before,
.ssg-cell.right:after {
  content: "\1f4f1";
}
.ssg-battery:before,
.ssg-battery.right:after {
  content: "\1f50b";
}
.ssg-highbattery:before,
.ssg-highbattery.right:after {
  content: "\ea10";
}
.ssg-mediumbattery:before,
.ssg-mediumbattery.right:after {
  content: "\ea11";
}
.ssg-lowbattery:before,
.ssg-lowbattery.right:after {
  content: "\ea12";
}
.ssg-chargingbattery:before,
.ssg-chargingbattery.right:after {
  content: "\ea14";
}
.ssg-lightbulb:before,
.ssg-lightbulb.right:after {
  content: "\1f4a1";
}
.ssg-washer:before,
.ssg-washer.right:after {
  content: "\ea80";
}
.ssg-downloadcloud:before,
.ssg-downloadcloud.right:after {
  content: "\eb00";
}
.ssg-download:before,
.ssg-download.right:after {
  content: "\eb01";
}
.ssg-downloadbox:before,
.ssg-downloadbox.right:after {
  content: "\eb02";
}
.ssg-uploadcloud:before,
.ssg-uploadcloud.right:after {
  content: "\eb40";
}
.ssg-upload:before,
.ssg-upload.right:after {
  content: "\eb41";
}
.ssg-uploadbox:before,
.ssg-uploadbox.right:after {
  content: "\eb42";
}
.ssg-fork:before,
.ssg-fork.right:after {
  content: "\eb80";
}
.ssg-merge:before,
.ssg-merge.right:after {
  content: "\eb81";
}
.ssg-refresh:before,
.ssg-refresh.right:after {
  content: "\21bb";
}
.ssg-sync:before,
.ssg-sync.right:after {
  content: "\eb82";
}
.ssg-loading:before,
.ssg-loading.right:after {
  content: "\eb83";
}
.ssg-file:before,
.ssg-file.right:after {
  content: "\1f4c4";
}
.ssg-files:before,
.ssg-files.right:after {
  content: "\ec00";
}
.ssg-addfile:before,
.ssg-addfile.right:after {
  content: "\ec01";
}
.ssg-removefile:before,
.ssg-removefile.right:after {
  content: "\ec02";
}
.ssg-checkfile:before,
.ssg-checkfile.right:after {
  content: "\ec03";
}
.ssg-deletefile:before,
.ssg-deletefile.right:after {
  content: "\ec04";
}
.ssg-exe:before,
.ssg-exe.right:after {
  content: "\ec30";
}
.ssg-zip:before,
.ssg-zip.right:after {
  content: "\ec31";
}
.ssg-doc:before,
.ssg-doc.right:after {
  content: "\ec32";
}
.ssg-pdf:before,
.ssg-pdf.right:after {
  content: "\ec34";
}
.ssg-jpg:before,
.ssg-jpg.right:after {
  content: "\ec35";
}
.ssg-png:before,
.ssg-png.right:after {
  content: "\ec36";
}
.ssg-mp3:before,
.ssg-mp3.right:after {
  content: "\ec37";
}
.ssg-rar:before,
.ssg-rar.right:after {
  content: "\ec38";
}
.ssg-gif:before,
.ssg-gif.right:after {
  content: "\ec39";
}
.ssg-folder:before,
.ssg-folder.right:after {
  content: "\1f4c1";
}
.ssg-openfolder:before,
.ssg-openfolder.right:after {
  content: "\1f4c2";
}
.ssg-downloadfolder:before,
.ssg-downloadfolder.right:after {
  content: "\ec76";
}
.ssg-uploadfolder:before,
.ssg-uploadfolder.right:after {
  content: "\ec77";
}
.ssg-quote:before,
.ssg-quote.right:after {
  content: "\201c";
}
.ssg-unquote:before,
.ssg-unquote.right:after {
  content: "\201d";
}
.ssg-print:before,
.ssg-print.right:after {
  content: "\2399";
}
.ssg-copier:before,
.ssg-copier.right:after {
  content: "\ed42";
}
.ssg-fax:before,
.ssg-fax.right:after {
  content: "\1f4e0";
}
.ssg-scanner:before,
.ssg-scanner.right:after {
  content: "\ed43";
}
.ssg-printregistration:before,
.ssg-printregistration.right:after {
  content: "\ed44";
}
.ssg-shredder:before,
.ssg-shredder.right:after {
  content: "\ed40";
}
.ssg-expand:before,
.ssg-expand.right:after {
  content: "\2922";
}
.ssg-contract:before,
.ssg-contract.right:after {
  content: "\ee01";
}
.ssg-help:before,
.ssg-help.right:after {
  content: "\2753";
}
.ssg-info:before,
.ssg-info.right:after {
  content: "\2139";
}
.ssg-alert:before,
.ssg-alert.right:after {
  content: "\26a0";
}
.ssg-caution:before,
.ssg-caution.right:after {
  content: "\26d4";
}
.ssg-logout:before,
.ssg-logout.right:after {
  content: "\ee02";
}
.ssg-login:before,
.ssg-login.right:after {
  content: "\ee03";
}
.ssg-scaleup:before,
.ssg-scaleup.right:after {
  content: "\ee04";
}
.ssg-scaledown:before,
.ssg-scaledown.right:after {
  content: "\ee05";
}
.ssg-plus:before,
.ssg-plus.right:after {
  content: "+";
}
.ssg-hyphen:before,
.ssg-hyphen.right:after {
  content: "-";
}
.ssg-check:before,
.ssg-check.right:after {
  content: "\2713";
}
.ssg-delete:before,
.ssg-delete.right:after {
  content: "\2421";
}
.ssg-notifications:before,
.ssg-notifications.right:after {
  content: "\1f514";
}
.ssg-notificationsdisabled:before,
.ssg-notificationsdisabled.right:after {
  content: "\1f515";
}
.ssg-clock:before,
.ssg-clock.right:after {
  content: "\23f2";
}
.ssg-stopwatch:before,
.ssg-stopwatch.right:after {
  content: "\23f1";
}
.ssg-alarmclock:before,
.ssg-alarmclock.right:after {
  content: "\23f0";
}
.ssg-egg:before,
.ssg-egg.right:after {
  content: "\f100";
}
.ssg-eggs:before,
.ssg-eggs.right:after {
  content: "\f107";
}
.ssg-cheese:before,
.ssg-cheese.right:after {
  content: "\f101";
}
.ssg-chickenleg:before,
.ssg-chickenleg.right:after {
  content: "\1f357";
}
.ssg-pizzapie:before,
.ssg-pizzapie.right:after {
  content: "\efe0";
}
.ssg-pizza:before,
.ssg-pizza.right:after {
  content: "\1f355";
}
.ssg-cheesepizza:before,
.ssg-cheesepizza.right:after {
  content: "\efe1";
}
.ssg-frenchfries:before,
.ssg-frenchfries.right:after {
  content: "\1f35f";
}
.ssg-apple:before,
.ssg-apple.right:after {
  content: "\1f34f";
}
.ssg-carrot:before,
.ssg-carrot.right:after {
  content: "\f111";
}
.ssg-broccoli:before,
.ssg-broccoli.right:after {
  content: "\f117";
}
.ssg-cucumber:before,
.ssg-cucumber.right:after {
  content: "\f116";
}
.ssg-orange:before,
.ssg-orange.right:after {
  content: "\1f34a";
}
.ssg-lemon:before,
.ssg-lemon.right:after {
  content: "\1f34b";
}
.ssg-onion:before,
.ssg-onion.right:after {
  content: "\f115";
}
.ssg-bellpepper:before,
.ssg-bellpepper.right:after {
  content: "\f114";
}
.ssg-peas:before,
.ssg-peas.right:after {
  content: "\f112";
}
.ssg-grapes:before,
.ssg-grapes.right:after {
  content: "\1f347";
}
.ssg-strawberry:before,
.ssg-strawberry.right:after {
  content: "\1f353";
}
.ssg-bread:before,
.ssg-bread.right:after {
  content: "\1f35e";
}
.ssg-mug:before,
.ssg-mug.right:after {
  content: "\2615";
}
.ssg-mugs:before,
.ssg-mugs.right:after {
  content: "\f12b";
}
.ssg-espresso:before,
.ssg-espresso.right:after {
  content: "\eff0";
}
.ssg-macchiato:before,
.ssg-macchiato.right:after {
  content: "\eff1";
}
.ssg-cappucino:before,
.ssg-cappucino.right:after {
  content: "\eff2";
}
.ssg-latte:before,
.ssg-latte.right:after {
  content: "\eff3";
}
.ssg-icedcoffee:before,
.ssg-icedcoffee.right:after {
  content: "\eff4";
}
.ssg-coffeebean:before,
.ssg-coffeebean.right:after {
  content: "\eff5";
}
.ssg-coffeemilk:before,
.ssg-coffeemilk.right:after {
  content: "\eff6";
}
.ssg-coffeefoam:before,
.ssg-coffeefoam.right:after {
  content: "\eff7";
}
.ssg-coffeesugar:before,
.ssg-coffeesugar.right:after {
  content: "\eff8";
}
.ssg-sugarpackets:before,
.ssg-sugarpackets.right:after {
  content: "\f135";
}
.ssg-capsule:before,
.ssg-capsule.right:after {
  content: "\eff9";
}
.ssg-capsulerecycling:before,
.ssg-capsulerecycling.right:after {
  content: "\effa";
}
.ssg-insertcapsule:before,
.ssg-insertcapsule.right:after {
  content: "\effb";
}
.ssg-tea:before,
.ssg-tea.right:after {
  content: "\1f375";
}
.ssg-teabag:before,
.ssg-teabag.right:after {
  content: "\effc";
}
.ssg-jug:before,
.ssg-jug.right:after {
  content: "\f126";
}
.ssg-pitcher:before,
.ssg-pitcher.right:after {
  content: "\f19b";
}
.ssg-kettle:before,
.ssg-kettle.right:after {
  content: "\f19c";
}
.ssg-wineglass:before,
.ssg-wineglass.right:after {
  content: "\1f377";
}
.ssg-sugar:before,
.ssg-sugar.right:after {
  content: "\f134";
}
.ssg-oven:before,
.ssg-oven.right:after {
  content: "\f140";
}
.ssg-stove:before,
.ssg-stove.right:after {
  content: "\f141";
}
.ssg-vent:before,
.ssg-vent.right:after {
  content: "\f143";
}
.ssg-exhaust:before,
.ssg-exhaust.right:after {
  content: "\f144";
}
.ssg-steam:before,
.ssg-steam.right:after {
  content: "\2668";
}
.ssg-dishwasher:before,
.ssg-dishwasher.right:after {
  content: "\f192";
}
.ssg-toaster:before,
.ssg-toaster.right:after {
  content: "\f193";
}
.ssg-microwave:before,
.ssg-microwave.right:after {
  content: "\f194";
}
.ssg-electrickettle:before,
.ssg-electrickettle.right:after {
  content: "\f195";
}
.ssg-refrigerator:before,
.ssg-refrigerator.right:after {
  content: "\f196";
}
.ssg-freezer:before,
.ssg-freezer.right:after {
  content: "\f197";
}
.ssg-utensils:before,
.ssg-utensils.right:after {
  content: "\1f374";
}
.ssg-cookingutensils:before,
.ssg-cookingutensils.right:after {
  content: "\f151";
}
.ssg-whisk:before,
.ssg-whisk.right:after {
  content: "\f152";
}
.ssg-pizzacutter:before,
.ssg-pizzacutter.right:after {
  content: "\f153";
}
.ssg-measuringcup:before,
.ssg-measuringcup.right:after {
  content: "\f162";
}
.ssg-colander:before,
.ssg-colander.right:after {
  content: "\f163";
}
.ssg-eggtimer:before,
.ssg-eggtimer.right:after {
  content: "\f165";
}
.ssg-platter:before,
.ssg-platter.right:after {
  content: "\f166";
}
.ssg-plates:before,
.ssg-plates.right:after {
  content: "\f167";
}
.ssg-steamplate:before,
.ssg-steamplate.right:after {
  content: "\f198";
}
.ssg-cups:before,
.ssg-cups.right:after {
  content: "\f12a";
}
.ssg-steamglass:before,
.ssg-steamglass.right:after {
  content: "\f199";
}
.ssg-pot:before,
.ssg-pot.right:after {
  content: "\f168";
}
.ssg-steampot:before,
.ssg-steampot.right:after {
  content: "\f19a";
}
.ssg-chef:before,
.ssg-chef.right:after {
  content: "\f172";
}
.ssg-weathervane:before,
.ssg-weathervane.right:after {
  content: "\f200";
}
.ssg-thermometer:before,
.ssg-thermometer.right:after {
  content: "\f201";
}
.ssg-thermometerup:before,
.ssg-thermometerup.right:after {
  content: "\f203";
}
.ssg-thermometerdown:before,
.ssg-thermometerdown.right:after {
  content: "\f204";
}
.ssg-droplet:before,
.ssg-droplet.right:after {
  content: "\1f4a7";
}
.ssg-sunrise:before,
.ssg-sunrise.right:after {
  content: "\1f305";
}
.ssg-sunset:before,
.ssg-sunset.right:after {
  content: "\1f307";
}
.ssg-sun:before,
.ssg-sun.right:after {
  content: "\2600";
}
.ssg-cloud:before,
.ssg-cloud.right:after {
  content: "\2601";
}
.ssg-clouds:before,
.ssg-clouds.right:after {
  content: "\f220";
}
.ssg-partlycloudy:before,
.ssg-partlycloudy.right:after {
  content: "\26c5";
}
.ssg-rain:before,
.ssg-rain.right:after {
  content: "\2614";
}
.ssg-rainheavy:before,
.ssg-rainheavy.right:after {
  content: "\f224";
}
.ssg-lightning:before,
.ssg-lightning.right:after {
  content: "\2607";
}
.ssg-thunderstorm:before,
.ssg-thunderstorm.right:after {
  content: "\26c8";
}
.ssg-umbrella:before,
.ssg-umbrella.right:after {
  content: "\2602";
}
.ssg-rainumbrella:before,
.ssg-rainumbrella.right:after {
  content: "\f270";
}
.ssg-rainbow:before,
.ssg-rainbow.right:after {
  content: "\1f308";
}
.ssg-rainbowclouds:before,
.ssg-rainbowclouds.right:after {
  content: "\f214";
}
.ssg-fog:before,
.ssg-fog.right:after {
  content: "\f211";
}
.ssg-wind:before,
.ssg-wind.right:after {
  content: "\f212";
}
.ssg-tornado:before,
.ssg-tornado.right:after {
  content: "\f213";
}
.ssg-snowflake:before,
.ssg-snowflake.right:after {
  content: "\2744";
}
.ssg-snowcrystal:before,
.ssg-snowcrystal.right:after {
  content: "\2746";
}
.ssg-lightsnow:before,
.ssg-lightsnow.right:after {
  content: "\f230";
}
.ssg-snow:before,
.ssg-snow.right:after {
  content: "\f231";
}
.ssg-heavysnow:before,
.ssg-heavysnow.right:after {
  content: "\f232";
}
.ssg-hail:before,
.ssg-hail.right:after {
  content: "\f244";
}
.ssg-crescentmoon:before,
.ssg-crescentmoon.right:after {
  content: "\1f319";
}
.ssg-waxingcrescentmoon:before,
.ssg-waxingcrescentmoon.right:after {
  content: "\1f312";
}
.ssg-firstquartermoon:before,
.ssg-firstquartermoon.right:after {
  content: "\1f313";
}
.ssg-waxinggibbousmoon:before,
.ssg-waxinggibbousmoon.right:after {
  content: "\1f314";
}
.ssg-waninggibbousmoon:before,
.ssg-waninggibbousmoon.right:after {
  content: "\1f316";
}
.ssg-lastquartermoon:before,
.ssg-lastquartermoon.right:after {
  content: "\1f317";
}
.ssg-waningcrescentmoon:before,
.ssg-waningcrescentmoon.right:after {
  content: "\1f318";
}
.ssg-fan:before,
.ssg-fan.right:after {
  content: "\f280";
}
.ssg-bike:before,
.ssg-bike.right:after {
  content: "\1f6b2";
}
.ssg-wheelchair:before,
.ssg-wheelchair.right:after {
  content: "\267f";
}
.ssg-briefcase:before,
.ssg-briefcase.right:after {
  content: "\1f4bc";
}
.ssg-hanger:before,
.ssg-hanger.right:after {
  content: "\f1a0";
}
.ssg-comb:before,
.ssg-comb.right:after {
  content: "\f1a1";
}
.ssg-medicalcross:before,
.ssg-medicalcross.right:after {
  content: "\f4b0";
}
.ssg-up:before,
.ssg-up.right:after {
  content: "\2b06";
}
.ssg-upright:before,
.ssg-upright.right:after {
  content: "\2b08";
}
.ssg-right:before,
.ssg-right.right:after {
  content: "\27a1";
}
.ssg-downright:before,
.ssg-downright.right:after {
  content: "\2b0a";
}
.ssg-down:before,
.ssg-down.right:after {
  content: "\2b07";
}
.ssg-downleft:before,
.ssg-downleft.right:after {
  content: "\2b0b";
}
.ssg-left:before,
.ssg-left.right:after {
  content: "\2b05";
}
.ssg-upleft:before,
.ssg-upleft.right:after {
  content: "\2b09";
}
.ssg-navigateup:before,
.ssg-navigateup.right:after {
  content: "\f500";
}
.ssg-navigateright:before,
.ssg-navigateright.right:after {
  content: "\25bb";
}
.ssg-navigatedown:before,
.ssg-navigatedown.right:after {
  content: "\f501";
}
.ssg-navigateleft:before,
.ssg-navigateleft.right:after {
  content: "\25c5";
}
.ssg-retweet:before,
.ssg-retweet.right:after {
  content: "\f600";
}
.ssg-share:before,
.ssg-share.right:after {
  content: "\f601";
}
@font-face {
  font-family: "SSPika";
  src: url("./media/ss-pika-HIXNVISP.eot");
  src:
    url("./media/ss-pika-HIXNVISP.eot?#iefix") format("embedded-opentype"),
    url("./media/ss-pika-DM4TBWSJ.woff") format("woff"),
    url("./media/ss-pika-O5QJK6LA.ttf") format("truetype"),
    url("./media/ss-pika-TAOSLLL3.svg#SSPika") format("svg");
  font-weight: normal;
  font-style: normal;
}
html:hover [class^=ss-] {
  -ms-zoom: 1;
  zoom: 1;
}
.ss-icon,
.ss-icon.ss-pika,
[class^=ss-]:before,
[class*=" ss-"]:before,
[class^=ss-].ss-pika:before,
[class*=" ss-"].ss-pika:before,
[class^=ss-].right:after,
[class*=" ss-"].right:after,
[class^=ss-].ss-pika.right:after,
[class*=" ss-"].ss-pika.right:after {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
[class^=ss-].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: "";
}
.ss-cursor:before,
.ss-cursor.right:after {
  content: "\e001";
}
.ss-crosshair:before,
.ss-crosshair.right:after {
  content: "\2316";
}
.ss-search:before,
.ss-search.right:after {
  content: "\1f50e";
}
.ss-zoomin:before,
.ss-zoomin.right:after {
  content: "\e002";
}
.ss-zoomout:before,
.ss-zoomout.right:after {
  content: "\e003";
}
.ss-screenshot:before,
.ss-screenshot.right:after {
  content: "\e004";
}
.ss-binoculars:before,
.ss-binoculars.right:after {
  content: "\e010";
}
.ss-view:before,
.ss-view.right:after {
  content: "\1f440";
}
.ss-attach:before,
.ss-attach.right:after {
  content: "\1f4ce";
}
.ss-link:before,
.ss-link.right:after {
  content: "\1f517";
}
.ss-move:before,
.ss-move.right:after {
  content: "\e070";
}
.ss-write:before,
.ss-write.right:after {
  content: "\270e";
}
.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
  content: "\e071";
}
.ss-erase:before,
.ss-erase.right:after {
  content: "\2710";
}
.ss-compose:before,
.ss-compose.right:after {
  content: "\1f4dd";
}
.ss-draw:before,
.ss-draw.right:after {
  content: "\270f";
}
.ss-lock:before,
.ss-lock.right:after {
  content: "\1f512";
}
.ss-unlock:before,
.ss-unlock.right:after {
  content: "\1f513";
}
.ss-key:before,
.ss-key.right:after {
  content: "\1f511";
}
.ss-backspace:before,
.ss-backspace.right:after {
  content: "\232b";
}
.ss-ban:before,
.ss-ban.right:after {
  content: "\1f6ab";
}
.ss-nosmoking:before,
.ss-nosmoking.right:after {
  content: "\1f6ad";
}
.ss-trash:before,
.ss-trash.right:after {
  content: "\e0d0";
}
.ss-target:before,
.ss-target.right:after {
  content: "\25ce";
}
.ss-new:before,
.ss-new.right:after {
  content: "\1f195";
}
.ss-tag:before,
.ss-tag.right:after {
  content: "\e100";
}
.ss-pricetag:before,
.ss-pricetag.right:after {
  content: "\e102";
}
.ss-flowertag:before,
.ss-flowertag.right:after {
  content: "\e103";
}
.ss-bookmark:before,
.ss-bookmark.right:after {
  content: "\1f516";
}
.ss-flag:before,
.ss-flag.right:after {
  content: "\2691";
}
.ss-like:before,
.ss-like.right:after {
  content: "\1f44d";
}
.ss-dislike:before,
.ss-dislike.right:after {
  content: "\1f44e";
}
.ss-heart:before,
.ss-heart.right:after {
  content: "\2665";
}
.ss-halfheart:before,
.ss-halfheart.right:after {
  content: "\e1a0";
}
.ss-emptyheart:before,
.ss-emptyheart.right:after {
  content: "\2661";
}
.ss-star:before,
.ss-star.right:after {
  content: "\22c6";
}
.ss-halfstar:before,
.ss-halfstar.right:after {
  content: "\e1a1";
}
.ss-medal:before,
.ss-medal.right:after {
  content: "\e1c1";
}
.ss-ribbon:before,
.ss-ribbon.right:after {
  content: "\1f380";
}
.ss-bullseye:before,
.ss-bullseye.right:after {
  content: "\1f3af";
}
.ss-sample:before,
.ss-sample.right:after {
  content: "\e200";
}
.ss-crop:before,
.ss-crop.right:after {
  content: "\e201";
}
.ss-layers:before,
.ss-layers.right:after {
  content: "\e202";
}
.ss-gridlines:before,
.ss-gridlines.right:after {
  content: "\e206";
}
.ss-pen:before,
.ss-pen.right:after {
  content: "\2712";
}
.ss-feather:before,
.ss-feather.right:after {
  content: "\e220";
}
.ss-rubbereraser:before,
.ss-rubbereraser.right:after {
  content: "\e221";
}
.ss-paintroller:before,
.ss-paintroller.right:after {
  content: "\e225";
}
.ss-rubberstamp:before,
.ss-rubberstamp.right:after {
  content: "\e226";
}
.ss-checkclipboard:before,
.ss-checkclipboard.right:after {
  content: "\e2b3";
}
.ss-linechartclipboard:before,
.ss-linechartclipboard.right:after {
  content: "\e2b5";
}
.ss-clockwise:before,
.ss-clockwise.right:after {
  content: "\2941";
}
.ss-phone:before,
.ss-phone.right:after {
  content: "\1f4de";
}
.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
  content: "\e300";
}
.ss-headset:before,
.ss-headset.right:after {
  content: "\e302";
}
.ss-megaphone:before,
.ss-megaphone.right:after {
  content: "\1f4e2";
}
.ss-rss:before,
.ss-rss.right:after {
  content: "\e310";
}
.ss-facetime:before,
.ss-facetime.right:after {
  content: "\e320";
}
.ss-reply:before,
.ss-reply.right:after {
  content: "\21a9";
}
.ss-send:before,
.ss-send.right:after {
  content: "\e350";
}
.ss-mail:before,
.ss-mail.right:after {
  content: "\2709";
}
.ss-inbox:before,
.ss-inbox.right:after {
  content: "\1f4e5";
}
.ss-outbox:before,
.ss-outbox.right:after {
  content: "\1f4e4";
}
.ss-wifimail:before,
.ss-wifimail.right:after {
  content: "\e352";
}
.ss-chat:before,
.ss-chat.right:after {
  content: "\1f4ac";
}
.ss-user:before,
.ss-user.right:after {
  content: "\1f464";
}
.ss-femaleuser:before,
.ss-femaleuser.right:after {
  content: "\1f467";
}
.ss-users:before,
.ss-users.right:after {
  content: "\1f465";
}
.ss-usergroup:before,
.ss-usergroup.right:after {
  content: "\e400";
}
.ss-adduser:before,
.ss-adduser.right:after {
  content: "\e401";
}
.ss-removeuser:before,
.ss-removeuser.right:after {
  content: "\e402";
}
.ss-deleteuser:before,
.ss-deleteuser.right:after {
  content: "\e404";
}
.ss-userprofile:before,
.ss-userprofile.right:after {
  content: "\e406";
}
.ss-businessuser:before,
.ss-businessuser.right:after {
  content: "\e407";
}
.ss-cart:before,
.ss-cart.right:after {
  content: "\e500";
}
.ss-addcart:before,
.ss-addcart.right:after {
  content: "\e501";
}
.ss-removecart:before,
.ss-removecart.right:after {
  content: "\e502";
}
.ss-deletecart:before,
.ss-deletecart.right:after {
  content: "\e504";
}
.ss-downloadcart:before,
.ss-downloadcart.right:after {
  content: "\e505";
}
.ss-emptycart:before,
.ss-emptycart.right:after {
  content: "\e507";
}
.ss-basket:before,
.ss-basket.right:after {
  content: "\e510";
}
.ss-gift:before,
.ss-gift.right:after {
  content: "\1f381";
}
.ss-apple:before,
.ss-apple.right:after {
  content: "\1f34f";
}
.ss-cashregister:before,
.ss-cashregister.right:after {
  content: "\e530";
}
.ss-store:before,
.ss-store.right:after {
  content: "\1f3ec";
}
.ss-searchbarcode:before,
.ss-searchbarcode.right:after {
  content: "\e531";
}
.ss-notepad:before,
.ss-notepad.right:after {
  content: "\e972";
}
.ss-creditcard:before,
.ss-creditcard.right:after {
  content: "\1f4b3";
}
.ss-safe:before,
.ss-safe.right:after {
  content: "\e540";
}
.ss-digitalsafe:before,
.ss-digitalsafe.right:after {
  content: "\e541";
}
.ss-atm:before,
.ss-atm.right:after {
  content: "\1f3e7";
}
.ss-dispensecash:before,
.ss-dispensecash.right:after {
  content: "\e542";
}
.ss-banknote:before,
.ss-banknote.right:after {
  content: "\1f4b5";
}
.ss-coins:before,
.ss-coins.right:after {
  content: "\e543";
}
.ss-bankcheck:before,
.ss-bankcheck.right:after {
  content: "\e544";
}
.ss-piggybank:before,
.ss-piggybank.right:after {
  content: "\e545";
}
.ss-moneybag:before,
.ss-moneybag.right:after {
  content: "\1f4b0";
}
.ss-tip:before,
.ss-tip.right:after {
  content: "\e546";
}
.ss-calculator:before,
.ss-calculator.right:after {
  content: "\e551";
}
.ss-percent:before,
.ss-percent.right:after {
  content: "%";
}
.ss-bank:before,
.ss-bank.right:after {
  content: "\1f3e6";
}
.ss-scales:before,
.ss-scales.right:after {
  content: "\2696";
}
.ss-piechart:before,
.ss-piechart.right:after {
  content: "\e570";
}
.ss-piechartthirds:before,
.ss-piechartthirds.right:after {
  content: "\e571";
}
.ss-barchart:before,
.ss-barchart.right:after {
  content: "\1f4ca";
}
.ss-upwardsbarchart:before,
.ss-upwardsbarchart.right:after {
  content: "\e572";
}
.ss-downwardsbarchart:before,
.ss-downwardsbarchart.right:after {
  content: "\e573";
}
.ss-horizontalbarchart:before,
.ss-horizontalbarchart.right:after {
  content: "\e574";
}
.ss-analytics:before,
.ss-analytics.right:after {
  content: "\e575";
}
.ss-upwardslinechart:before,
.ss-upwardslinechart.right:after {
  content: "\1f4c8";
}
.ss-downwardslinechart:before,
.ss-downwardslinechart.right:after {
  content: "\1f4c9";
}
.ss-linecharts:before,
.ss-linecharts.right:after {
  content: "\e576";
}
.ss-scatterchart:before,
.ss-scatterchart.right:after {
  content: "\e578";
}
.ss-stock:before,
.ss-stock.right:after {
  content: "\e579";
}
.ss-form:before,
.ss-form.right:after {
  content: "\e582";
}
.ss-box:before,
.ss-box.right:after {
  content: "\1f4e6";
}
.ss-crate:before,
.ss-crate.right:after {
  content: "\e5d8";
}
.ss-deliveryvan:before,
.ss-deliveryvan.right:after {
  content: "\e5e0";
}
.ss-deliverytruck:before,
.ss-deliverytruck.right:after {
  content: "\e5e1";
}
.ss-forklift:before,
.ss-forklift.right:after {
  content: "\e5e2";
}
.ss-cargoship:before,
.ss-cargoship.right:after {
  content: "\e5e3";
}
.ss-hook:before,
.ss-hook.right:after {
  content: "\e5e4";
}
.ss-weight:before,
.ss-weight.right:after {
  content: "\e5e5";
}
.ss-containers:before,
.ss-containers.right:after {
  content: "\e5e6";
}
.ss-fragile:before,
.ss-fragile.right:after {
  content: "\e5e7";
}
.ss-thissideup:before,
.ss-thissideup.right:after {
  content: "\e5e8";
}
.ss-home:before,
.ss-home.right:after {
  content: "\2302";
}
.ss-building:before,
.ss-building.right:after {
  content: "\1f3e2";
}
.ss-lodging:before,
.ss-lodging.right:after {
  content: "\1f3e8";
}
.ss-earth:before,
.ss-earth.right:after {
  content: "\1f30e";
}
.ss-globe:before,
.ss-globe.right:after {
  content: "\1f310";
}
.ss-garage:before,
.ss-garage.right:after {
  content: "\e600";
}
.ss-warehouse:before,
.ss-warehouse.right:after {
  content: "\e602";
}
.ss-floorplan:before,
.ss-floorplan.right:after {
  content: "\e610";
}
.ss-address:before,
.ss-address.right:after {
  content: "\e611";
}
.ss-searchhouse:before,
.ss-searchhouse.right:after {
  content: "\e612";
}
.ss-housesale:before,
.ss-housesale.right:after {
  content: "\e613";
}
.ss-navigate:before,
.ss-navigate.right:after {
  content: "\e670";
}
.ss-compass:before,
.ss-compass.right:after {
  content: "\e671";
}
.ss-signpost:before,
.ss-signpost.right:after {
  content: "\e672";
}
.ss-map:before,
.ss-map.right:after {
  content: "\e673";
}
.ss-gps:before,
.ss-gps.right:after {
  content: "\e674";
}
.ss-compassnavigate:before,
.ss-compassnavigate.right:after {
  content: "\e680";
}
.ss-compassarrow:before,
.ss-compassarrow.right:after {
  content: "\e681";
}
.ss-location:before,
.ss-location.right:after {
  content: "\e6d0";
}
.ss-pin:before,
.ss-pin.right:after {
  content: "\1f4cd";
}
.ss-pushpin:before,
.ss-pushpin.right:after {
  content: "\1f4cc";
}
.ss-maplocation:before,
.ss-maplocation.right:after {
  content: "\e6d1";
}
.ss-globelocation:before,
.ss-globelocation.right:after {
  content: "\e6d2";
}
.ss-puzzle:before,
.ss-puzzle.right:after {
  content: "\e710";
}
.ss-floppydisk:before,
.ss-floppydisk.right:after {
  content: "\1f4be";
}
.ss-firewall:before,
.ss-firewall.right:after {
  content: "\e720";
}
.ss-database:before,
.ss-database.right:after {
  content: "\e7a0";
}
.ss-hdd:before,
.ss-hdd.right:after {
  content: "\e7b0";
}
.ss-music:before,
.ss-music.right:after {
  content: "\266b";
}
.ss-eighthnote:before,
.ss-eighthnote.right:after {
  content: "\266a";
}
.ss-mic:before,
.ss-mic.right:after {
  content: "\1f3a4";
}
.ss-volume:before,
.ss-volume.right:after {
  content: "\1f508";
}
.ss-lowvolume:before,
.ss-lowvolume.right:after {
  content: "\1f509";
}
.ss-highvolume:before,
.ss-highvolume.right:after {
  content: "\1f50a";
}
.ss-radio:before,
.ss-radio.right:after {
  content: "\1f4fb";
}
.ss-stereo:before,
.ss-stereo.right:after {
  content: "\e801";
}
.ss-airplay:before,
.ss-airplay.right:after {
  content: "\e800";
}
.ss-vinylrecord:before,
.ss-vinylrecord.right:after {
  content: "\e810";
}
.ss-disc:before,
.ss-disc.right:after {
  content: "\1f4bf";
}
.ss-camera:before,
.ss-camera.right:after {
  content: "\1f4f7";
}
.ss-picture:before,
.ss-picture.right:after {
  content: "\1f304";
}
.ss-video:before,
.ss-video.right:after {
  content: "\1f4f9";
}
.ss-playvideo:before,
.ss-playvideo.right:after {
  content: "\e8a1";
}
.ss-play:before,
.ss-play.right:after {
  content: "\25b6";
}
.ss-pause:before,
.ss-pause.right:after {
  content: "\e8a0";
}
.ss-stop:before,
.ss-stop.right:after {
  content: "\25a0";
}
.ss-record:before,
.ss-record.right:after {
  content: "\25cf";
}
.ss-rewind:before,
.ss-rewind.right:after {
  content: "\23ea";
}
.ss-fastforward:before,
.ss-fastforward.right:after {
  content: "\23e9";
}
.ss-skipback:before,
.ss-skipback.right:after {
  content: "\23ee";
}
.ss-skipforward:before,
.ss-skipforward.right:after {
  content: "\23ed";
}
.ss-eject:before,
.ss-eject.right:after {
  content: "\23cf";
}
.ss-repeat:before,
.ss-repeat.right:after {
  content: "\1f501";
}
.ss-replay:before,
.ss-replay.right:after {
  content: "\21ba";
}
.ss-shuffle:before,
.ss-shuffle.right:after {
  content: "\1f500";
}
.ss-index:before,
.ss-index.right:after {
  content: "\e902";
}
.ss-page:before,
.ss-page.right:after {
  content: "\e903";
}
.ss-book:before,
.ss-book.right:after {
  content: "\1f4d5";
}
.ss-books:before,
.ss-books.right:after {
  content: "\1f4da";
}
.ss-openbook:before,
.ss-openbook.right:after {
  content: "\1f4d6";
}
.ss-heartbook:before,
.ss-heartbook.right:after {
  content: "\e962";
}
.ss-downloadbook:before,
.ss-downloadbook.right:after {
  content: "\e963";
}
.ss-musicopenbook:before,
.ss-musicopenbook.right:after {
  content: "\e966";
}
.ss-searchbook:before,
.ss-searchbook.right:after {
  content: "\e967";
}
.ss-notebook:before,
.ss-notebook.right:after {
  content: "\1f4d3";
}
.ss-newspaper:before,
.ss-newspaper.right:after {
  content: "\1f4f0";
}
.ss-notice:before,
.ss-notice.right:after {
  content: "\e973";
}
.ss-rows:before,
.ss-rows.right:after {
  content: "\e9a1";
}
.ss-columns:before,
.ss-columns.right:after {
  content: "\e9a2";
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
  content: "\e9a3";
}
.ss-pagecurl:before,
.ss-pagecurl.right:after {
  content: "\e9b0";
}
.ss-desktop:before,
.ss-desktop.right:after {
  content: "\1f4bb";
}
.ss-laptop:before,
.ss-laptop.right:after {
  content: "\ea00";
}
.ss-tablet:before,
.ss-tablet.right:after {
  content: "\ea01";
}
.ss-smartphone:before,
.ss-smartphone.right:after {
  content: "\ea02";
}
.ss-cell:before,
.ss-cell.right:after {
  content: "\1f4f1";
}
.ss-walkytalky:before,
.ss-walkytalky.right:after {
  content: "\ea03";
}
.ss-ereader:before,
.ss-ereader.right:after {
  content: "\ea04";
}
.ss-ebook:before,
.ss-ebook.right:after {
  content: "\ea05";
}
.ss-wifibook:before,
.ss-wifibook.right:after {
  content: "\e968";
}
.ss-wifiopenbook:before,
.ss-wifiopenbook.right:after {
  content: "\e969";
}
.ss-battery:before,
.ss-battery.right:after {
  content: "\1f50b";
}
.ss-highbattery:before,
.ss-highbattery.right:after {
  content: "\ea10";
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
  content: "\ea11";
}
.ss-lowbattery:before,
.ss-lowbattery.right:after {
  content: "\ea12";
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
  content: "\ea13";
}
.ss-chargingbattery:before,
.ss-chargingbattery.right:after {
  content: "\ea14";
}
.ss-heartmobile:before,
.ss-heartmobile.right:after {
  content: "\ea23";
}
.ss-phonemobile:before,
.ss-phonemobile.right:after {
  content: "\ea24";
}
.ss-lockmobile:before,
.ss-lockmobile.right:after {
  content: "\ea25";
}
.ss-textmobile:before,
.ss-textmobile.right:after {
  content: "\ea26";
}
.ss-dollarmobile:before,
.ss-dollarmobile.right:after {
  content: "\ea27";
}
.ss-euromobile:before,
.ss-euromobile.right:after {
  content: "\ea28";
}
.ss-rssmobile:before,
.ss-rssmobile.right:after {
  content: "\ea29";
}
.ss-navigationmobile:before,
.ss-navigationmobile.right:after {
  content: "\ea2a";
}
.ss-batterymobile:before,
.ss-batterymobile.right:after {
  content: "\ea2b";
}
.ss-powermobile:before,
.ss-powermobile.right:after {
  content: "\ea2c";
}
.ss-browseonline:before,
.ss-browseonline.right:after {
  content: "\ea30";
}
.ss-shoponline:before,
.ss-shoponline.right:after {
  content: "\ea31";
}
.ss-bankonline:before,
.ss-bankonline.right:after {
  content: "\ea32";
}
.ss-realtyonline:before,
.ss-realtyonline.right:after {
  content: "\ea33";
}
.ss-readonline:before,
.ss-readonline.right:after {
  content: "\ea34";
}
.ss-weatheronline:before,
.ss-weatheronline.right:after {
  content: "\ea35";
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
  content: "\1f4a1";
}
.ss-lightbulbon:before,
.ss-lightbulbon.right:after {
  content: "\ea83";
}
.ss-cfl:before,
.ss-cfl.right:after {
  content: "\ea85";
}
.ss-hairdryer:before,
.ss-hairdryer.right:after {
  content: "\ea88";
}
.ss-picnictable:before,
.ss-picnictable.right:after {
  content: "\eab1";
}
.ss-flame:before,
.ss-flame.right:after {
  content: "\eab2";
}
.ss-campfire:before,
.ss-campfire.right:after {
  content: "\1f525";
}
.ss-bonfire:before,
.ss-bonfire.right:after {
  content: "\eab3";
}
.ss-balloon:before,
.ss-balloon.right:after {
  content: "\1f388";
}
.ss-christmastree:before,
.ss-christmastree.right:after {
  content: "\1f384";
}
.ss-sweep:before,
.ss-sweep.right:after {
  content: "\ea86";
}
.ss-chess:before,
.ss-chess.right:after {
  content: "\265e";
}
.ss-onedie:before,
.ss-onedie.right:after {
  content: "\2680";
}
.ss-twodie:before,
.ss-twodie.right:after {
  content: "\2681";
}
.ss-threedie:before,
.ss-threedie.right:after {
  content: "\2682";
}
.ss-fourdie:before,
.ss-fourdie.right:after {
  content: "\2683";
}
.ss-fivedie:before,
.ss-fivedie.right:after {
  content: "\2684";
}
.ss-sixdie:before,
.ss-sixdie.right:after {
  content: "\2685";
}
.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
  content: "\eb00";
}
.ss-download:before,
.ss-download.right:after {
  content: "\eb01";
}
.ss-downloadbox:before,
.ss-downloadbox.right:after {
  content: "\eb02";
}
.ss-downloadcrate:before,
.ss-downloadcrate.right:after {
  content: "\eb03";
}
.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
  content: "\eb40";
}
.ss-upload:before,
.ss-upload.right:after {
  content: "\eb41";
}
.ss-uploadbox:before,
.ss-uploadbox.right:after {
  content: "\eb42";
}
.ss-uploadcrate:before,
.ss-uploadcrate.right:after {
  content: "\eb43";
}
.ss-fork:before,
.ss-fork.right:after {
  content: "\eb80";
}
.ss-merge:before,
.ss-merge.right:after {
  content: "\eb81";
}
.ss-refresh:before,
.ss-refresh.right:after {
  content: "\21bb";
}
.ss-sync:before,
.ss-sync.right:after {
  content: "\eb82";
}
.ss-loading:before,
.ss-loading.right:after {
  content: "\eb83";
}
.ss-wifi:before,
.ss-wifi.right:after {
  content: "\eb84";
}
.ss-connection:before,
.ss-connection.right:after {
  content: "\eb85";
}
.ss-reload:before,
.ss-reload.right:after {
  content: "\eb87";
}
.ss-file:before,
.ss-file.right:after {
  content: "\1f4c4";
}
.ss-addfile:before,
.ss-addfile.right:after {
  content: "\ec01";
}
.ss-removefile:before,
.ss-removefile.right:after {
  content: "\ec02";
}
.ss-deletefile:before,
.ss-deletefile.right:after {
  content: "\ec04";
}
.ss-downloadfile:before,
.ss-downloadfile.right:after {
  content: "\ec06";
}
.ss-uploadfile:before,
.ss-uploadfile.right:after {
  content: "\ec07";
}
.ss-importfile:before,
.ss-importfile.right:after {
  content: "\ec08";
}
.ss-exportfile:before,
.ss-exportfile.right:after {
  content: "\ec09";
}
.ss-settingsfile:before,
.ss-settingsfile.right:after {
  content: "\ec0a";
}
.ss-lockfile:before,
.ss-lockfile.right:after {
  content: "\ec11";
}
.ss-userfile:before,
.ss-userfile.right:after {
  content: "\ec15";
}
.ss-picturefile:before,
.ss-picturefile.right:after {
  content: "\ec17";
}
.ss-textfile:before,
.ss-textfile.right:after {
  content: "\ec19";
}
.ss-exe:before,
.ss-exe.right:after {
  content: "\ec30";
}
.ss-zip:before,
.ss-zip.right:after {
  content: "\ec31";
}
.ss-doc:before,
.ss-doc.right:after {
  content: "\ec32";
}
.ss-ppt:before,
.ss-ppt.right:after {
  content: "\ec33";
}
.ss-pdf:before,
.ss-pdf.right:after {
  content: "\ec34";
}
.ss-jpg:before,
.ss-jpg.right:after {
  content: "\ec35";
}
.ss-png:before,
.ss-png.right:after {
  content: "\ec36";
}
.ss-folder:before,
.ss-folder.right:after {
  content: "\1f4c1";
}
.ss-openfolder:before,
.ss-openfolder.right:after {
  content: "\1f4c2";
}
.ss-downloadfolder:before,
.ss-downloadfolder.right:after {
  content: "\ec76";
}
.ss-uploadfolder:before,
.ss-uploadfolder.right:after {
  content: "\ec77";
}
.ss-cloudfolder:before,
.ss-cloudfolder.right:after {
  content: "\ec80";
}
.ss-lockfolder:before,
.ss-lockfolder.right:after {
  content: "\ec81";
}
.ss-securefolder:before,
.ss-securefolder.right:after {
  content: "\ec83";
}
.ss-picturefolder:before,
.ss-picturefolder.right:after {
  content: "\ec87";
}
.ss-moviefolder:before,
.ss-moviefolder.right:after {
  content: "\ec88";
}
.ss-quote:before,
.ss-quote.right:after {
  content: "\201c";
}
.ss-text:before,
.ss-text.right:after {
  content: "\ed00";
}
.ss-font:before,
.ss-font.right:after {
  content: "\ed01";
}
.ss-highlight:before,
.ss-highlight.right:after {
  content: "\ed11";
}
.ss-print:before,
.ss-print.right:after {
  content: "\2399";
}
.ss-fax:before,
.ss-fax.right:after {
  content: "\1f4e0";
}
.ss-list:before,
.ss-list.right:after {
  content: "\ed50";
}
.ss-layout:before,
.ss-layout.right:after {
  content: "\eda0";
}
.ss-action:before,
.ss-action.right:after {
  content: "\ee00";
}
.ss-redirect:before,
.ss-redirect.right:after {
  content: "\21aa";
}
.ss-expand:before,
.ss-expand.right:after {
  content: "\2922";
}
.ss-contract:before,
.ss-contract.right:after {
  content: "\ee01";
}
.ss-help:before,
.ss-help.right:after {
  content: "\2753";
}
.ss-info:before,
.ss-info.right:after {
  content: "\2139";
}
.ss-alert:before,
.ss-alert.right:after {
  content: "\26a0";
}
.ss-caution:before,
.ss-caution.right:after {
  content: "\26d4";
}
.ss-logout:before,
.ss-logout.right:after {
  content: "\ee02";
}
.ss-login:before,
.ss-login.right:after {
  content: "\ee03";
}
.ss-scaleup:before,
.ss-scaleup.right:after {
  content: "\ee04";
}
.ss-scaledown:before,
.ss-scaledown.right:after {
  content: "\ee05";
}
.ss-plus:before,
.ss-plus.right:after {
  content: "+";
}
.ss-hyphen:before,
.ss-hyphen.right:after {
  content: "-";
}
.ss-check:before,
.ss-check.right:after {
  content: "\2713";
}
.ss-delete:before,
.ss-delete.right:after {
  content: "\2421";
}
.ss-bearface:before,
.ss-bearface.right:after {
  content: "\1f43b";
}
.ss-bird:before,
.ss-bird.right:after {
  content: "\1f426";
}
.ss-fishes:before,
.ss-fishes.right:after {
  content: "\ef20";
}
.ss-tropicalfish:before,
.ss-tropicalfish.right:after {
  content: "\ef21";
}
.ss-tree:before,
.ss-tree.right:after {
  content: "\1f333";
}
.ss-evergreen:before,
.ss-evergreen.right:after {
  content: "\1f332";
}
.ss-palmtree:before,
.ss-palmtree.right:after {
  content: "\1f334";
}
.ss-leaf:before,
.ss-leaf.right:after {
  content: "\1f342";
}
.ss-seedling:before,
.ss-seedling.right:after {
  content: "\1f331";
}
.ss-grass:before,
.ss-grass.right:after {
  content: "\ef70";
}
.ss-settings:before,
.ss-settings.right:after {
  content: "\2699";
}
.ss-dashboard:before,
.ss-dashboard.right:after {
  content: "\f000";
}
.ss-dial:before,
.ss-dial.right:after {
  content: "\f004";
}
.ss-notifications:before,
.ss-notifications.right:after {
  content: "\1f514";
}
.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
  content: "\1f515";
}
.ss-flash:before,
.ss-flash.right:after {
  content: "\2301";
}
.ss-wrench:before,
.ss-wrench.right:after {
  content: "\1f527";
}
.ss-tapemeasure:before,
.ss-tapemeasure.right:after {
  content: "\f036";
}
.ss-clock:before,
.ss-clock.right:after {
  content: "\23f2";
}
.ss-watch:before,
.ss-watch.right:after {
  content: "\231a";
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
  content: "\23f1";
}
.ss-alarmclock:before,
.ss-alarmclock.right:after {
  content: "\23f0";
}
.ss-calendar:before,
.ss-calendar.right:after {
  content: "\1f4c5";
}
.ss-addcalendar:before,
.ss-addcalendar.right:after {
  content: "\f070";
}
.ss-removecalendar:before,
.ss-removecalendar.right:after {
  content: "\f071";
}
.ss-checkcalendar:before,
.ss-checkcalendar.right:after {
  content: "\f072";
}
.ss-deletecalendar:before,
.ss-deletecalendar.right:after {
  content: "\f073";
}
.ss-sausage:before,
.ss-sausage.right:after {
  content: "\f103";
}
.ss-burger:before,
.ss-burger.right:after {
  content: "\1f354";
}
.ss-pizza:before,
.ss-pizza.right:after {
  content: "\1f355";
}
.ss-fish:before,
.ss-fish.right:after {
  content: "\1f41f";
}
.ss-shrimp:before,
.ss-shrimp.right:after {
  content: "\1f364";
}
.ss-turkey:before,
.ss-turkey.right:after {
  content: "\f105";
}
.ss-steak:before,
.ss-steak.right:after {
  content: "\f106";
}
.ss-sidedish:before,
.ss-sidedish.right:after {
  content: "\1f35a";
}
.ss-noodles:before,
.ss-noodles.right:after {
  content: "\1f35c";
}
.ss-spaghetti:before,
.ss-spaghetti.right:after {
  content: "\1f35d";
}
.ss-corn:before,
.ss-corn.right:after {
  content: "\f110";
}
.ss-carrot:before,
.ss-carrot.right:after {
  content: "\f111";
}
.ss-icecream:before,
.ss-icecream.right:after {
  content: "\1f368";
}
.ss-mug:before,
.ss-mug.right:after {
  content: "\2615";
}
.ss-beer:before,
.ss-beer.right:after {
  content: "\1f37a";
}
.ss-bottle:before,
.ss-bottle.right:after {
  content: "\f122";
}
.ss-wineglass:before,
.ss-wineglass.right:after {
  content: "\1f377";
}
.ss-cocktail:before,
.ss-cocktail.right:after {
  content: "\1f378";
}
.ss-tea:before,
.ss-tea.right:after {
  content: "\1f375";
}
.ss-teapot:before,
.ss-teapot.right:after {
  content: "\f127";
}
.ss-waterbottle:before,
.ss-waterbottle.right:after {
  content: "\f128";
}
.ss-wineglasssparkle:before,
.ss-wineglasssparkle.right:after {
  content: "\f129";
}
.ss-salt:before,
.ss-salt.right:after {
  content: "\f130";
}
.ss-pepper:before,
.ss-pepper.right:after {
  content: "\f131";
}
.ss-oliveoil:before,
.ss-oliveoil.right:after {
  content: "\f132";
}
.ss-hotsauce:before,
.ss-hotsauce.right:after {
  content: "\f133";
}
.ss-coal:before,
.ss-coal.right:after {
  content: "\f136";
}
.ss-oven:before,
.ss-oven.right:after {
  content: "\f140";
}
.ss-stove:before,
.ss-stove.right:after {
  content: "\f141";
}
.ss-cook:before,
.ss-cook.right:after {
  content: "\1f373";
}
.ss-bbq:before,
.ss-bbq.right:after {
  content: "\f142";
}
.ss-utensils:before,
.ss-utensils.right:after {
  content: "\1f374";
}
.ss-spoonfork:before,
.ss-spoonfork.right:after {
  content: "\f150";
}
.ss-knife:before,
.ss-knife.right:after {
  content: "\1f52a";
}
.ss-cookingutensils:before,
.ss-cookingutensils.right:after {
  content: "\f151";
}
.ss-measuringcup:before,
.ss-measuringcup.right:after {
  content: "\f162";
}
.ss-colander:before,
.ss-colander.right:after {
  content: "\f163";
}
.ss-scale:before,
.ss-scale.right:after {
  content: "\f164";
}
.ss-eggtimer:before,
.ss-eggtimer.right:after {
  content: "\f165";
}
.ss-platter:before,
.ss-platter.right:after {
  content: "\f166";
}
.ss-apron:before,
.ss-apron.right:after {
  content: "\f170";
}
.ss-bbqapron:before,
.ss-bbqapron.right:after {
  content: "\f171";
}
.ss-chef:before,
.ss-chef.right:after {
  content: "\f172";
}
.ss-handbag:before,
.ss-handbag.right:after {
  content: "\1f45c";
}
.ss-briefcase:before,
.ss-briefcase.right:after {
  content: "\1f4bc";
}
.ss-hanger:before,
.ss-hanger.right:after {
  content: "\f1a0";
}
.ss-weathervane:before,
.ss-weathervane.right:after {
  content: "\f200";
}
.ss-thermometer:before,
.ss-thermometer.right:after {
  content: "\f201";
}
.ss-weather:before,
.ss-weather.right:after {
  content: "\f210";
}
.ss-cloud:before,
.ss-cloud.right:after {
  content: "\2601";
}
.ss-droplet:before,
.ss-droplet.right:after {
  content: "\1f4a7";
}
.ss-sun:before,
.ss-sun.right:after {
  content: "\2600";
}
.ss-partlycloudy:before,
.ss-partlycloudy.right:after {
  content: "\26c5";
}
.ss-rain:before,
.ss-rain.right:after {
  content: "\2614";
}
.ss-thunderstorm:before,
.ss-thunderstorm.right:after {
  content: "\26c8";
}
.ss-umbrella:before,
.ss-umbrella.right:after {
  content: "\2602";
}
.ss-rainbow:before,
.ss-rainbow.right:after {
  content: "\1f308";
}
.ss-fog:before,
.ss-fog.right:after {
  content: "\f211";
}
.ss-wind:before,
.ss-wind.right:after {
  content: "\f212";
}
.ss-tornado:before,
.ss-tornado.right:after {
  content: "\f213";
}
.ss-snowflake:before,
.ss-snowflake.right:after {
  content: "\2744";
}
.ss-fan:before,
.ss-fan.right:after {
  content: "\f280";
}
.ss-solarpanel:before,
.ss-solarpanel.right:after {
  content: "\f281";
}
.ss-plug:before,
.ss-plug.right:after {
  content: "\1f50c";
}
.ss-outlet:before,
.ss-outlet.right:after {
  content: "\f282";
}
.ss-car:before,
.ss-car.right:after {
  content: "\1f698";
}
.ss-taxi:before,
.ss-taxi.right:after {
  content: "\1f696";
}
.ss-locomotive:before,
.ss-locomotive.right:after {
  content: "\1f682";
}
.ss-train:before,
.ss-train.right:after {
  content: "\1f686";
}
.ss-traintunnel:before,
.ss-traintunnel.right:after {
  content: "\1f687";
}
.ss-bus:before,
.ss-bus.right:after {
  content: "\1f68d";
}
.ss-truck:before,
.ss-truck.right:after {
  content: "\1f69a";
}
.ss-caravan:before,
.ss-caravan.right:after {
  content: "\1f690";
}
.ss-tractor:before,
.ss-tractor.right:after {
  content: "\1f69c";
}
.ss-tunnel:before,
.ss-tunnel.right:after {
  content: "\f323";
}
.ss-plane:before,
.ss-plane.right:after {
  content: "\2708";
}
.ss-arrival:before,
.ss-arrival.right:after {
  content: "\f325";
}
.ss-departure:before,
.ss-departure.right:after {
  content: "\f324";
}
.ss-helicopter:before,
.ss-helicopter.right:after {
  content: "\1f681";
}
.ss-bike:before,
.ss-bike.right:after {
  content: "\1f6b2";
}
.ss-motorcycle:before,
.ss-motorcycle.right:after {
  content: "\f303";
}
.ss-boat:before,
.ss-boat.right:after {
  content: "\1f6a2";
}
.ss-sailboat:before,
.ss-sailboat.right:after {
  content: "\26f5";
}
.ss-schooner:before,
.ss-schooner.right:after {
  content: "\f305";
}
.ss-skylift:before,
.ss-skylift.right:after {
  content: "\1f6a1";
}
.ss-rocket:before,
.ss-rocket.right:after {
  content: "\1f680";
}
.ss-steeringwheel:before,
.ss-steeringwheel.right:after {
  content: "\f313";
}
.ss-trafficcamera:before,
.ss-trafficcamera.right:after {
  content: "\f314";
}
.ss-fuel:before,
.ss-fuel.right:after {
  content: "\26fd";
}
.ss-jerrycan:before,
.ss-jerrycan.right:after {
  content: "\f315";
}
.ss-passport:before,
.ss-passport.right:after {
  content: "\f316";
}
.ss-trafficlight:before,
.ss-trafficlight.right:after {
  content: "\1f6a6";
}
.ss-highway:before,
.ss-highway.right:after {
  content: "\f320";
}
.ss-road:before,
.ss-road.right:after {
  content: "\f321";
}
.ss-intersection:before,
.ss-intersection.right:after {
  content: "\f322";
}
.ss-wheelchair:before,
.ss-wheelchair.right:after {
  content: "\267f";
}
.ss-elevator:before,
.ss-elevator.right:after {
  content: "\f380";
}
.ss-golf:before,
.ss-golf.right:after {
  content: "\f400";
}
.ss-hockey:before,
.ss-hockey.right:after {
  content: "\f401";
}
.ss-iceskate:before,
.ss-iceskate.right:after {
  content: "\26f8";
}
.ss-billiards:before,
.ss-billiards.right:after {
  content: "\1f3b1";
}
.ss-baseballglove:before,
.ss-baseballglove.right:after {
  content: "\f404";
}
.ss-tennis:before,
.ss-tennis.right:after {
  content: "\1f3be";
}
.ss-tabletennis:before,
.ss-tabletennis.right:after {
  content: "\f402";
}
.ss-badminton:before,
.ss-badminton.right:after {
  content: "\f403";
}
.ss-boxing:before,
.ss-boxing.right:after {
  content: "\f405";
}
.ss-bowling:before,
.ss-bowling.right:after {
  content: "\f406";
}
.ss-football:before,
.ss-football.right:after {
  content: "\1f3c8";
}
.ss-soccer:before,
.ss-soccer.right:after {
  content: "\26bd";
}
.ss-hiker:before,
.ss-hiker.right:after {
  content: "\f410";
}
.ss-pool:before,
.ss-pool.right:after {
  content: "\e412";
}
.ss-shower:before,
.ss-shower.right:after {
  content: "\1f6bf";
}
.ss-exercise:before,
.ss-exercise.right:after {
  content: "\f414";
}
.ss-exercisebike:before,
.ss-exercisebike.right:after {
  content: "\f415";
}
.ss-dumbbell:before,
.ss-dumbbell.right:after {
  content: "\f416";
}
.ss-jumprope:before,
.ss-jumprope.right:after {
  content: "\f417";
}
.ss-yoga:before,
.ss-yoga.right:after {
  content: "\f418";
}
.ss-suitcase:before,
.ss-suitcase.right:after {
  content: "\e420";
}
.ss-luggage:before,
.ss-luggage.right:after {
  content: "\e421";
}
.ss-donotdisturb:before,
.ss-donotdisturb.right:after {
  content: "\e422";
}
.ss-sunscreen:before,
.ss-sunscreen.right:after {
  content: "\f423";
}
.ss-callbell:before,
.ss-callbell.right:after {
  content: "\f424";
}
.ss-hospital:before,
.ss-hospital.right:after {
  content: "\26e8";
}
.ss-medicalcross:before,
.ss-medicalcross.right:after {
  content: "\f4b0";
}
.ss-ambulance:before,
.ss-ambulance.right:after {
  content: "\1f691";
}
.ss-bandage:before,
.ss-bandage.right:after {
  content: "\f4b2";
}
.ss-medicalthermometer:before,
.ss-medicalthermometer.right:after {
  content: "\f4b3";
}
.ss-stethoscope:before,
.ss-stethoscope.right:after {
  content: "\f4b4";
}
.ss-syringe:before,
.ss-syringe.right:after {
  content: "\1f489";
}
.ss-pill:before,
.ss-pill.right:after {
  content: "\1f48a";
}
.ss-pillbottle:before,
.ss-pillbottle.right:after {
  content: "\f4b5";
}
.ss-supplements:before,
.ss-supplements.right:after {
  content: "\f4b6";
}
.ss-bathroomscale:before,
.ss-bathroomscale.right:after {
  content: "\f4b7";
}
.ss-dna:before,
.ss-dna.right:after {
  content: "\f4c2";
}
.ss-anatomicalheart:before,
.ss-anatomicalheart.right:after {
  content: "\f4d0";
}
.ss-checkheart:before,
.ss-checkheart.right:after {
  content: "\f4d1";
}
.ss-eyesurgery:before,
.ss-eyesurgery.right:after {
  content: "\f4e0";
}
.ss-brokenbone:before,
.ss-brokenbone.right:after {
  content: "\f4e1";
}
.ss-up:before,
.ss-up.right:after {
  content: "\2b06";
}
.ss-upright:before,
.ss-upright.right:after {
  content: "\2b08";
}
.ss-right:before,
.ss-right.right:after {
  content: "\27a1";
}
.ss-downright:before,
.ss-downright.right:after {
  content: "\2b0a";
}
.ss-down:before,
.ss-down.right:after {
  content: "\2b07";
}
.ss-downleft:before,
.ss-downleft.right:after {
  content: "\2b0b";
}
.ss-left:before,
.ss-left.right:after {
  content: "\2b05";
}
.ss-upleft:before,
.ss-upleft.right:after {
  content: "\2b09";
}
.ss-navigateup:before,
.ss-navigateup.right:after {
  content: "\f500";
}
.ss-navigateright:before,
.ss-navigateright.right:after {
  content: "\25bb";
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
  content: "\f501";
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
  content: "\25c5";
}
.ss-directup:before,
.ss-directup.right:after {
  content: "\25b4";
}
.ss-directright:before,
.ss-directright.right:after {
  content: "\25b9";
}
.ss-dropdown:before,
.ss-dropdown.right:after {
  content: "\25be";
}
.ss-directleft:before,
.ss-directleft.right:after {
  content: "\25c3";
}
.ss-leftright:before,
.ss-leftright.right:after {
  content: "\2b0c";
}
.ss-rightward:before,
.ss-rightward.right:after {
  content: "\f503";
}
.ss-leftward:before,
.ss-leftward.right:after {
  content: "\f505";
}
.ss-previouspage:before,
.ss-previouspage.right:after {
  content: "\2397";
}
.ss-nextpage:before,
.ss-nextpage.right:after {
  content: "\2398";
}
.ss-retweet:before,
.ss-retweet.right:after {
  content: "\f600";
}
.ss-share:before,
.ss-share.right:after {
  content: "\f601";
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1b253a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #f09f44;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #9e1210;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #f09f44;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f09f44;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1b253a;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1b253a;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #f09f44;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f09f44;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #9e1210;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #9e1210;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1b253a;
  --mat-progress-bar-track-color: rgba(27, 37, 58, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #f09f44;
  --mat-progress-bar-track-color: rgba(240, 159, 68, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #9e1210;
  --mat-progress-bar-track-color: rgba(158, 18, 16, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1b253a 87%, transparent);
  --mat-form-field-filled-caret-color: #1b253a;
  --mat-form-field-filled-focus-active-indicator-color: #1b253a;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1b253a 87%, transparent);
  --mat-form-field-outlined-caret-color: #1b253a;
  --mat-form-field-outlined-focus-outline-color: #1b253a;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1b253a 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #9e1210;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #9e1210;
  --mat-form-field-filled-error-focus-label-text-color: #9e1210;
  --mat-form-field-filled-error-label-text-color: #9e1210;
  --mat-form-field-filled-error-caret-color: #9e1210;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #9e1210;
  --mat-form-field-filled-error-focus-active-indicator-color: #9e1210;
  --mat-form-field-filled-error-hover-active-indicator-color: #9e1210;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #9e1210;
  --mat-form-field-outlined-error-focus-label-text-color: #9e1210;
  --mat-form-field-outlined-error-label-text-color: #9e1210;
  --mat-form-field-outlined-error-hover-label-text-color: #9e1210;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #9e1210;
  --mat-form-field-outlined-error-hover-outline-color: #9e1210;
  --mat-form-field-outlined-error-outline-color: #9e1210;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f09f44 87%, transparent);
  --mat-form-field-filled-caret-color: #f09f44;
  --mat-form-field-filled-focus-active-indicator-color: #f09f44;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f09f44 87%, transparent);
  --mat-form-field-outlined-caret-color: #f09f44;
  --mat-form-field-outlined-focus-outline-color: #f09f44;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f09f44 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #9e1210 87%, transparent);
  --mat-form-field-filled-caret-color: #9e1210;
  --mat-form-field-filled-focus-active-indicator-color: #9e1210;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #9e1210 87%, transparent);
  --mat-form-field-outlined-caret-color: #9e1210;
  --mat-form-field-outlined-focus-outline-color: #9e1210;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #9e1210 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1b253a;
  --mat-select-invalid-arrow-color: #9e1210;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f09f44;
  --mat-select-invalid-arrow-color: #9e1210;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #9e1210;
  --mat-select-invalid-arrow-color: #9e1210;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1b253a;
  --mat-chip-elevated-disabled-container-color: #1b253a;
  --mat-chip-elevated-selected-container-color: #1b253a;
  --mat-chip-flat-disabled-selected-container-color: #1b253a;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #f09f44;
  --mat-chip-elevated-disabled-container-color: #f09f44;
  --mat-chip-elevated-selected-container-color: #f09f44;
  --mat-chip-flat-disabled-selected-container-color: #f09f44;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #9e1210;
  --mat-chip-elevated-disabled-container-color: #9e1210;
  --mat-chip-elevated-selected-container-color: #9e1210;
  --mat-chip-flat-disabled-selected-container-color: #9e1210;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1b253a;
  --mat-slide-toggle-selected-handle-color: #1b253a;
  --mat-slide-toggle-selected-hover-state-layer-color: #1b253a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1b253a;
  --mat-slide-toggle-selected-focus-handle-color: #1b253a;
  --mat-slide-toggle-selected-hover-handle-color: #1b253a;
  --mat-slide-toggle-selected-pressed-handle-color: #1b253a;
  --mat-slide-toggle-selected-focus-track-color: #6b7891;
  --mat-slide-toggle-selected-hover-track-color: #6b7891;
  --mat-slide-toggle-selected-pressed-track-color: #6b7891;
  --mat-slide-toggle-selected-track-color: #6b7891;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #f09f44;
  --mat-slide-toggle-selected-handle-color: #f09f44;
  --mat-slide-toggle-selected-hover-state-layer-color: #f09f44;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f09f44;
  --mat-slide-toggle-selected-focus-handle-color: #f09f44;
  --mat-slide-toggle-selected-hover-handle-color: #f09f44;
  --mat-slide-toggle-selected-pressed-handle-color: #f09f44;
  --mat-slide-toggle-selected-focus-track-color: #f5bc7c;
  --mat-slide-toggle-selected-hover-track-color: #f5bc7c;
  --mat-slide-toggle-selected-pressed-track-color: #f5bc7c;
  --mat-slide-toggle-selected-track-color: #f5bc7c;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #9e1210;
  --mat-slide-toggle-selected-handle-color: #9e1210;
  --mat-slide-toggle-selected-hover-state-layer-color: #9e1210;
  --mat-slide-toggle-selected-pressed-state-layer-color: #9e1210;
  --mat-slide-toggle-selected-focus-handle-color: #9e1210;
  --mat-slide-toggle-selected-hover-handle-color: #9e1210;
  --mat-slide-toggle-selected-pressed-handle-color: #9e1210;
  --mat-slide-toggle-selected-focus-track-color: #bb5958;
  --mat-slide-toggle-selected-hover-track-color: #bb5958;
  --mat-slide-toggle-selected-pressed-track-color: #bb5958;
  --mat-slide-toggle-selected-track-color: #bb5958;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1b253a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1b253a;
  --mat-radio-selected-hover-icon-color: #1b253a;
  --mat-radio-selected-icon-color: #1b253a;
  --mat-radio-selected-pressed-icon-color: #1b253a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #f09f44;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f09f44;
  --mat-radio-selected-hover-icon-color: #f09f44;
  --mat-radio-selected-icon-color: #f09f44;
  --mat-radio-selected-pressed-icon-color: #f09f44;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #9e1210;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #9e1210;
  --mat-radio-selected-hover-icon-color: #9e1210;
  --mat-radio-selected-icon-color: #9e1210;
  --mat-radio-selected-pressed-icon-color: #9e1210;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-active-track-color: #1b253a;
  --mat-slider-focus-handle-color: #1b253a;
  --mat-slider-handle-color: #1b253a;
  --mat-slider-hover-handle-color: #1b253a;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1b253a 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1b253a 4%, transparent);
  --mat-slider-inactive-track-color: #1b253a;
  --mat-slider-ripple-color: #1b253a;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1b253a;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #f09f44;
  --mat-slider-focus-handle-color: #f09f44;
  --mat-slider-handle-color: #f09f44;
  --mat-slider-hover-handle-color: #f09f44;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f09f44 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f09f44 4%, transparent);
  --mat-slider-inactive-track-color: #f09f44;
  --mat-slider-ripple-color: #f09f44;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #f09f44;
}
.mat-warn {
  --mat-slider-active-track-color: #9e1210;
  --mat-slider-focus-handle-color: #9e1210;
  --mat-slider-handle-color: #9e1210;
  --mat-slider-hover-handle-color: #9e1210;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #9e1210 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #9e1210 4%, transparent);
  --mat-slider-inactive-track-color: #9e1210;
  --mat-slider-ripple-color: #9e1210;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #9e1210;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1b253a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1b253a;
  --mat-radio-selected-hover-icon-color: #1b253a;
  --mat-radio-selected-icon-color: #1b253a;
  --mat-radio-selected-pressed-icon-color: #1b253a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f09f44;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f09f44;
  --mat-radio-selected-hover-icon-color: #f09f44;
  --mat-radio-selected-icon-color: #f09f44;
  --mat-radio-selected-pressed-icon-color: #f09f44;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #9e1210;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #9e1210;
  --mat-radio-selected-hover-icon-color: #9e1210;
  --mat-radio-selected-icon-color: #9e1210;
  --mat-radio-selected-pressed-icon-color: #9e1210;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1b253a;
  --mat-checkbox-selected-hover-icon-color: #1b253a;
  --mat-checkbox-selected-icon-color: #1b253a;
  --mat-checkbox-selected-pressed-icon-color: #1b253a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1b253a;
  --mat-checkbox-selected-hover-state-layer-color: #1b253a;
  --mat-checkbox-selected-pressed-state-layer-color: #1b253a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f09f44;
  --mat-checkbox-selected-hover-icon-color: #f09f44;
  --mat-checkbox-selected-icon-color: #f09f44;
  --mat-checkbox-selected-pressed-icon-color: #f09f44;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f09f44;
  --mat-checkbox-selected-hover-state-layer-color: #f09f44;
  --mat-checkbox-selected-pressed-state-layer-color: #f09f44;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #9e1210;
  --mat-checkbox-selected-hover-icon-color: #9e1210;
  --mat-checkbox-selected-icon-color: #9e1210;
  --mat-checkbox-selected-pressed-icon-color: #9e1210;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #9e1210;
  --mat-checkbox-selected-hover-state-layer-color: #9e1210;
  --mat-checkbox-selected-pressed-state-layer-color: #9e1210;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1b253a;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1b253a;
  --mat-tab-active-ripple-color: #1b253a;
  --mat-tab-inactive-ripple-color: #1b253a;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1b253a;
  --mat-tab-active-hover-label-text-color: #1b253a;
  --mat-tab-active-focus-indicator-color: #1b253a;
  --mat-tab-active-hover-indicator-color: #1b253a;
  --mat-tab-active-indicator-color: #1b253a;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f09f44;
  --mat-tab-active-ripple-color: #f09f44;
  --mat-tab-inactive-ripple-color: #f09f44;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f09f44;
  --mat-tab-active-hover-label-text-color: #f09f44;
  --mat-tab-active-focus-indicator-color: #f09f44;
  --mat-tab-active-hover-indicator-color: #f09f44;
  --mat-tab-active-indicator-color: #f09f44;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #9e1210;
  --mat-tab-active-ripple-color: #9e1210;
  --mat-tab-inactive-ripple-color: #9e1210;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #9e1210;
  --mat-tab-active-hover-label-text-color: #9e1210;
  --mat-tab-active-focus-indicator-color: #9e1210;
  --mat-tab-active-hover-indicator-color: #9e1210;
  --mat-tab-active-indicator-color: #9e1210;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1b253a;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #f09f44;
  --mat-tab-foreground-color: #000000;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #9e1210;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f09f44;
  --mat-checkbox-selected-hover-icon-color: #f09f44;
  --mat-checkbox-selected-icon-color: #f09f44;
  --mat-checkbox-selected-pressed-icon-color: #f09f44;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f09f44;
  --mat-checkbox-selected-hover-state-layer-color: #f09f44;
  --mat-checkbox-selected-pressed-state-layer-color: #f09f44;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1b253a;
  --mat-checkbox-selected-hover-icon-color: #1b253a;
  --mat-checkbox-selected-icon-color: #1b253a;
  --mat-checkbox-selected-pressed-icon-color: #1b253a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1b253a;
  --mat-checkbox-selected-hover-state-layer-color: #1b253a;
  --mat-checkbox-selected-pressed-state-layer-color: #1b253a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #9e1210;
  --mat-checkbox-selected-hover-icon-color: #9e1210;
  --mat-checkbox-selected-icon-color: #9e1210;
  --mat-checkbox-selected-pressed-icon-color: #9e1210;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #9e1210;
  --mat-checkbox-selected-hover-state-layer-color: #9e1210;
  --mat-checkbox-selected-pressed-state-layer-color: #9e1210;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1b253a;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1b253a;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1b253a 12%, transparent);
  --mat-button-outlined-state-layer-color: #1b253a;
  --mat-button-protected-container-color: #1b253a;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1b253a;
  --mat-button-text-ripple-color: color-mix(in srgb, #1b253a 12%, transparent);
  --mat-button-text-state-layer-color: #1b253a;
  --mat-button-tonal-container-color: #1b253a;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #f09f44;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #f09f44;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f09f44 12%, transparent);
  --mat-button-outlined-state-layer-color: #f09f44;
  --mat-button-protected-container-color: #f09f44;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #f09f44;
  --mat-button-text-ripple-color: color-mix(in srgb, #f09f44 12%, transparent);
  --mat-button-text-state-layer-color: #f09f44;
  --mat-button-tonal-container-color: #f09f44;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #9e1210;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #9e1210;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #9e1210 12%, transparent);
  --mat-button-outlined-state-layer-color: #9e1210;
  --mat-button-protected-container-color: #9e1210;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #9e1210;
  --mat-button-text-ripple-color: color-mix(in srgb, #9e1210 12%, transparent);
  --mat-button-text-state-layer-color: #9e1210;
  --mat-button-tonal-container-color: #9e1210;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1b253a;
  --mat-icon-button-state-layer-color: #1b253a;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1b253a 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #f09f44;
  --mat-icon-button-state-layer-color: #f09f44;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f09f44 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #9e1210;
  --mat-icon-button-state-layer-color: #9e1210;
  --mat-icon-button-ripple-color: color-mix(in srgb, #9e1210 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1b253a;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1b253a 12%, transparent);
  --mat-fab-small-container-color: #1b253a;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #f09f44;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #f09f44 12%, transparent);
  --mat-fab-small-container-color: #f09f44;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #9e1210;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #9e1210 12%, transparent);
  --mat-fab-small-container-color: #9e1210;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #6b7891;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1b253a;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #f09f44;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #9e1210;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1b253a;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #f09f44;
  --mat-badge-text-color: #000000;
}
.mat-badge-warn {
  --mat-badge-background-color: #9e1210;
  --mat-badge-text-color: #ffffff;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1b253a 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f09f44 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1b253a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1b253a 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1b253a 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1b253a 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1b253a;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f09f44 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f09f44 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #f09f44;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f09f44 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f09f44 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f09f44 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f09f44;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #9e1210 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f09f44 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #9e1210;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #9e1210 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #9e1210 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #9e1210 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #9e1210;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #1b253a;
}
.mat-icon.mat-accent {
  --mat-icon-color: #f09f44;
}
.mat-icon.mat-warn {
  --mat-icon-color: #9e1210;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1b253a;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1b253a;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1b253a;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #9e1210;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #9e1210;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #f09f44;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #f09f44;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #f09f44;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #9e1210;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #9e1210;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #9e1210;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1b253a;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f09f44;
  --mat-toolbar-container-text-color: #000000;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #9e1210;
  --mat-toolbar-container-text-color: #ffffff;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
}
:root {
  --mat-dialog-supporting-text-size: 14px !important;
  --mat-dialog-supporting-text-line-height: 1.4 !important;
  --mat-dialog-supporting-text-weight: 400 !important;
  --mat-form-field-container-text-size: 14px !important;
  --mat-form-field-container-text-line-height: 1.4 !important;
  --mat-form-field-container-text-weight: 400 !important;
  --mat-standard-button-toggle-label-text-size: 14px !important;
  --mat-standard-button-toggle-label-text-line-height: 1.4 !important;
  --mat-standard-button-toggle-label-text-weight: 600 !important;
  --mat-sys-body-medium-size: 14px !important;
  --mat-sys-body-medium-line-height: 1.4 !important;
  --mat-sys-body-medium-weight: 400 !important;
  --mat-sys-body-small-size: 12px !important;
  --mat-sys-body-small-line-height: 1.3 !important;
  --mat-sys-body-large-size: 16px !important;
  --mat-sys-body-large-line-height: 1.5 !important;
  --mat-sys-label-medium-size: 14px !important;
  --mat-sys-label-medium-line-height: 1.4 !important;
  --mat-sys-label-medium-weight: 500 !important;
  --mat-sys-label-small-size: 12px !important;
  --mat-sys-label-small-line-height: 1.3 !important;
  --mat-checkbox-state-layer-size: 30px !important;
  --mat-checkbox-label-text-color: var(--mat-sys-on-surface);
  --mat-checkbox-label-text-line-height: 1.4 !important;
  --mat-checkbox-label-text-size: 14px !important;
  --mat-checkbox-label-text-tracking: 0 !important;
  --mat-checkbox-label-text-weight: 400 !important;
  --mat-radio-state-layer-size: 30px !important;
  --mat-radio-label-text-color: var(--mat-sys-on-surface);
  --mat-radio-label-text-line-height: 1.4 !important;
  --mat-radio-label-text-size: 14px !important;
  --mat-radio-label-text-tracking: 0 !important;
  --mat-radio-label-text-weight: 400 !important;
  --mat-checkbox-ripple-color: transparent !important;
  --mat-radio-ripple-color: transparent !important;
  --mat-checkbox-selected-checkmark-color: #6b7891 !important;
  --mat-checkbox-unselected-outline-color: #6b7891 !important;
  --mat-radio-selected-token-color: #6b7891 !important;
  --mat-radio-unselected-token-color: #6b7891 !important;
  --mat-checkbox-label-spacing: 8px !important;
  --mat-radio-label-spacing: 8px !important;
  --mat-slide-toggle-handle-surface-color: #fff !important;
  --mat-slide-toggle-selected-handle-color: #fff !important;
  --mat-slide-toggle-selected-track-color: #2c4064 !important;
  --mat-progress-bar-track-height: 15px !important;
  --mat-progress-bar-track-border-radius: 15px !important;
  --mat-datepicker-calendar-date-hover-state-background-color: #1b253a4d !important;
  --mat-progress-bar-active-indicator-height: 15px !important;
  --mat-dialog-supporting-text-tracking: normal !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline,
.mat-form-field-appearance-outline.ng-invalid .mat-form-field-outline {
  color: rgb(201, 27, 24) !important;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.onyxiq-snack-bar {
  color: #1b253a;
  background-color: #f5f5f5 !important;
}
.onyxiq-snack-bar .mat-simple-snackbar-action .mat-button {
  line-height: 36px;
}
.onyxiq-snack-bar.success {
  color: #177d48;
}
.onyxiq-snack-bar.error {
  color: #9e1210;
}
.onyxiq-theme {
  width: initial;
  margin: 0;
  font-size: 14px;
  background-color: #f5f5f5;
}
.onyxiq-theme .button-v2 .mdc-button__label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
}
.onyxiq-theme .mat-mdc-radio-button .mdc-label,
.onyxiq-theme .mat-mdc-checkbox .mdc-label {
  margin-bottom: 0 !important;
}
.onyxiq-theme h1,
.onyxiq-theme h2,
.onyxiq-theme h4 {
  margin: 0;
  color: #1b253a;
}
.onyxiq-theme h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}
.onyxiq-theme h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.onyxiq-theme h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #6b7891;
}
.onyxiq-theme h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.onyxiq-theme h5 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #2c4064;
}
.onyxiq-theme p {
  line-height: 1.43;
  color: #606f7b;
}
.onyxiq-theme p.dark {
  color: #1b253a;
}
.onyxiq-theme p.icon {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 14px;
}
.onyxiq-theme p.person-icon {
  background-image: url(/assets/images/person-icon.svg);
}
.onyxiq-theme p.phone-icon {
  background-image: url(/assets/images/phone-icon.svg);
}
.onyxiq-theme p.email-icon {
  background-image: url(/assets/images/email-icon.svg);
}
.onyxiq-theme p.url-icon {
  background-image: url(/assets/images/url-icon.svg);
}
.onyxiq-theme button span {
  pointer-events: none;
}
.onyxiq-theme .logged-in-as {
  width: 100%;
  padding: 9px;
  font-size: 0.85rem;
  font-weight: 400;
  text-align: center;
  background: #abb3c1;
  color: #1b253a;
  z-index: 4;
}
.onyxiq-theme .logged-in-as > span {
  font-weight: 900;
}
.onyxiq-theme .logged-in-as button {
  margin-left: 15px;
}
.onyxiq-theme .tooltip-red {
  background: rgb(201, 27, 24);
}
.onyxiq-theme.mobile-overlay-open {
  overflow: hidden;
}
.onyxiq-theme .link {
  font-size: 13px;
}
.onyxiq-theme .link,
.onyxiq-theme .back-link {
  color: #1b253a;
  cursor: pointer;
}
.onyxiq-theme .link.blue,
.onyxiq-theme .back-link.blue {
  color: #0042f2;
}
.onyxiq-theme .link.disabled,
.onyxiq-theme .back-link.disabled {
  color: #dfe5f9;
  pointer-events: none;
}
.onyxiq-theme .link.green,
.onyxiq-theme .back-link.green {
  color: green;
}
.onyxiq-theme .link.und,
.onyxiq-theme .back-link.und {
  text-decoration: underline;
}
.onyxiq-theme .link.italic,
.onyxiq-theme .back-link.italic {
  font-style: italic;
}
.onyxiq-theme .link:hover,
.onyxiq-theme .back-link:hover {
  text-decoration: underline;
}
.onyxiq-theme .emphasis {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.onyxiq-theme .error-text {
  font-size: 12px;
  color: #9e1210;
  clear: both;
}
.onyxiq-theme .warn-text {
  font-size: 12px;
  color: #f09f44;
  clear: both;
}
.onyxiq-theme .info-text {
  font-size: 12px;
}
.onyxiq-theme .info-text.warn {
  color: #9e1210;
}
.onyxiq-theme .info-tooltip {
  font-size: 12px;
}
.onyxiq-theme .gray-text {
  color: #2c4064;
}
.onyxiq-theme .light-gray-text {
  color: #6b7891;
}
.onyxiq-theme .status-indicator {
  display: inline-block;
  vertical-align: text-bottom;
  padding: 7px 14px;
  border-radius: 14px;
  font-size: 12px;
  position: relative;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  transition: padding 0.2s linear;
  width: max-content;
}
.onyxiq-theme .status-indicator.loading {
  color: transparent !important;
}
.onyxiq-theme .status-indicator.loading:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
}
.onyxiq-theme .status-indicator .status-change-dropdown {
  display: block;
  cursor: auto;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: max-content;
  overflow: hidden;
  z-index: 1000;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in {
  margin-top: -100%;
  transition: margin-top 0.2s linear;
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span {
  border-width: 2px;
  margin-top: 8px;
  border-style: solid;
  border-color: transparent;
  display: block;
  width: max-content;
  cursor: pointer;
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.red,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.declined,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.defaulted,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.inactive,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.canceled,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.no_go {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.blue,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.underwriting,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.application_approved,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.offer_applied,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.contracts_sent,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.contracts_received_complete,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.final_underwriting,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.final_funding_approval {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.green,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.healthy,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.funded,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.active {
  border-color: #177d48;
}
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.yellow,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.new,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.credit_check,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.operations_queue,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.application_revision,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.contracts_received_incomplete,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.contracts_awaiting_stipulations,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.stipulations_review,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.underwriting_review_queue,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.underwriting_review,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.slow_pay,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.closed,
.onyxiq-theme .status-indicator .status-change-dropdown .drop-in span:hover.payment_issues {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator .arrow-down {
  border-color: inherit;
  border-style: solid;
  border-width: 0 3px 3px 0;
  display: inline-block;
  right: 10px;
  position: absolute;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: opacity 0.15s linear;
}
.onyxiq-theme .status-indicator.expandable {
  cursor: pointer;
  padding-right: 35px;
  transition: padding 0.2s linear;
}
.onyxiq-theme .status-indicator.expandable.expanded {
  cursor: pointer;
  padding-right: 35px;
  transition: padding 0.2s linear;
}
.onyxiq-theme .status-indicator.expandable.expanded .drop-in {
  margin-top: 0;
  transition: margin-top 0.2s linear;
}
.onyxiq-theme .status-indicator.expandable.expanded .arrow-down {
  opacity: 1;
  transition: opacity 0.15s linear;
}
.onyxiq-theme .status-indicator.expandable .arrow-down {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.onyxiq-theme .status-indicator.red {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.red.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.green {
  background: #b4ecce;
  color: #177d48;
}
.onyxiq-theme .status-indicator.green.expandable {
  border-color: #177d48;
}
.onyxiq-theme .status-indicator.yellow {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.yellow.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.blue {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.blue.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.new {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.new.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.credit_check {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.credit_check.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.operations_queue {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.operations_queue.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting_queue {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting_queue.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.pre_underwriting_queue {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.pre_underwriting_queue.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.pre_underwriting {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.pre_underwriting.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.underwriting.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.application_revision {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.application_revision.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.application_approved {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.application_approved.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.offer_applied {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.offer_applied.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.contracts_sent {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.contracts_sent.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.disclosure_sent {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.disclosure_sent.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.contracts_received_incomplete {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.contracts_received_incomplete.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.contracts_received_complete {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.contracts_received_complete.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.contracts_awaiting_stipulations {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.contracts_awaiting_stipulations.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.stipulations_review {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.stipulations_review.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.final_underwriting {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.final_underwriting.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.underwriting_review_queue {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting_review_queue.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting_review {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.underwriting_review.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.final_funding_approval {
  background: #d2e2f2;
  color: #15427c;
}
.onyxiq-theme .status-indicator.final_funding_approval.expandable {
  border-color: #15427c;
}
.onyxiq-theme .status-indicator.healthy,
.onyxiq-theme .status-indicator.funded {
  background: #b4ecce;
  color: #177d48;
}
.onyxiq-theme .status-indicator.healthy.expandable,
.onyxiq-theme .status-indicator.funded.expandable {
  border-color: #177d48;
}
.onyxiq-theme .status-indicator.declined {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.declined.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.paid_off {
  background: #cecece;
}
.onyxiq-theme .status-indicator.settled {
  background: #cecece;
}
.onyxiq-theme .status-indicator.slow_pay {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.slow_pay.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.defaulted {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.defaulted.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.closed {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.closed.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.payment_issues {
  background: #faf5d1;
  color: #af9f34;
}
.onyxiq-theme .status-indicator.payment_issues.expandable {
  border-color: #af9f34;
}
.onyxiq-theme .status-indicator.active {
  background: #b4ecce;
  color: #177d48;
}
.onyxiq-theme .status-indicator.active.expandable {
  border-color: #177d48;
}
.onyxiq-theme .status-indicator.inactive {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.inactive.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.canceled {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.canceled.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.no_go {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.no_go.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .status-indicator.high-priority-deal {
  background: #fdc3c2;
  color: #9e1210;
}
.onyxiq-theme .status-indicator.high-priority-deal.expandable {
  border-color: #9e1210;
}
.onyxiq-theme .action-buttons button {
  float: left;
  margin-right: 15px;
  line-height: 38px;
  height: auto;
}
.onyxiq-theme .action-buttons .mat-form-field,
.onyxiq-theme .action-buttons .mat-mdc-form-field {
  display: inline-block;
  width: 200px;
}
.onyxiq-theme .custom-input {
  position: absolute;
  height: 0.1px;
  width: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.onyxiq-theme .custom-input + label {
  margin: 0;
  padding: 0 15px;
  cursor: pointer;
}
.onyxiq-theme .custom-input:focus + label,
.onyxiq-theme .custom-input + label:hover {
  background-color: #f5f5f5;
}
.onyxiq-theme .fees-wrapper .link {
  clear: both;
}
.onyxiq-theme .fees-wrapper .close {
  position: relative;
  left: 5px;
  display: block;
  height: 16px;
  width: 16px;
  margin-top: 10px;
  opacity: 1;
  background: #fff url(/assets/images/x-icon.svg) center center no-repeat;
}
.onyxiq-theme .fees-wrapper .fee-row {
  clear: both;
}
.onyxiq-theme .fees-wrapper .fee-row > div {
  float: left;
}
.onyxiq-theme .fees-wrapper .fee-row > div:nth-child(1) {
  width: 38%;
  margin-right: 2%;
}
.onyxiq-theme .fees-wrapper .fee-row > div:nth-child(2) {
  width: 48%;
  margin-right: 2%;
}
.onyxiq-theme .fees-wrapper .fee-row > div:nth-child(3) {
  width: 5%;
}
.onyxiq-theme .content .heading {
  padding: 20px 28px;
  text-transform: uppercase;
  background-color: #fff;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
}
.onyxiq-theme .content .heading.action-header {
  font-size: 18px;
  line-height: 42px;
  text-transform: none;
}
.onyxiq-theme .content .heading.action-header button {
  float: right;
  min-width: 160px;
  margin-left: 30px;
}
.onyxiq-theme .content .heading.clearfix {
  padding-bottom: 13px;
  padding-top: 13px;
}
.onyxiq-theme .content .heading.clearfix h2 {
  float: left;
  line-height: 42px;
}
.onyxiq-theme .content .heading.clearfix .action-buttons {
  float: right;
}
.onyxiq-theme .content .heading.application-heading,
.onyxiq-theme .content .heading.funding.heading {
  padding: 0 28px 20px;
}
.onyxiq-theme .content .heading.application-heading h2,
.onyxiq-theme .content .heading.funding.heading h2 {
  text-transform: none;
}
.onyxiq-theme .content .heading.application-heading h2 .app-id,
.onyxiq-theme .content .heading.funding.heading h2 .app-id {
  font-size: 14px;
}
.onyxiq-theme .content .heading.client-heading h2 {
  width: 100%;
}
.onyxiq-theme .content .body {
  margin-top: 20px;
  background-color: #fff;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
}
.onyxiq-theme .content .body.body-padding {
  padding: 20px 28px;
}
.onyxiq-theme .content .body.no-shadow,
.onyxiq-theme .content .body.bg-transparent {
  box-shadow: none;
}
.onyxiq-theme .content .body-box {
  height: 100%;
  padding: 28px;
  background: #fff;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
}
.onyxiq-theme .content .body-box h3 {
  margin-bottom: 26px;
}
.onyxiq-theme .content .body-box h4 {
  margin-bottom: 10px;
}
.onyxiq-theme .content .body-box p {
  margin-bottom: 5px;
}
.onyxiq-theme .content .indent {
  padding-left: 22px;
}
.onyxiq-theme .content .indent p {
  margin-bottom: 14px;
  padding-left: 30px;
}
.onyxiq-theme .mat-drawer-container,
.onyxiq-theme .content-wrapper {
  max-width: 95%;
  margin: 20px auto 0;
}
.onyxiq-theme .mat-drawer-container {
  height: calc(100vh - 104px);
  overflow: hidden;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
  background-color: transparent;
}
.onyxiq-theme .mat-drawer-container .heading {
  padding: 15px 26px;
  box-shadow: none;
}
.onyxiq-theme .content-wrapper {
  margin-bottom: 20px;
}
.onyxiq-theme .loading-input:disabled {
  opacity: 0.5;
  background: #e0e0e0;
}
.onyxiq-theme .loading-input + .loading {
  color: transparent !important;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: calc(100% - 20px);
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
}
.onyxiq-theme .mat-drawer-content {
  left: 20px;
  padding-right: 20px;
  margin-right: 20px;
  background: #fff;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
}
.onyxiq-theme .mat-drawer-content .body {
  margin-top: 0;
  box-shadow: none;
}
.onyxiq-theme .mat-drawer-content.closed {
  left: 0;
  padding-right: 0;
}
.onyxiq-theme .mat-drawer-content.closed .toggle-sidebar-btn .mat-icon {
  height: 11px;
  width: 8px;
  transform: rotate(180deg);
}
.onyxiq-theme .content-wrapper {
  margin: 20px auto 0;
  padding-bottom: 25px;
}
.onyxiq-theme .row {
  margin-bottom: 18px;
}
.onyxiq-theme .row:last-child {
  margin-bottom: 0;
}
.onyxiq-theme .banner .mat-drawer-container {
  height: calc(100vh - 164px);
}
.onyxiq-theme .address-wrapper {
  display: block;
  margin-bottom: 35px;
}
.onyxiq-theme .address-wrapper .remove-address {
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .onyxiq-theme .content .body.body-padding {
    padding: 15px;
  }
  .onyxiq-theme .content .heading.clearfix h2,
  .onyxiq-theme .content .heading.clearfix .action-buttons {
    float: none;
  }
  .onyxiq-theme .content .heading.clearfix .action-buttons {
    margin-top: 6px;
  }
  .onyxiq-theme .content .indent {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .onyxiq-theme .action-buttons button {
    float: none;
    margin-top: 6px;
  }
  .onyxiq-theme .content .heading.clearfix h2 {
    line-height: normal;
  }
  .onyxiq-theme .content .heading.action-header button {
    float: none;
    margin-left: 0;
    margin-top: 6px;
  }
  .onyxiq-theme .status-indicator {
    margin-left: 5px !important;
    font-size: 9px;
  }
}
.onyxiq-theme .col-sm-6 .notes-wrapper .d-inline-block button {
  margin: 0 20px 5px !important;
}
.sidenav {
  bottom: 20px;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 288px !important;
  border: none !important;
  background: #fff;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08) !important;
}
.sidenav .mat-mdc-checkbox {
  width: 100%;
}
.sidenav .filters h5 {
  margin: 20px 28px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: normal;
  color: #6b7891;
}
.sidenav .filters button.mat-primary {
  display: block;
  width: 252px;
  height: 46px;
  margin: 30px auto 22px;
}
.sidenav .filters a {
  font-size: 14px;
  color: #1b253a;
}
.sidenav .info-panel h3 {
  padding: 20px 24px;
}
.sidenav .info-panel p {
  margin: 0;
  padding: 16px 24px;
  font-size: 12px;
  line-height: 1.67;
  color: #606f7b;
}
.sidenav .info-panel p .username {
  font-size: 14px;
  line-height: normal;
  color: #000;
}
.sidenav .info-panel p:nth-of-type(odd) {
  background: #f2f5ff;
}
.sidenav .mat-expansion-panel {
  margin: 0;
  padding: 12px 18px;
  background: #fff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.sidenav .mat-expansion-panel:nth-child(odd) {
  background: #f2f5ff;
}
.sidenav .mat-expansion-panel.mat-expanded .mat-expansion-indicator::before {
  content: none;
}
.sidenav .mat-expansion-panel-header {
  flex-direction: row-reverse;
  padding: 0 2px;
}
.sidenav .mat-expansion-panel-header .mat-content {
  padding-left: 12px;
}
.sidenav .mat-expansion-panel-header .mat-expansion-indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.sidenav .mat-expansion-panel-header .mat-expansion-indicator::after {
  display: none !important;
}
.sidenav .mat-expansion-panel-header .mat-expansion-indicator::before,
.sidenav .mat-expansion-panel-header .mat-expansion-indicator::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transition: opacity 0.3s ease-in-out;
  border-style: none !important;
  transform: none !important;
  padding: 0 !important;
}
.sidenav .mat-expansion-panel-header .mat-expansion-indicator::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%2315427C" d="M13 5h-2v6H5v2h6v6h2v-6h6v-2h-6V5z"/></svg>');
  opacity: 1;
}
.sidenav .mat-expansion-panel-header .mat-expansion-indicator::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 24 24"><path fill="%2315427C" d="M19 13H5v-2h14v2z"/></svg>');
  opacity: 0;
}
.sidenav .mat-expansion-panel-header:hover {
  background: transparent !important;
}
.sidenav .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .mat-expansion-indicator::before {
  opacity: 0 !important;
}
.sidenav .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .mat-expansion-indicator::after {
  opacity: 1 !important;
  display: inline-block !important;
}
.sidenav .mat-expansion-panel-body {
  padding: 8px 2px 0 32px;
}
.sidenav .mat-checkbox {
  display: block;
}
.sidenav .mat-form-field-appearance-outline .mat-form-field-prefix,
.sidenav .mat-form-field-appearance-outline .mat-form-field-suffix,
.sidenav .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix,
.sidenav .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  color: #abb3c1;
}
.sidenav .mat-form-field-appearance-outline .mat-form-field-prefix mat-icon,
.sidenav .mat-form-field-appearance-outline .mat-form-field-suffix mat-icon,
.sidenav .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix mat-icon,
.sidenav .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix mat-icon {
  padding-left: 0;
  padding-right: 0;
}
.sidenav input[type=range] {
  width: 100%;
}
.sidenav .steps {
  padding: 20px;
}
.sidenav .step {
  min-height: 32px;
  margin: 0 auto 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  color: #6b7891;
}
.sidenav .step .step-num {
  float: left;
  display: inline-block;
  height: 32px;
  width: 32px;
  margin-right: 15px;
  border: 1px solid #dfe5f9;
  border-radius: 50%;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  background: #fff;
}
.sidenav .step.complete .step-num {
  border-color: #2c4064;
  background: #2c4064;
  color: #fff;
}
.sidenav .step.active .step-num {
  border-color: #f09f44;
  background: #f09f44;
  color: #fff;
}
@media (max-width: 1024px) {
  .sidenav {
    width: 240px;
  }
}
.oiq-nav-scroll-horizontal {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 45px;
  width: 100%;
  background-color: #2c4064;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.oiq-nav-scroll-horizontal ::-webkit-scrollbar {
  height: 3px !important;
}
.oiq-nav-scroll-horizontal ::-webkit-scrollbar-track {
  background: transparent;
}
.oiq-nav-scroll-horizontal ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.oiq-nav-scroll-horizontal ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
  width: 1px !important;
}
.oiq-nav-scroll-horizontal > nav {
  position: absolute;
  top: 0;
  left: 0;
}
.onyxiq-theme nav.mat-tab-nav-bar,
.onyxiq-theme nav.mat-mdc-tab-nav-bar,
.onyxiq-theme nav .mat-tab-header,
.onyxiq-theme nav .mat-mdc-tab-header {
  border: none;
  background-color: #2c4064;
}
.onyxiq-theme nav.mat-tab-nav-bar .mat-ripple,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-ripple,
.onyxiq-theme nav .mat-tab-header .mat-ripple,
.onyxiq-theme nav .mat-mdc-tab-header .mat-ripple {
  display: none !important;
}
.onyxiq-theme nav.mat-tab-nav-bar.mat-primary,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.mat-primary,
.onyxiq-theme nav .mat-tab-group.mat-primary,
.onyxiq-theme nav .mat-mdc-tab-group.mat-primary {
  overflow-y: visible;
}
.onyxiq-theme nav.mat-tab-nav-bar.mat-primary .mdc-tab-indicator,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator,
.onyxiq-theme nav .mat-tab-group.mat-primary .mdc-tab-indicator,
.onyxiq-theme nav .mat-mdc-tab-group.mat-primary .mdc-tab-indicator {
  height: 90%;
}
.onyxiq-theme nav.mat-tab-nav-bar.mat-primary .mat-ink-bar,
.onyxiq-theme nav.mat-tab-nav-bar.mat-primary .mdc-tab-indicator__content,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator__content,
.onyxiq-theme nav .mat-tab-group.mat-primary .mat-ink-bar,
.onyxiq-theme nav .mat-tab-group.mat-primary .mdc-tab-indicator__content,
.onyxiq-theme nav .mat-mdc-tab-group.mat-primary .mat-ink-bar,
.onyxiq-theme nav .mat-mdc-tab-group.mat-primary .mdc-tab-indicator__content {
  bottom: 5px;
  height: 4px;
  background-color: #f49216;
  border-color: #f49216;
}
.onyxiq-theme nav .mat-tab-label,
.onyxiq-theme nav .mat-tab-link,
.onyxiq-theme nav .mat-mdc-tab-link,
.onyxiq-theme nav .mdc-tab__text-label {
  font-family: "Work Sans", sans-serif;
}
.onyxiq-theme nav.mat-tab-nav-bar .mat-tab-links,
.onyxiq-theme nav.mat-tab-nav-bar .mat-mdc-tab-links,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-tab-links,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-mdc-tab-links {
  overflow: hidden;
  overflow-x: auto;
  cursor: ew-resize;
}
.onyxiq-theme nav.mat-tab-nav-bar .mat-tab-links::-webkit-scrollbar,
.onyxiq-theme nav.mat-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-tab-links::-webkit-scrollbar,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar {
  height: 8px;
}
.onyxiq-theme nav.mat-tab-nav-bar .mat-tab-links::-webkit-scrollbar-track,
.onyxiq-theme nav.mat-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar-track,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-tab-links::-webkit-scrollbar-track,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar-track {
  width: 50%;
}
.onyxiq-theme nav.mat-tab-nav-bar .mat-tab-links::-webkit-scrollbar-thumb,
.onyxiq-theme nav.mat-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar-thumb,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-tab-links::-webkit-scrollbar-thumb,
.onyxiq-theme nav.mat-mdc-tab-nav-bar .mat-mdc-tab-links::-webkit-scrollbar-thumb {
  background-color: #6b7891;
  border-radius: 1px;
  border: 4px solid #6b7891;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.onyxiq-theme nav.mat-tab-nav-bar.no-prefix .mat-tab-links,
.onyxiq-theme nav.mat-tab-nav-bar.no-prefix .mat-mdc-tab-links,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.no-prefix .mat-tab-links,
.onyxiq-theme nav.mat-mdc-tab-nav-bar.no-prefix .mat-mdc-tab-links {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.onyxiq-theme nav .mat-tab-links,
.onyxiq-theme nav .mat-mdc-tab-links {
  height: auto;
  cursor: auto !important;
  margin: 0 auto;
  padding-left: 160px;
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
}
.onyxiq-theme nav .mat-tab-link,
.onyxiq-theme nav .mat-tab-label,
.onyxiq-theme nav .mat-mdc-tab-link,
.onyxiq-theme nav .mdc-tab {
  display: inline-block;
  height: 40px;
  min-width: 0;
  margin-right: 32px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  text-decoration: none !important;
}
.onyxiq-theme nav .mat-tab-link.back .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label.back .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link.back .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab.back .mdc-tab__text-label {
  color: rgb(255, 255, 255);
  font-weight: 500;
}
.onyxiq-theme nav .mat-tab-link .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab .mdc-tab__text-label {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
}
.onyxiq-theme nav .mat-tab-link:hover,
.onyxiq-theme nav .mat-tab-link.mat-tab-label-active,
.onyxiq-theme nav .mat-tab-link.mdc-tab--active,
.onyxiq-theme nav .mat-tab-label:hover,
.onyxiq-theme nav .mat-tab-label.mat-tab-label-active,
.onyxiq-theme nav .mat-tab-label.mdc-tab--active,
.onyxiq-theme nav .mat-mdc-tab-link:hover,
.onyxiq-theme nav .mat-mdc-tab-link.mat-tab-label-active,
.onyxiq-theme nav .mat-mdc-tab-link.mdc-tab--active,
.onyxiq-theme nav .mdc-tab:hover,
.onyxiq-theme nav .mdc-tab.mat-tab-label-active,
.onyxiq-theme nav .mdc-tab.mdc-tab--active {
  text-decoration: none !important;
  color: #fff;
}
.onyxiq-theme nav .mat-tab-link:hover .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-link.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-link.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label:hover .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link:hover .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab:hover .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #fff;
}
.onyxiq-theme nav .mat-tab-link.mat-tab-label-active,
.onyxiq-theme nav .mat-tab-link.mdc-tab--active,
.onyxiq-theme nav .mat-tab-label.mat-tab-label-active,
.onyxiq-theme nav .mat-tab-label.mdc-tab--active,
.onyxiq-theme nav .mat-mdc-tab-link.mat-tab-label-active,
.onyxiq-theme nav .mat-mdc-tab-link.mdc-tab--active,
.onyxiq-theme nav .mdc-tab.mat-tab-label-active,
.onyxiq-theme nav .mdc-tab.mdc-tab--active {
  font-weight: 600;
}
.onyxiq-theme nav .mat-tab-link.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-link.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-tab-label.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab.mat-tab-label-active .mdc-tab__text-label,
.onyxiq-theme nav .mdc-tab.mdc-tab--active .mdc-tab__text-label {
  font-weight: 600;
}
.onyxiq-theme nav .mat-tab-link:last-of-type,
.onyxiq-theme nav .mat-tab-label:last-of-type,
.onyxiq-theme nav .mat-mdc-tab-link:last-of-type,
.onyxiq-theme nav .mdc-tab:last-of-type {
  margin-right: 0;
}
.onyxiq-theme nav .back {
  position: absolute;
  margin-left: 2.5%;
  left: 0;
  top: 0;
  width: 189px;
  margin-right: 0;
  padding-left: 14px;
  font-size: 14px;
  font-weight: normal;
  background: url(/assets/images/caret-left.svg) left center no-repeat;
  background-size: 6px;
  color: #fff;
}
.onyxiq-theme nav .back .mdc-tab__content {
  padding-left: 0;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .onyxiq-theme nav .mat-tab-links,
  .onyxiq-theme nav .mat-mdc-tab-links {
    padding-left: 152px;
  }
  .onyxiq-theme nav .mat-ink-bar {
    height: 3px !important;
  }
}
@media (max-width: 1024px) {
  .onyxiq-theme nav .mat-tab-links,
  .onyxiq-theme nav .mat-mdc-tab-links {
    padding-left: 0;
  }
  .onyxiq-theme nav .mat-tab-link,
  .onyxiq-theme nav .mat-tab-label {
    margin-right: 20px;
  }
  .onyxiq-theme nav.mat-tab-nav-bar:after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    height: 40px;
    width: 45px;
    z-index: 1;
    background-size: 100%;
  }
  .onyxiq-theme nav .back {
    position: static;
    width: auto;
    margin-right: 20px;
  }
  .onyxiq-theme nav .mat-ink-bar {
    height: 3px !important;
  }
}
@media (max-width: 767px) {
  .onyxiq-theme nav .back {
    width: 45px;
    font-size: 0;
  }
  .onyxiq-theme nav .mat-tab-link:not(.back),
  .onyxiq-theme nav .mat-mdc-tab-link:not(.back) {
    min-width: 72px;
  }
  .onyxiq-theme nav .mat-ink-bar {
    height: 3px !important;
  }
}
.onyxiq-theme nav .mat-tab-list,
.onyxiq-theme nav .mat-mdc-tab-list {
  display: flex;
  flex-wrap: nowrap;
  transform: none !important;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.onyxiq-theme {
}
.onyxiq-theme label {
  margin-bottom: 0.5rem;
}
.onyxiq-theme .mat-input-element,
.onyxiq-theme .mat-mdc-input-element {
  box-sizing: border-box;
}
.onyxiq-theme .form-row-wrapper {
  margin-bottom: 50px;
}
.onyxiq-theme mat-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: normal;
  color: #6b7891;
}
.onyxiq-theme input,
.onyxiq-theme textarea {
  letter-spacing: normal !important;
}
.onyxiq-theme input::-webkit-input-placeholder,
.onyxiq-theme textarea::-webkit-input-placeholder {
  color: #abb3c1 !important;
}
.onyxiq-theme input::-moz-placeholder,
.onyxiq-theme textarea::-moz-placeholder {
  color: #abb3c1 !important;
}
.onyxiq-theme input:-ms-input-placeholder,
.onyxiq-theme textarea:-ms-input-placeholder {
  color: #abb3c1 !important;
}
.onyxiq-theme input:-moz-placeholder,
.onyxiq-theme textarea:-moz-placeholder {
  color: #abb3c1 !important;
}
.onyxiq-theme .mat-select-trigger,
.onyxiq-theme .mat-mdc-select-trigger {
  width: 100%;
  gap: 0.25rem;
}
.onyxiq-theme .mat-form-field-appearance-outline,
.onyxiq-theme .mat-mdc-form-field {
  width: 100%;
  box-shadow: 0 1px 5px 0 rgba(189, 199, 222, 0.23);
}
.onyxiq-theme .mat-mdc-option {
  font-size: var(--mat-option-label-text-size, var(--mat-sys-body-size));
}
.onyxiq-theme h2 .mat-mdc-form-field input.mat-mdc-input-element {
  font-size: 24px;
}
.onyxiq-theme .mat-mdc-form-field {
  background: #fff;
  width: 100%;
  box-shadow: none !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 38px;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-input-element {
  padding: 0 15px 0 15px;
  line-height: 38px;
  height: 38px;
  box-sizing: border-box;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select {
  padding: 0 15px 0 15px;
  line-height: 38px;
  font-size: var(--mat-select-trigger-text-size, var(--mat-sys-body-size));
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value {
  line-height: 38px;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select-placeholder {
  letter-spacing: normal;
  font-size: 14px;
  text-transform: none;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-input-element::placeholder {
  text-transform: none;
}
.onyxiq-theme .mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__leading,
.onyxiq-theme .mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__notch,
.onyxiq-theme .mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #ced4e2 !important;
  border-width: 1px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-bottom-align {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-bottom-align .mat-mdc-form-field-error,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-bottom-align .mat-mdc-form-field-hint {
  height: auto !important;
  margin: 4px 0 !important;
  padding: 0 !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:has(.mat-mdc-form-field-error),
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:has(.mat-mdc-form-field-hint),
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-bottom-align:has(.mat-mdc-form-field-error),
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-bottom-align:has(.mat-mdc-form-field-hint) {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-outline {
  top: 0;
  opacity: 1 !important;
  color: #ced4e2;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-outline-thick {
  opacity: 0 !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-flex {
  margin: 0;
  padding: 0;
  background: #fff;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-infix,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-infix {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.onyxiq-theme .mat-mdc-form-field .mat-select-arrow-wrapper {
  vertical-align: initial;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.onyxiq-theme .mat-mdc-form-field .mat-select-arrow {
  color: #15427c;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix {
  color: #abb3c1;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-mdc-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-mdc-icon-button {
  height: 24px !important;
  width: 24px !important;
  outline: none;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-mdc-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix .mat-mdc-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-mdc-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix .mat-mdc-icon-button[disabled] {
  pointer-events: auto !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-suffix {
  top: -11px;
  margin-right: 15px;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix {
  top: -5px;
  margin-left: 9px;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-prefix + .mat-form-field-infix input {
  padding-left: 4px;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  color: #abb3c1;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  height: 24px !important;
  width: 24px !important;
  outline: none;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button .mat-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button .mat-mdc-button-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button .mat-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button .mat-mdc-button-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button .mat-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button .mat-mdc-button-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-ripple,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-ripple {
  display: none !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button.mat-mdc-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button.mat-mdc-icon-button,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button {
  padding: 0 !important;
  min-width: 24px !important;
  line-height: 24px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon-button[disabled],
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:disabled,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button[disabled] {
  pointer-events: auto !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  margin-right: 15px;
  position: relative;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix ~ .mat-mdc-form-field-infix .mat-mdc-input-element {
  padding-right: 0;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle {
  height: 24px !important;
  width: 24px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mat-mdc-icon-button {
  height: 24px !important;
  width: 24px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix {
  margin-left: 9px;
  position: relative;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field-icon-prefix ~ .mat-mdc-form-field-infix .mat-mdc-input-element {
  padding-left: 0;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-outline-start,
.onyxiq-theme .mat-mdc-form-field .mdc-notched-outline__leading {
  border-radius: 3px 0 0 3px;
}
.onyxiq-theme .mat-mdc-form-field .mat-form-field-outline-end,
.onyxiq-theme .mat-mdc-form-field .mdc-notched-outline__trailing {
  border-radius: 0 3px 3px 0;
}
.onyxiq-theme .mat-mdc-form-field mat-select {
  padding: 0 15px;
  line-height: 38px;
}
.onyxiq-theme .mat-mdc-form-field input {
  margin: 0;
  padding: 0 15px;
  line-height: 38px;
  color: #1b253a;
}
.onyxiq-theme .mat-mdc-form-field textarea {
  height: 92px;
  padding: 12px 15px;
  resize: none;
}
.onyxiq-theme .mat-mdc-form-field input[readonly],
.onyxiq-theme .mat-mdc-form-field textarea[readonly] {
  opacity: 0.5;
  font-weight: 500;
}
.onyxiq-theme .mat-mdc-form-field mat-icon {
  color: #abb3c1;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon,
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon {
  color: #abb3c1;
}
.onyxiq-theme .mat-mdc-form-field .mat-datepicker-toggle-default-icon {
  fill: #abb3c1;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle-default-icon {
  fill: #abb3c1;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
}
.onyxiq-theme .mat-mdc-form-field .mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mat-mdc-icon-button {
  --mdc-icon-button-state-layer-size: 24px !important;
  --mdc-icon-button-icon-size: 18px !important;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead {
  cursor: pointer;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead input {
  cursor: pointer !important;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-mdc-form-field-icon-prefix,
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-mdc-form-field-icon-suffix {
  margin-top: 0.5rem;
  align-self: flex-start;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-mdc-form-field-icon-prefix mat-icon,
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-mdc-form-field-icon-suffix mat-icon {
  color: #15427c;
  font-size: 24px !important;
  padding-left: 0;
  padding-right: 6px;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .dropdown-menu {
  width: 100%;
  left: 0 !important;
  padding: 0;
  border: 1px solid #ced4e2;
  border-top: 1px solid #f2f5ff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: contents;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .dropdown-item {
  padding: 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1b253a;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .dropdown-item.active,
.onyxiq-theme .mat-mdc-form-field.select-typeahead .dropdown-item:active {
  background-color: #f2f5ff;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .dropdown-item:focus {
  outline: none;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-form-field-suffix {
  position: absolute;
  right: 0;
  top: 7px;
  margin-right: 9px;
  pointer-events: none;
}
.onyxiq-theme .mat-mdc-form-field.select-typeahead .mat-form-field-infix {
  position: static;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-form-field-outline-start,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-form-field-outline-end {
  border: none;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-form-field-flex {
  padding: 0;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-placeholder-required {
  display: none;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled mat-select,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-mdc-select {
  padding: 0 !important;
  line-height: 20px;
  margin: 0;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-select-value,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-mdc-select-value {
  line-height: 20px;
  color: #1b253a;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-mdc-select-trigger,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-mdc-select-value-text {
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-select-arrow,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-mdc-select-arrow,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-form-field-prefix,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled .mat-form-field-suffix {
  display: none;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled input:disabled,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled textarea:disabled {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  background: transparent;
  color: #1b253a;
}
.onyxiq-theme form:not(.fields-outline) .mat-mdc-form-field.mat-form-field-disabled .mdc-notched-outline__leading,
.onyxiq-theme form:not(.fields-outline) .mat-mdc-form-field.mat-form-field-disabled .mdc-notched-outline__notch,
.onyxiq-theme form:not(.fields-outline) .mat-mdc-form-field.mat-form-field-disabled .mdc-notched-outline__trailing {
  border: none !important;
}
.onyxiq-theme form:not(.fields-outline) .mat-mdc-form-field.mat-form-field-disabled .mat-select-value,
.onyxiq-theme form:not(.fields-outline) .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value {
  line-height: 20px;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled.mat-form-field-appearance-outline,
.onyxiq-theme .field-value {
  font-size: 16px;
  font-weight: 500;
  box-shadow: none;
  color: #1b253a;
}
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled.mat-form-field-appearance-outline input,
.onyxiq-theme form:not(.fields-outline) .mat-form-field-disabled.mat-form-field-appearance-outline textarea,
.onyxiq-theme .field-value input,
.onyxiq-theme .field-value textarea {
  padding: 0;
}
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline.mdc-notched-outline--no-label,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mat-mdc-notch-piece {
  border-color: rgb(201, 27, 24) !important;
}
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline .mdc-notched-outline__leading,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline .mdc-notched-outline__notch,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline .mdc-notched-outline__trailing,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline.mdc-notched-outline--no-label .mdc-notched-outline__leading,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline.mdc-notched-outline--no-label .mdc-notched-outline__notch,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mdc-notched-outline.mdc-notched-outline--no-label .mdc-notched-outline__trailing,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mat-mdc-notch-piece .mdc-notched-outline__leading,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mat-mdc-notch-piece .mdc-notched-outline__notch,
.onyxiq-theme .mat-mdc-form-field.ng-invalid .mat-mdc-notch-piece .mdc-notched-outline__trailing {
  border-color: rgb(201, 27, 24) !important;
}
.onyxiq-theme .grayed-out {
  opacity: 0.5;
}
.onyxiq-theme .mat-checkbox,
.onyxiq-theme .mat-mdc-checkbox {
  color: #606f7b;
}
.onyxiq-theme .mat-checkbox-frame,
.onyxiq-theme .mdc-checkbox__background {
  border-color: #6b7891;
  background: #fff;
}
.onyxiq-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.onyxiq-theme .mat-checkbox-indeterminate.mat-primary.mdc-checkbox__background,
.onyxiq-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.onyxiq-theme .mat-checkbox-checked.mat-primary.mdc-checkbox__background,
.onyxiq-theme .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mat-checkbox-background,
.onyxiq-theme .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background.mdc-checkbox__background,
.onyxiq-theme .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mat-checkbox-background,
.onyxiq-theme .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background.mdc-checkbox__background {
  background-color: transparent;
}
.onyxiq-theme .mat-checkbox-indeterminate.mat-blue .mat-checkbox-background,
.onyxiq-theme .mat-checkbox-indeterminate.mat-blue.mdc-checkbox__background,
.onyxiq-theme .mat-checkbox-checked.mat-blue .mat-checkbox-background,
.onyxiq-theme .mat-checkbox-checked.mat-blue.mdc-checkbox__background,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mat-checkbox-background,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background.mdc-checkbox__background,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mat-checkbox-background,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background.mdc-checkbox__background {
  background-color: #1976d2;
  border-color: #1976d2;
}
.onyxiq-theme .mat-checkbox-indeterminate.mat-blue .mat-checkbox-checkmark-path,
.onyxiq-theme .mat-checkbox-indeterminate.mat-blue .mdc-checkbox__checkmark-path,
.onyxiq-theme .mat-checkbox-checked.mat-blue .mat-checkbox-checkmark-path,
.onyxiq-theme .mat-checkbox-checked.mat-blue .mdc-checkbox__checkmark-path,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mat-checkbox-checkmark-path,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mat-checkbox-checkmark-path,
.onyxiq-theme .mat-mdc-checkbox.mat-blue .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke: #fff !important;
}
.onyxiq-theme .mat-checkbox-mixedmark,
.onyxiq-theme .mdc-checkbox__mixedmark {
  background-color: #6b7891 !important;
}
.onyxiq-theme .mat-checkbox-checkmark,
.onyxiq-theme .mdc-checkbox__checkmark {
  height: 100%;
  width: 12px;
  margin: 0 auto;
}
.onyxiq-theme .mat-checkbox-checkmark-path,
.onyxiq-theme .mdc-checkbox__checkmark-path {
  stroke: #6b7891 !important;
  stroke-width: 3.5px;
}
.onyxiq-theme .mat-mdc-checkbox .mat-mdc-checkbox-ripple,
.onyxiq-theme .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
.onyxiq-theme .mat-mdc-checkbox .mat-ripple {
  border-radius: 50% !important;
}
.onyxiq-theme .mat-mdc-checkbox .mat-focus-indicator {
  display: none !important;
}
.onyxiq-theme .mat-radio-button.mat-primary .mat-radio-label-content {
  color: #606f7b;
}
.onyxiq-theme .mat-radio-button.mat-primary .mat-radio-inner-circle,
.onyxiq-theme .mat-radio-button.mat-primary .mat-radio-outer-circle {
  height: 18px;
  width: 18px;
}
.onyxiq-theme .mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #6b7891;
}
.onyxiq-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border: 2px solid #6b7891;
}
.onyxiq-theme .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,
.onyxiq-theme .mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple,
.onyxiq-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled).cdk-keyboard-focused .mat-ripple,
.onyxiq-theme .mat-mdc-radio-button:not(.mat-mdc-radio-disabled).cdk-program-focused .mat-ripple {
  opacity: 0 !important;
}
.onyxiq-theme .mat-mdc-radio-button .mat-mdc-radio-ripple,
.onyxiq-theme .mat-mdc-radio-button .mdc-radio__ripple {
  display: none !important;
}
.onyxiq-theme .mat-mdc-radio-button .mat-ripple {
  border-radius: 50% !important;
}
.onyxiq-theme .mat-mdc-radio-button .mat-focus-indicator {
  display: none !important;
}
.onyxiq-theme button {
  cursor: pointer;
}
.onyxiq-theme button[disabled] {
  cursor: default;
}
.onyxiq-theme .mat-button,
.onyxiq-theme .mat-raised-button,
.onyxiq-theme .mat-stroked-button,
.onyxiq-theme .mat-mdc-button,
.onyxiq-theme .mat-mdc-raised-button,
.onyxiq-theme .mat-mdc-outlined-button,
.onyxiq-theme .custom-input + label {
  font-size: 14px;
  font-weight: 600;
  line-height: 46px;
  height: auto;
  border: none;
  border-radius: 0;
  outline: none;
  text-decoration: none;
  box-shadow: none !important;
  display: inline-flex;
  flex-shrink: 0;
  width: max-content;
}
.onyxiq-theme .mat-button .mat-spinner,
.onyxiq-theme .mat-button .mat-mdc-progress-spinner,
.onyxiq-theme .mat-raised-button .mat-spinner,
.onyxiq-theme .mat-raised-button .mat-mdc-progress-spinner,
.onyxiq-theme .mat-stroked-button .mat-spinner,
.onyxiq-theme .mat-stroked-button .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-button .mat-spinner,
.onyxiq-theme .mat-mdc-button .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-raised-button .mat-spinner,
.onyxiq-theme .mat-mdc-raised-button .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-outlined-button .mat-spinner,
.onyxiq-theme .mat-mdc-outlined-button .mat-mdc-progress-spinner,
.onyxiq-theme .custom-input + label .mat-spinner,
.onyxiq-theme .custom-input + label .mat-mdc-progress-spinner {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 13px;
  margin: 0 auto;
}
.onyxiq-theme .mat-button .mat-spinner circle,
.onyxiq-theme .mat-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .mat-raised-button .mat-spinner circle,
.onyxiq-theme .mat-raised-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .mat-stroked-button .mat-spinner circle,
.onyxiq-theme .mat-stroked-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .mat-mdc-button .mat-spinner circle,
.onyxiq-theme .mat-mdc-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .mat-mdc-raised-button .mat-spinner circle,
.onyxiq-theme .mat-mdc-raised-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .mat-mdc-outlined-button .mat-spinner circle,
.onyxiq-theme .mat-mdc-outlined-button .mat-mdc-progress-spinner circle,
.onyxiq-theme .custom-input + label .mat-spinner circle,
.onyxiq-theme .custom-input + label .mat-mdc-progress-spinner circle {
  stroke: #fff;
}
.onyxiq-theme .mat-button.mat-primary,
.onyxiq-theme .mat-raised-button.mat-primary,
.onyxiq-theme .mat-stroked-button.mat-primary,
.onyxiq-theme .mat-mdc-button.mat-primary,
.onyxiq-theme .mat-mdc-raised-button.mat-primary,
.onyxiq-theme .mat-mdc-outlined-button.mat-primary,
.onyxiq-theme .custom-input + label.mat-primary {
  border: none;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  background-image:
    linear-gradient(
      223deg,
      #15437c 0%,
      #132245 100%);
  box-shadow: inset 0 1px 3px 0 #1b253a;
  color: #fff;
}
.onyxiq-theme .mat-button.mat-primary:hover,
.onyxiq-theme .mat-raised-button.mat-primary:hover,
.onyxiq-theme .mat-stroked-button.mat-primary:hover,
.onyxiq-theme .mat-mdc-button.mat-primary:hover,
.onyxiq-theme .mat-mdc-raised-button.mat-primary:hover,
.onyxiq-theme .mat-mdc-outlined-button.mat-primary:hover,
.onyxiq-theme .custom-input + label.mat-primary:hover {
  background-image:
    linear-gradient(
      223deg,
      #15427c 0%,
      #15437c 100%);
}
.onyxiq-theme .mat-button.mat-primary[disabled],
.onyxiq-theme .mat-raised-button.mat-primary[disabled],
.onyxiq-theme .mat-stroked-button.mat-primary[disabled],
.onyxiq-theme .mat-mdc-button.mat-primary[disabled],
.onyxiq-theme .mat-mdc-raised-button.mat-primary[disabled],
.onyxiq-theme .mat-mdc-outlined-button.mat-primary[disabled],
.onyxiq-theme .custom-input + label.mat-primary[disabled] {
  opacity: 0.5;
}
.onyxiq-theme .mat-button.mat-accent,
.onyxiq-theme .mat-button.mat-mdc-button.mat-accent,
.onyxiq-theme .mat-raised-button.mat-accent,
.onyxiq-theme .mat-raised-button.mat-mdc-button.mat-accent,
.onyxiq-theme .mat-stroked-button.mat-accent,
.onyxiq-theme .mat-stroked-button.mat-mdc-button.mat-accent,
.onyxiq-theme .mat-mdc-button.mat-accent,
.onyxiq-theme .mat-mdc-button.mat-mdc-button.mat-accent,
.onyxiq-theme .mat-mdc-raised-button.mat-accent,
.onyxiq-theme .mat-mdc-raised-button.mat-mdc-button.mat-accent,
.onyxiq-theme .mat-mdc-outlined-button.mat-accent,
.onyxiq-theme .mat-mdc-outlined-button.mat-mdc-button.mat-accent,
.onyxiq-theme .custom-input + label.mat-accent,
.onyxiq-theme .custom-input + label.mat-mdc-button.mat-accent {
  color: #fff !important;
}
.onyxiq-theme .mat-button.mat-accent:hover,
.onyxiq-theme .mat-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-raised-button.mat-accent:hover,
.onyxiq-theme .mat-raised-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-stroked-button.mat-accent:hover,
.onyxiq-theme .mat-stroked-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-raised-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-raised-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-outlined-button.mat-accent:hover,
.onyxiq-theme .mat-mdc-outlined-button.mat-mdc-button.mat-accent:hover,
.onyxiq-theme .custom-input + label.mat-accent:hover,
.onyxiq-theme .custom-input + label.mat-mdc-button.mat-accent:hover {
  background: #ea8730;
}
.onyxiq-theme .mat-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-raised-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-raised-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-raised-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-raised-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-stroked-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-stroked-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-stroked-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-stroked-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-raised-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-raised-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-raised-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-raised-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-outlined-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-outlined-button.mat-accent .mdc-button__label,
.onyxiq-theme .mat-mdc-outlined-button.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .mat-mdc-outlined-button.mat-mdc-button.mat-accent .mdc-button__label,
.onyxiq-theme .custom-input + label.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .custom-input + label.mat-accent .mdc-button__label,
.onyxiq-theme .custom-input + label.mat-mdc-button.mat-accent .mat-mdc-button-touch-target,
.onyxiq-theme .custom-input + label.mat-mdc-button.mat-accent .mdc-button__label {
  color: #fff !important;
}
.onyxiq-theme .mat-button.mat-accent[disabled],
.onyxiq-theme .mat-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-raised-button.mat-accent[disabled],
.onyxiq-theme .mat-raised-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-stroked-button.mat-accent[disabled],
.onyxiq-theme .mat-stroked-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-raised-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-raised-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-outlined-button.mat-accent[disabled],
.onyxiq-theme .mat-mdc-outlined-button.mat-mdc-button.mat-accent[disabled],
.onyxiq-theme .custom-input + label.mat-accent[disabled],
.onyxiq-theme .custom-input + label.mat-mdc-button.mat-accent[disabled] {
  opacity: 0.5;
  background: #f09f44;
  color: #fff;
}
.onyxiq-theme .mat-button.mat-warn[disabled],
.onyxiq-theme .mat-raised-button.mat-warn[disabled],
.onyxiq-theme .mat-stroked-button.mat-warn[disabled],
.onyxiq-theme .mat-mdc-button.mat-warn[disabled],
.onyxiq-theme .mat-mdc-raised-button.mat-warn[disabled],
.onyxiq-theme .mat-mdc-outlined-button.mat-warn[disabled],
.onyxiq-theme .custom-input + label.mat-warn[disabled] {
  opacity: 0.5;
}
.onyxiq-theme .mat-button.mat-red,
.onyxiq-theme .mat-raised-button.mat-red,
.onyxiq-theme .mat-stroked-button.mat-red,
.onyxiq-theme .mat-mdc-button.mat-red,
.onyxiq-theme .mat-mdc-raised-button.mat-red,
.onyxiq-theme .mat-mdc-outlined-button.mat-red,
.onyxiq-theme .custom-input + label.mat-red {
  color: #fff;
}
.onyxiq-theme .mat-button.mat-red:hover,
.onyxiq-theme .mat-raised-button.mat-red:hover,
.onyxiq-theme .mat-stroked-button.mat-red:hover,
.onyxiq-theme .mat-mdc-button.mat-red:hover,
.onyxiq-theme .mat-mdc-raised-button.mat-red:hover,
.onyxiq-theme .mat-mdc-outlined-button.mat-red:hover,
.onyxiq-theme .custom-input + label.mat-red:hover {
  background: #820a09;
}
.onyxiq-theme .mat-button.mat-red[disabled],
.onyxiq-theme .mat-raised-button.mat-red[disabled],
.onyxiq-theme .mat-stroked-button.mat-red[disabled],
.onyxiq-theme .mat-mdc-button.mat-red[disabled],
.onyxiq-theme .mat-mdc-raised-button.mat-red[disabled],
.onyxiq-theme .mat-mdc-outlined-button.mat-red[disabled],
.onyxiq-theme .custom-input + label.mat-red[disabled] {
  opacity: 0.5;
  background: #9e1210;
  color: #fff;
}
.onyxiq-theme .mat-button.btn-small,
.onyxiq-theme .mat-raised-button.btn-small,
.onyxiq-theme .mat-stroked-button.btn-small,
.onyxiq-theme .mat-mdc-button.btn-small,
.onyxiq-theme .mat-mdc-raised-button.btn-small,
.onyxiq-theme .mat-mdc-outlined-button.btn-small,
.onyxiq-theme .custom-input + label.btn-small {
  font-size: 13px;
  line-height: 42px;
}
.onyxiq-theme .mat-button.btn-xsmall,
.onyxiq-theme .mat-raised-button.btn-xsmall,
.onyxiq-theme .mat-stroked-button.btn-xsmall,
.onyxiq-theme .mat-mdc-button.btn-xsmall,
.onyxiq-theme .mat-mdc-raised-button.btn-xsmall,
.onyxiq-theme .mat-mdc-outlined-button.btn-xsmall,
.onyxiq-theme .custom-input + label.btn-xsmall {
  font-size: 11px;
  line-height: 32px;
}
.onyxiq-theme .mat-button.btn-table,
.onyxiq-theme .mat-raised-button.btn-table,
.onyxiq-theme .mat-stroked-button.btn-table,
.onyxiq-theme .mat-mdc-button.btn-table,
.onyxiq-theme .mat-mdc-raised-button.btn-table,
.onyxiq-theme .mat-mdc-outlined-button.btn-table,
.onyxiq-theme .custom-input + label.btn-table {
  font-size: 12px;
  line-height: 32px;
  width: max-content;
}
.onyxiq-theme .mat-button.btn-table .mat-spinner,
.onyxiq-theme .mat-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .mat-raised-button.btn-table .mat-spinner,
.onyxiq-theme .mat-raised-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .mat-stroked-button.btn-table .mat-spinner,
.onyxiq-theme .mat-stroked-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-button.btn-table .mat-spinner,
.onyxiq-theme .mat-mdc-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-raised-button.btn-table .mat-spinner,
.onyxiq-theme .mat-mdc-raised-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-outlined-button.btn-table .mat-spinner,
.onyxiq-theme .mat-mdc-outlined-button.btn-table .mat-mdc-progress-spinner,
.onyxiq-theme .custom-input + label.btn-table .mat-spinner,
.onyxiq-theme .custom-input + label.btn-table .mat-mdc-progress-spinner {
  top: 7px;
}
.onyxiq-theme .mat-button.spinner,
.onyxiq-theme .mat-raised-button.spinner,
.onyxiq-theme .mat-stroked-button.spinner,
.onyxiq-theme .mat-mdc-button.spinner,
.onyxiq-theme .mat-mdc-raised-button.spinner,
.onyxiq-theme .mat-mdc-outlined-button.spinner,
.onyxiq-theme .custom-input + label.spinner {
  color: transparent !important;
}
.onyxiq-theme .mat-button.spinner .mat-spinner,
.onyxiq-theme .mat-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .mat-raised-button.spinner .mat-spinner,
.onyxiq-theme .mat-raised-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .mat-stroked-button.spinner .mat-spinner,
.onyxiq-theme .mat-stroked-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-button.spinner .mat-spinner,
.onyxiq-theme .mat-mdc-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-raised-button.spinner .mat-spinner,
.onyxiq-theme .mat-mdc-raised-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .mat-mdc-outlined-button.spinner .mat-spinner,
.onyxiq-theme .mat-mdc-outlined-button.spinner .mat-mdc-progress-spinner,
.onyxiq-theme .custom-input + label.spinner .mat-spinner,
.onyxiq-theme .custom-input + label.spinner .mat-mdc-progress-spinner {
  display: block;
}
.onyxiq-theme .mat-button.loading,
.onyxiq-theme .mat-raised-button.loading,
.onyxiq-theme .mat-stroked-button.loading,
.onyxiq-theme .mat-mdc-button.loading,
.onyxiq-theme .mat-mdc-raised-button.loading,
.onyxiq-theme .mat-mdc-outlined-button.loading,
.onyxiq-theme .custom-input + label.loading {
  color: transparent !important;
}
.onyxiq-theme .mat-button.loading .mdc-button__label,
.onyxiq-theme .mat-raised-button.loading .mdc-button__label,
.onyxiq-theme .mat-stroked-button.loading .mdc-button__label,
.onyxiq-theme .mat-mdc-button.loading .mdc-button__label,
.onyxiq-theme .mat-mdc-raised-button.loading .mdc-button__label,
.onyxiq-theme .mat-mdc-outlined-button.loading .mdc-button__label,
.onyxiq-theme .custom-input + label.loading .mdc-button__label {
  color: transparent !important;
}
.onyxiq-theme .mat-button.loading .mdc-button__label:before,
.onyxiq-theme .mat-raised-button.loading .mdc-button__label:before,
.onyxiq-theme .mat-stroked-button.loading .mdc-button__label:before,
.onyxiq-theme .mat-mdc-button.loading .mdc-button__label:before,
.onyxiq-theme .mat-mdc-raised-button.loading .mdc-button__label:before,
.onyxiq-theme .mat-mdc-outlined-button.loading .mdc-button__label:before,
.onyxiq-theme .custom-input + label.loading .mdc-button__label:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
}
.onyxiq-theme .mat-stroked-button,
.onyxiq-theme .mat-mdc-outlined-button,
.onyxiq-theme .custom-input + label {
  border: 2px solid #1b253a !important;
  font-weight: 500;
  line-height: 42px;
  height: auto;
  background-color: #fff;
  color: #1b253a;
}
.onyxiq-theme .mat-stroked-button.btn-small,
.onyxiq-theme .mat-mdc-outlined-button.btn-small,
.onyxiq-theme .custom-input + label.btn-small {
  line-height: 38px;
}
.onyxiq-theme .mat-stroked-button.btn-table,
.onyxiq-theme .mat-mdc-outlined-button.btn-table,
.onyxiq-theme .custom-input + label.btn-table {
  line-height: 28px;
  height: auto;
}
.onyxiq-theme .mat-stroked-button[disabled],
.onyxiq-theme .mat-mdc-outlined-button[disabled],
.onyxiq-theme .custom-input + label[disabled] {
  opacity: 0.5;
  color: #1b253a;
}
.onyxiq-theme .btn-wide {
  min-width: 280px;
  width: auto;
}
.onyxiq-theme .edit-btn {
  height: 28px;
  width: 35px;
  margin-left: 4px;
  padding: 0;
  float: right;
  border: none;
  outline: none;
  vertical-align: top;
  background: url(/assets/images/edit-icon.svg) center center no-repeat;
  background-size: 21px;
}
.onyxiq-theme .delete-btn {
  display: inline-block;
  height: 16px;
  width: 16px;
  padding: 0;
  border: none;
  outline: none;
  opacity: 1;
  background: #fff url(/assets/images/x-icon.svg) center center no-repeat;
}
.onyxiq-theme .add-btn {
  display: inline-block;
  height: 16px;
  width: 16px;
  padding: 0;
  border: none;
  outline: none;
  opacity: 1;
  background: #fff url(/assets/images/circl-arrow-icon.svg) center center no-repeat;
}
.onyxiq-theme .toggle-sidebar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 23px;
  width: 23px;
  min-width: 0;
  margin-right: 8px;
  margin-top: -4px;
  padding: 0 !important;
  border: 2px solid #15427c;
  border-radius: 50%;
  line-height: normal;
  vertical-align: middle;
}
.onyxiq-theme .toggle-sidebar-btn .mat-icon {
  height: 11px;
  width: 8px;
  font-size: 12px;
  margin: 0 !important;
}
.onyxiq-theme .progress {
  border-radius: 0;
  background-color: #d2d9e9;
}
.onyxiq-theme .progress .progress-bar {
  background-color: #37779c;
}
.onyxiq-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: #2c4064;
}
.onyxiq-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.onyxiq-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(22px, 0, 0);
}
.onyxiq-theme .mat-slide-toggle-bar {
  height: 24px;
  width: 46px;
  border-radius: 12px;
  background-color: #abb3c1;
}
.onyxiq-theme .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
}
.onyxiq-theme .mat-slide-toggle-thumb-container {
  left: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
}
.onyxiq-theme dropzone {
  width: 374px;
}
.onyxiq-theme dropzone > .dropzone.dz-wrapper .dz-message {
  height: 107px;
  width: 100%;
  margin: 0;
  border: 1px solid #ced4e2;
  border-radius: 4px;
  background: #f2f5ff;
  box-shadow: 0 1px 5px 0 rgba(189, 199, 222, 0.23);
  color: #6b7891;
}
.onyxiq-theme .new-design dropzone {
  width: auto;
}
.onyxiq-theme .new-design dropzone.dz-preview-hidden > .dropzone.dz-wrapper .dz-preview {
  display: none;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-preview {
  min-width: auto;
  width: 220px;
  height: 42px;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-preview .dz-image {
  display: none;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-preview .dz-details {
  min-width: auto;
  width: 100%;
  height: 42px;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-preview .dz-details .dz-filename {
  width: 100%;
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload {
  background:
    linear-gradient(
      92.65deg,
      #02244e 0%,
      #3f6ba1 99.96%);
}
.onyxiq-theme .new-design dropzone > .dropzone.dz-wrapper .dz-message {
  min-width: auto;
  width: 117px;
  height: 42px;
  font-size: 24px;
  background-color: rgba(21, 66, 124, 0.05);
  border: 1px dashed #15427c;
  border-radius: 4px;
  color: #15427c;
  overflow: hidden;
}
.onyxiq-theme .editor {
  margin: 25px 0;
}
.onyxiq-theme .mat-datepicker-content .mat-calendar {
  height: 377px;
}
@media (max-width: 767px) {
  .onyxiq-theme .btn-wide {
    max-width: 100%;
    margin-top: 6px;
  }
  .onyxiq-theme dropzone {
    max-width: 100%;
  }
}
.mat-mdc-slide-toggle {
  display: flex !important;
  align-items: center;
}
.mat-mdc-slide-toggle label {
  margin: 0 !important;
  font-size: 14px !important;
  letter-spacing: normal !important;
}
.mat-mdc-slide-toggle:not(.mat-mdc-slide-toggle-checked) .mdc-switch__handle-track {
  margin-left: 4px;
}
.mat-mdc-slide-toggle .mdc-switch {
  width: 46px;
  min-width: auto !important;
  margin-left: 10px !important;
}
.mat-mdc-slide-toggle .mdc-switch svg {
  display: none;
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__track::before,
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__track::after {
  background: #abb3c1 !important;
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background: #fff !important;
}
.mat-mdc-slide-toggle .mdc-switch span.mdc-switch__handle {
  width: 16px !important;
  height: 16px !important;
}
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__track {
  border-radius: 3rem;
  height: 24px !important;
}
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__track::before,
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__track::after {
  border: none !important;
}
.mat-mdc-form-field input[type=time] {
  height: 35px !important;
}
.onyxiq-theme {
}
.onyxiq-theme .empty-table {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  margin: 12px 24px 0 12px;
}
.onyxiq-theme .bg-onyx-light {
  background: #dfe5f9;
}
.onyxiq-theme table {
  width: 100%;
}
.onyxiq-theme table tr.disabled {
  background-color: #f2f5ff;
  pointer-events: none;
}
.onyxiq-theme table th,
.onyxiq-theme table td {
  padding: 5px 10px;
  font-size: 14px;
  position: relative;
}
.onyxiq-theme table th:last-of-type,
.onyxiq-theme table td:last-of-type {
  padding-right: 24px;
}
.onyxiq-theme table th.select-cell,
.onyxiq-theme table td.select-cell {
  width: 40px;
  padding: 0;
  padding-left: 10px;
  text-align: center;
}
.onyxiq-theme table th span.full-content,
.onyxiq-theme table td span.full-content {
  display: none;
  position: absolute;
  padding: 5px;
  border: 1px solid #cecece;
  width: 100%;
  background: #fff;
  top: 100%;
  z-index: 1000;
}
.onyxiq-theme table th span.full-content:before,
.onyxiq-theme table td span.full-content:before {
  content: "";
  position: absolute;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #cecece;
}
.onyxiq-theme table th:hover span.full-content,
.onyxiq-theme table td:hover span.full-content {
  display: block;
}
.onyxiq-theme table th {
  border: none;
  font-weight: 500;
  vertical-align: bottom;
  color: #1b253a;
}
.onyxiq-theme table th .mat-mdc-checkbox {
  position: relative;
  top: -8px;
}
.onyxiq-theme table th:after {
  content: "";
  display: block;
  padding-bottom: 6px;
  border-bottom: 2px solid #dfe5f9;
}
.onyxiq-theme table th[aria-sort=descending]:after,
.onyxiq-theme table th[aria-sort=ascending]:after {
  border-color: #f49216;
}
.onyxiq-theme table th.select-cell:after,
.onyxiq-theme table th.button-cells:after {
  content: none;
}
.onyxiq-theme table td {
  border-bottom: 1px solid #dfe5f9;
  vertical-align: middle;
  color: #606f7b;
}
.onyxiq-theme table td .mat-mdc-checkbox-layout {
  margin: 0;
  padding: 16px;
}
.onyxiq-theme table tr.mat-header-row,
.onyxiq-theme table tr.mat-mdc-header-row,
.onyxiq-theme table tr.mat-footer-row,
.onyxiq-theme table tr.mat-mdc-footer-row {
  height: 50px;
}
.onyxiq-theme table tr.mat-header-row.disabled,
.onyxiq-theme table tr.mat-mdc-header-row.disabled,
.onyxiq-theme table tr.mat-footer-row.disabled,
.onyxiq-theme table tr.mat-mdc-footer-row.disabled {
  background-color: #f2f5ff;
  pointer-events: none;
}
.onyxiq-theme table .mat-sort-header-container {
  justify-content: space-between;
}
.onyxiq-theme table .mat-sort-header-button {
  outline: none;
  text-align: left;
}
.onyxiq-theme table .progress-bar-cell {
  white-space: nowrap;
}
.onyxiq-theme table .progress {
  position: relative;
  top: -2px;
  display: inline-flex;
  width: 140px;
  margin-left: 15px;
  vertical-align: middle;
}
.onyxiq-theme table.table td {
  border-top: none;
}
.onyxiq-theme table.clickable td {
  cursor: pointer;
}
.onyxiq-theme table.mat-calendar-table th:after {
  padding: 0;
  border: none;
}
.onyxiq-theme table.documents-table .doc-name {
  font-size: 16px;
  font-weight: 500;
  color: #1b253a;
}
.onyxiq-theme .mat-paginator-container,
.onyxiq-theme .mat-mdc-paginator-container {
  position: relative;
  display: block !important;
  flex-direction: initial !important;
  justify-content: initial !important;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-page-size,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-page-size,
.onyxiq-theme .mat-paginator-container .mat-paginator-range-actions,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-range-actions,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-page-size,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-page-size,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-range-actions,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
  position: absolute;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-page-size,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-page-size,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-page-size,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-page-size {
  right: 0;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-page-size-label,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-page-size-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-page-size-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-page-size-label {
  padding-left: 15px;
  border-left: 1px solid #dfe5f9;
  font-size: 14px;
  font-weight: 500;
  color: #15427c;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-page-size-label,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-page-size-label,
.onyxiq-theme .mat-paginator-container .mat-select-value-text,
.onyxiq-theme .mat-paginator-container .mat-mdc-select-value-text,
.onyxiq-theme .mat-paginator-container span.mat-mdc-select-min-line,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-page-size-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-page-size-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-select-value-text,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-select-value-text,
.onyxiq-theme .mat-mdc-paginator-container span.mat-mdc-select-min-line {
  font-size: 14px;
  font-weight: 500;
  color: #15427c;
}
.onyxiq-theme .mat-paginator-container .mat-select-arrow,
.onyxiq-theme .mat-paginator-container .mat-mdc-select-arrow,
.onyxiq-theme .mat-mdc-paginator-container .mat-select-arrow,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-select-arrow {
  color: #15427c;
}
.onyxiq-theme .mat-paginator-container .mat-form-field-underline,
.onyxiq-theme .mat-mdc-paginator-container .mat-form-field-underline {
  height: 0;
}
.onyxiq-theme .mat-paginator-container .mat-form-field-ripple,
.onyxiq-theme .mat-mdc-paginator-container .mat-form-field-ripple {
  display: none;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-range-actions,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-range-actions,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-range-actions,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
  left: 0;
}
.onyxiq-theme .mat-paginator-container .mat-paginator-range-label,
.onyxiq-theme .mat-paginator-container .mat-mdc-paginator-range-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-paginator-range-label,
.onyxiq-theme .mat-mdc-paginator-container .mat-mdc-paginator-range-label {
  padding-right: 28px;
  border-right: 1px solid #dfe5f9;
  font-size: 14px;
  color: #6b7891;
}
.onyxiq-theme .mat-paginator-container .mat-icon-button,
.onyxiq-theme .mat-mdc-paginator-container .mat-icon-button {
  outline: none;
}
.onyxiq-theme .mat-paginator-container mat-form-field.mat-mdc-form-field,
.onyxiq-theme .mat-mdc-paginator-container mat-form-field.mat-mdc-form-field {
  box-shadow: none !important;
  width: 80px !important;
}
.onyxiq-theme .mat-paginator-container mat-form-field.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline,
.onyxiq-theme .mat-mdc-paginator-container mat-form-field.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline {
  display: none;
}
.onyxiq-theme .mat-paginator-container mat-form-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.onyxiq-theme .mat-paginator-container mat-form-field.mat-mdc-form-field .mat-mdc-form-field-bottom-align,
.onyxiq-theme .mat-mdc-paginator-container mat-form-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.onyxiq-theme .mat-mdc-paginator-container mat-form-field.mat-mdc-form-field .mat-mdc-form-field-bottom-align {
  display: none !important;
}
.onyxiq-theme .mat-paginator-navigation-previous,
.onyxiq-theme .mat-mdc-paginator-navigation-previous,
.onyxiq-theme .mat-paginator-navigation-next,
.onyxiq-theme .mat-mdc-paginator-navigation-next,
.onyxiq-theme .mat-paginator-navigation-first,
.onyxiq-theme .mat-mdc-paginator-navigation-first,
.onyxiq-theme .mat-paginator-navigation-last,
.onyxiq-theme .mat-mdc-paginator-navigation-last {
  color: #15427c;
}
.onyxiq-theme .mat-paginator-navigation-previous:disabled,
.onyxiq-theme .mat-mdc-paginator-navigation-previous:disabled,
.onyxiq-theme .mat-paginator-navigation-next:disabled,
.onyxiq-theme .mat-mdc-paginator-navigation-next:disabled,
.onyxiq-theme .mat-paginator-navigation-first:disabled,
.onyxiq-theme .mat-mdc-paginator-navigation-first:disabled,
.onyxiq-theme .mat-paginator-navigation-last:disabled,
.onyxiq-theme .mat-mdc-paginator-navigation-last:disabled {
  color: #606f7b;
}
.onyxiq-theme .mat-mdc-paginator .mat-mdc-icon-button {
  --mdc-icon-button-state-layer-size: 40px;
  --mdc-icon-button-icon-size: 24px;
}
.onyxiq-theme .mat-mdc-paginator .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.onyxiq-theme .mat-mdc-paginator .mat-mdc-icon-button .mdc-icon-button__ripple {
  display: none !important;
}
.onyxiq-theme .mat-mdc-paginator .mat-mdc-icon-button .mat-ripple,
.onyxiq-theme .mat-mdc-paginator .mat-mdc-icon-button .mat-mdc-button-ripple {
  border-radius: 50% !important;
}
.onyxiq-theme .tabbed-tables .heading {
  padding: 0;
  background: transparent;
}
.onyxiq-theme .tabbed-tables h5,
.onyxiq-theme .tabbed-tables .page-nav-link {
  text-decoration: none;
  display: inline-block;
  min-width: 250px;
  margin: 0;
  padding: 16px;
  border: 1px solid #dfe5f9;
  border-right: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  color: #6b7891;
  cursor: pointer;
}
.onyxiq-theme .tabbed-tables h5.active,
.onyxiq-theme .tabbed-tables .page-nav-link.active {
  font-weight: 700;
  box-shadow: inset 0 -4px 0 0 #f09f44;
  color: #f09f44;
}
.onyxiq-theme .tabbed-tables h5.disabled,
.onyxiq-theme .tabbed-tables .page-nav-link.disabled {
  cursor: not-allowed;
  color: #bbbec4;
  pointer-events: none;
}
.onyxiq-theme .tabbed-tables h5:last-child,
.onyxiq-theme .tabbed-tables .page-nav-link:last-child {
  border-right: 1px solid #dfe5f9;
}
.onyxiq-theme .tabbed-tables h5.sub-item,
.onyxiq-theme .tabbed-tables .page-nav-link.sub-item {
  min-width: 180px;
  padding: 10px;
}
.onyxiq-theme .tabbed-tables .body {
  margin-top: 0;
  border: 1px solid #dfe5f9;
  border-top: none;
  box-shadow: -10px 9px 21px 0 rgba(128, 152, 213, 0.08);
}
.onyxiq-theme .tabbed-tables table tr.mat-mdc-row {
  cursor: pointer;
}
.onyxiq-theme .tabbed-tables table tr.mat-mdc-row.disabled {
  background-color: #f2f5ff;
  pointer-events: none;
}
.onyxiq-theme .mat-mdc-cell {
  overflow: visible;
}
.onyxiq-theme th.mat-mdc-header-cell:first-of-type:not(.select-cell),
.onyxiq-theme th.mat-header-cell:first-of-type:not(.select-cell) {
  padding-left: 24px;
}
.onyxiq-theme th.mat-mdc-header-cell:last-of-type,
.onyxiq-theme th.mat-header-cell:last-of-type {
  padding-right: 24px;
}
.onyxiq-theme td.mat-mdc-cell:first-of-type:not(.select-cell),
.onyxiq-theme td.mat-mdc-footer-cell:first-of-type:not(.select-cell),
.onyxiq-theme td.mat-cell:first-of-type:not(.select-cell),
.onyxiq-theme td.mat-footer-cell:first-of-type:not(.select-cell) {
  padding-left: 24px;
}
.onyxiq-theme td.mat-mdc-cell:last-of-type,
.onyxiq-theme td.mat-mdc-footer-cell:last-of-type,
.onyxiq-theme td.mat-cell:last-of-type,
.onyxiq-theme td.mat-footer-cell:last-of-type {
  padding-right: 24px;
}
@media (max-width: 1024px) {
  .onyxiq-theme .tabbed-tables h5 {
    min-width: 0;
    font-size: 13px;
  }
  .onyxiq-theme td.mat-mdc-cell:first-of-type,
  .onyxiq-theme td.mat-mdc-footer-cell:first-of-type,
  .onyxiq-theme th.mat-mdc-header-cell:first-of-type {
    padding-left: 8px;
  }
  .onyxiq-theme table th,
  .onyxiq-theme table td {
    padding: 5px;
  }
  .onyxiq-theme table th:last-of-type,
  .onyxiq-theme table td:last-of-type {
    padding-right: 8px;
  }
}
.onyxiq-theme .mat-dialog-container,
.onyxiq-theme .mat-mdc-dialog-container {
  padding: 0;
}
.onyxiq-theme .mat-dialog-container.mat-mdc-dialog-container,
.onyxiq-theme .mat-mdc-dialog-container.mat-mdc-dialog-container {
  border-radius: 4px;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.onyxiq-theme .mat-dialog-title-wrapper {
  padding: 20px 24px;
  background: #fff;
}
.onyxiq-theme .mat-dialog-title-wrapper h1 {
  float: left;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin: 0;
  color: #1b253a;
  font-weight: 600;
}
.onyxiq-theme .mat-dialog-title-wrapper button {
  float: right;
  line-height: 24px;
}
.onyxiq-theme .mat-dialog-title-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.onyxiq-theme .mat-dialog-title,
.onyxiq-theme .mat-mdc-dialog-title {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin: 0;
  padding: 20px 24px;
  background: #fff;
  color: #1b253a;
  font-weight: 600;
}
.onyxiq-theme .mat-dialog-title::before,
.onyxiq-theme .mat-mdc-dialog-title::before {
  height: auto;
}
.onyxiq-theme .mat-dialog-title-wrapper .mat-dialog-title,
.onyxiq-theme .mat-dialog-title-wrapper .mat-mdc-dialog-title,
.onyxiq-theme .mat-dialog-title-wrapper h1[mat-dialog-title] {
  padding: 0;
  background: transparent;
  float: left;
  margin: 0;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #1b253a;
  font-weight: 600;
}
.onyxiq-theme .mat-dialog-content,
.onyxiq-theme .mat-mdc-dialog-content {
  clear: both;
  margin: 0;
  padding: 24px;
}
.onyxiq-theme .mat-dialog-content mat-form-field,
.onyxiq-theme .mat-mdc-dialog-content mat-form-field {
  margin-bottom: 15px;
}
.onyxiq-theme .mat-dialog-content mat-form-field .mat-mdc-form-field-icon-prefix,
.onyxiq-theme .mat-mdc-dialog-content mat-form-field .mat-mdc-form-field-icon-prefix {
  margin-left: 6px !important;
  position: relative;
}
.onyxiq-theme .mat-dialog-content mat-form-field .mat-mdc-form-field-icon-prefix ~ .mat-mdc-form-field-infix .mat-mdc-input-element,
.onyxiq-theme .mat-mdc-dialog-content mat-form-field .mat-mdc-form-field-icon-prefix ~ .mat-mdc-form-field-infix .mat-mdc-input-element {
  padding-left: 0;
}
.onyxiq-theme .mat-dialog-content mat-form-field:last-child,
.onyxiq-theme .mat-mdc-dialog-content mat-form-field:last-child {
  margin-bottom: 0;
}
.onyxiq-theme .mat-dialog-actions,
.onyxiq-theme .mat-mdc-dialog-actions {
  margin: 0;
  padding: 12px 24px 24px;
}
.onyxiq-theme .mat-dialog-actions button,
.onyxiq-theme .mat-mdc-dialog-actions button {
  min-width: 210px;
  margin-right: 15px;
  text-transform: uppercase;
}
.onyxiq-theme .mat-dialog-actions button:last-child,
.onyxiq-theme .mat-mdc-dialog-actions button:last-child {
  margin-right: 0;
}
.onyxiq-theme .mat-dialog-actions .mat-mdc-button,
.onyxiq-theme .mat-dialog-actions .mat-mdc-raised-button,
.onyxiq-theme .mat-dialog-actions .mat-mdc-outlined-button,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-button,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-raised-button,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-outlined-button {
  min-width: 210px;
  margin-right: 15px;
  text-transform: uppercase;
}
.onyxiq-theme .mat-dialog-actions .mat-mdc-button:last-child,
.onyxiq-theme .mat-dialog-actions .mat-mdc-raised-button:last-child,
.onyxiq-theme .mat-dialog-actions .mat-mdc-outlined-button:last-child,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-button:last-child,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-raised-button:last-child,
.onyxiq-theme .mat-mdc-dialog-actions .mat-mdc-outlined-button:last-child {
  margin-right: 0;
}
.onyxiq-theme .close-dialog {
  width: 36px;
  min-width: 0;
  padding: 0;
  color: #15427c;
}
@media (max-width: 767px) {
  .onyxiq-theme .mat-dialog-actions button,
  .onyxiq-theme .mat-mdc-dialog-actions button {
    margin-bottom: 6px;
  }
  .onyxiq-theme .mat-dialog-title-wrapper h1,
  .onyxiq-theme .mat-mdc-dialog-title-wrapper h1 {
    max-width: calc(100% - 45px);
  }
}
.oiq-ui-popup {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  transition: 0.3s all;
}
.oiq-ui-popup.__success {
  background-color: #17C284;
  color: #fff;
}
.oiq-ui-popup.__warning {
  background-color: #FFC46C;
  color: #fff;
}
.oiq-ui-popup.__error {
  background-color: #E75E5E;
  color: #fff;
}
.oiq-ui-popup.__primary {
  background-color: #fe3511;
  color: #fff;
}
.oiq-ui-popup.__secondary {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-popup.__dark {
  background-color: #333;
  color: #ddd;
}
.oiq-ui-popup.__light {
  background-color: #ddd;
  color: #333;
}
.oiq-ui-badge {
  position: relative;
}
.oiq-ui-badge > .__badge {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-badge > .__badge {
  box-shadow: var(--bs-box-shadow);
}
.oiq-ui-badge > .__badge {
  position: absolute;
  background-color: #FAFAFC;
  color: #696D78;
  font-size: 12px;
  border-radius: 10px;
  line-height: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 64px;
  text-align: center;
  padding: 0 6px;
  z-index: 2;
  transition:
    0.2s background-color,
    0.2s color,
    0.2s top,
    0.2s left,
    0.2s right,
    0.2s bottom;
}
.oiq-ui-badge > .__badge.__top {
  top: -10px;
}
.oiq-ui-badge > .__badge.__bottom {
  bottom: -10px;
}
.oiq-ui-badge > .__badge.__left {
  left: -10px;
}
.oiq-ui-badge > .__badge.__right {
  right: -10px;
}
.oiq-ui-badge > .__badge.__success {
  background-color: #17C284;
  color: #fff;
}
.oiq-ui-badge > .__badge.__warning {
  background-color: #FFC46C;
  color: #fff;
}
.oiq-ui-badge > .__badge.__error {
  background-color: #E75E5E;
  color: #fff;
}
.oiq-ui-badge > .__badge.__primary {
  background-color: #fe3511;
  color: #fff;
}
.oiq-ui-badge > .__badge.__secondary {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-badge > .__badge.__dark {
  background-color: #333;
  color: #ddd;
}
.oiq-ui-badge > .__badge.__light {
  background-color: #ddd;
  color: #333;
}
.oiq-ui-badge.__badge_empty > .__badge {
  display: none;
}
.oiq-ui-badge:not(.__badge_enabled) > .__badge {
  display: none;
}
.oiq-ui-badge.__badge_small > .__badge {
  width: 18px;
  height: 18px;
  font-size: 10px;
}
.oiq-ui-badge.__badge_medium > .__badge {
  width: 22px;
  height: 22px;
  font-size: 11px;
}
.oiq-ui-badge.__badge_large > .__badge {
  width: 28px;
  height: 28px;
  font-size: 12px;
}
.oiq-ui-tooltip {
  position: relative;
}
.oiq-ui-tooltip > .__tooltip {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-tooltip > .__tooltip {
  box-shadow: var(--bs-box-shadow);
}
.oiq-ui-tooltip > .__tooltip {
  position: absolute;
  background-color: #fff;
  color: #333333;
  font-size: 12px;
  border-radius: 10px;
  max-width: 20rem;
  text-align: center;
  padding: 0 6px;
  z-index: 2;
}
.oiq-ui-tooltip > .__tooltip.__top {
  top: -10px;
}
.oiq-ui-tooltip > .__tooltip.__bottom {
  bottom: -10px;
}
.oiq-ui-tooltip > .__tooltip.__left {
  left: -10px;
}
.oiq-ui-tooltip > .__tooltip.__right {
  right: -10px;
}
.oiq-ui-tooltip.__tooltip_empty > .__tooltip {
  display: none;
}
.oiq-ui-tooltip:not(.__tooltip_enabled) > .__tooltip {
  display: none;
}
.oiq-ui-tooltip.__tooltip_small > .__tooltip {
  font-size: 10px;
}
.oiq-ui-tooltip.__tooltip_medium > .__tooltip {
  font-size: 11px;
}
.oiq-ui-tooltip.__tooltip_large > .__tooltip {
  font-size: 12px;
}
.oiq-button {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #E3E7ED;
  border-radius: 8px;
  background-color: #FAFAFC;
  color: #696D78;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  outline: none;
}
.oiq-button img,
.oiq-button svg {
  width: 1rem;
  height: 1rem;
}
.oiq-button--sm {
  padding: 0.25rem 0.5rem;
}
.oiq-button--md {
  padding: 0.75rem 1.25rem;
}
.oiq-button--xl {
  padding: 1rem 1.5rem;
}
.oiq-button:hover {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-button:focus {
  background-color: #FAFAFC;
  color: #8A8F9B;
}
.oiq-button--link {
  background-color: transparent;
  border: 1px solid transparent;
  color: #696D78;
  box-shadow: none;
}
.oiq-button--link:hover,
.oiq-button--link:focus {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-button--outline {
  background-color: #fff;
  border: 1px solid #8A8F9B;
  color: #696D78;
}
.oiq-button--outline:hover,
.oiq-button--outline:focus {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-button--primary {
  background-color: transparent;
  color: #fe3511;
  border: 1px solid transparent;
}
.oiq-button--primary:hover,
.oiq-button--primary:focus {
  color: #ef1c07;
  background-color: #ffe2d4;
}
.oiq-button--primary--link {
  background-color: transparent;
  border: 1px solid transparent;
  color: #fe3511;
}
.oiq-button--primary--link:hover,
.oiq-button--primary--link:focus {
  background-color: #ffe2d4;
  color: #ef1c07;
}
.oiq-button--primary--solid {
  background-color: #fe3511;
  border: 1px solid #fe3511;
  color: #fff;
}
.oiq-button--primary--solid:hover,
.oiq-button--primary--solid:focus {
  background-color: #ef1c07;
  color: #fff;
}
.oiq-button--primary--outline {
  background-color: transparent;
  border: 1px solid #fe3511;
  color: #fe3511;
}
.oiq-button--primary--outline:hover,
.oiq-button--primary--outline:focus {
  background: #ffe2d4;
  color: #ef1c07;
}
.oiq-button--secondary {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-button--secondary:hover,
.oiq-button--secondary:focus {
  background-color: #FAFAFC;
  color: #696D78;
}
.oiq-button--success {
  background-color: #22c55e;
  color: #fff;
}
.oiq-button--success:hover,
.oiq-button--success:focus {
  background-color: #16a34a;
  color: #fff;
}
.oiq-button--warning {
  background-color: #eab308;
  color: #fff;
}
.oiq-button--warning:hover,
.oiq-button--warning:focus {
  background-color: #ca8a04;
  color: #fff;
}
.oiq-button--error {
  background-color: #ef4444;
  color: #fff;
}
.oiq-button--error:hover,
.oiq-button--error:focus {
  background-color: #dc2626;
  color: #fff;
}
.oiq-button--dark {
  background-color: #333;
  color: #ddd;
}
.oiq-button--dark:hover,
.oiq-button--dark:focus {
  background-color: #444;
  color: #ddd;
}
.oiq-button--dark--outline {
  background-color: transparent;
  border: 1px solid #333;
  color: #333;
}
.oiq-button--dark--outline:hover,
.oiq-button--dark--outline:focus {
  background-color: #ddd;
  border-color: #555;
}
.oiq-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: #E3E7ED;
  color: #8A8F9B;
  border-color: #E3E7ED;
}
.oiq-button:disabled .material-symbols-outlined,
.oiq-button:disabled .material-icons,
.oiq-button:disabled .mat-icon {
  color: #8A8F9B;
}
.oiq-button:disabled.oiq-button--link {
  background-color: transparent;
  border: 1px solid transparent;
  color: #E3E7ED;
}
.oiq-button:disabled.oiq-button--primary--link {
  background-color: transparent;
  border: 1px solid #E3E7ED;
  color: #E3E7ED;
}
.oiq-ui-snack {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-snack {
  flex-direction: row;
}
.oiq-ui-snack {
  max-width: 8rem;
  min-width: 24rem;
  gap: 1rem;
  z-index: 1001;
  background-color: #FAFAFC;
  color: #696D78;
  position: fixed;
  border-radius: 4px;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
.oiq-ui-snack > div {
  flex-grow: 1;
}
.oiq-ui-snack > button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.onyxiq-theme .oiq-ui-snack > button {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.oiq-ui-snack.__top {
  top: 1rem;
}
.oiq-ui-snack.__bottom {
  bottom: 1rem;
}
.oiq-ui-snack.__left {
  left: 1rem;
}
.oiq-ui-snack.__right {
  right: 1rem;
}
.oiq-ui-snack.__middle {
  top: 50%;
  margin-top: -1.5rem;
}
.oiq-ui-snack.__center {
  left: 50%;
  margin-left: -10rem;
}
.oiq-ui-snack.__success {
  background-color: #FAFAFC;
  color: #17C284;
}
.oiq-ui-snack.__info {
  background-color: #FAFAFC;
  color: #696D78;
}
.oiq-ui-snack.__warning {
  background-color: #FAFAFC;
  color: #FFC46C;
}
.oiq-ui-snack.__error {
  background-color: #FAFAFC;
  color: #E75E5E;
}
.oiq-ui-snack.__primary {
  background-color: #FAFAFC;
  color: #ff5127;
}
.oiq-ui-snack.__secondary {
  background-color: #FAFAFC;
  color: #8A8F9B;
}
.oiq-ui-snack.__dark {
  background-color: #333;
  color: #ddd;
}
.oiq-ui-snack.__light {
  background-color: #ddd;
  color: #333;
}
.oiq-ui-option {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.oiq-ui-option > input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.oiq-ui-option > span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border: 2px solid #696D78;
  transition: 0.4s;
  border-radius: 2px;
  overflow: hidden;
}
.oiq-ui-option > span:before {
  font-family: monospace;
  cursor: pointer;
  position: absolute;
  content: "";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  color: #fff;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transition: 0.4s;
  opacity: 0;
  text-align: center;
}
.oiq-ui-option > input:checked + span {
  background-color: #ff5127;
  border-color: #ff5127;
}
.oiq-ui-option > input:checked + span:before {
  content: "\2714";
  opacity: 1;
}
.oiq-ui-option:checked:disabled + span {
  --tw-border-opacity: 1;
  border-color: rgb(105 109 120 / var(--tw-border-opacity, 1));
}
.oiq-ui-option.oiq-ui-option__radio > span {
  border-radius: 50%;
  border-width: 2px;
}
.oiq-ui-option.oiq-ui-option__radio > span:before {
  transform: scale(1);
  font-size: 16px;
  line-height: 9.6px;
}
.oiq-ui-option.oiq-ui-option__radio > input:checked + span {
  background-color: #fff;
  border-color: #ff5127;
  border-width: 2px;
}
.oiq-ui-option.oiq-ui-option__radio > input:checked + span:before {
  content: "\25cf";
  opacity: 1;
  color: #ff5127;
  transform: scale(1);
}
.oiq-ui-option.oiq-ui-option__toggle {
  width: 32px;
  height: 16px;
  border: none;
}
.oiq-ui-option.oiq-ui-option__toggle > span {
  border: none;
  border-radius: 1rem;
  background-color: #E3E7ED;
}
.oiq-ui-option.oiq-ui-option__toggle > span:before {
  border: none;
  content: " ";
  height: 12.8px;
  width: 12.8px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 0.5rem;
  transform: translateX(1.6px) translateY(1.6px) scale(1);
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.oiq-ui-option.oiq-ui-option__toggle > input:checked + span {
  background-color: #ff5127;
  border-color: #ff5127;
}
.oiq-ui-option.oiq-ui-option__toggle > input:checked + span:before {
  background-color: #fff;
  content: " ";
  transform: translateX(16.8px) translateY(1.6px) scale(1);
}
.oiq-ui-option > input:disabled + span:before {
  opacity: 0.5;
}
.oiq-ui-option-fieldset {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  gap: 0.25rem;
}
.oiq-ui-option-fieldset > .oiq-ui-option-label {
  margin: 0;
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
  color: #8A8F9B;
}
.oiq-ui-option-fieldset > .oiq-ui-option {
  margin: 0;
  flex-grow: 0;
}
.oiq-ui-option-fieldset.__orientation_right {
  flex-direction: row;
}
.oiq-ui-option-fieldset.__checked > .oiq-ui-option-label {
  color: #000;
}
.oiq-ui-options-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.25rem;
}
.onyxiq-theme .oiq-ui-options-list {
  gap: 0.25rem;
}
.oiq-ui-options-list > label {
  margin: 0px;
  flex-grow: 1;
}
.onyxiq-theme .oiq-ui-options-list > label {
  margin: 0;
}
.oiq-ui-options-list > label {
  font-size: 0.875rem;
}
.oiq-ui-options-list > .__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.onyxiq-theme .oiq-ui-options-list > .__list {
  gap: 1.5rem;
}
.oiq-ui-options-list > .__list {
  font-size: 0.875rem;
}
.oiq-ui-options-list.__layout_inline > .__list {
  display: flex;
  flex-direction: row;
}
.onyxiq-theme .oiq-ui-options-list.__layout_inline > .__list {
  flex-direction: row;
}
.oiq-ui-options-list.__layout_split {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
}
.onyxiq-theme .oiq-ui-options-list.__layout_split {
  flex-direction: row;
  gap: 1.5rem;
}
.oiq-ui-list > * {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-style: none;
}
.onyxiq-theme .oiq-ui-list > * {
  flex-direction: row;
  gap: 0.5rem;
}
.oiq-ui-list > * {
  border-bottom: 1px solid #F3F5F9;
  padding: 0.5rem 1rem;
}
.oiq-ui-list > * .__icon {
  font-size: 1.25rem;
}
.oiq-ui-list > * > *:not(.__icon) {
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
.oiq-ui-list > *.__focused {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-list > *:hover {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-list.__selectable > * {
  cursor: pointer;
}
.oiq-ui-list.__selectable > *.__selected > .__icon {
  color: #fe3511;
}
.oiq-ui-list.__multi > * {
  flex-direction: row;
  justify-content: flex-start;
}
.onyxiq-theme .oiq-ui-list.__multi > * {
  flex-direction: row;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > * {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-style: none;
}
.onyxiq-theme .oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > * {
  flex-direction: row;
  gap: 0.5rem;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > * {
  border-bottom: 1px solid #F3F5F9;
  padding: 0.5rem 1rem;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > * .__icon {
  font-size: 1.25rem;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > * > *:not(.__icon) {
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > *.__focused {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-list-virtual > .cdk-virtual-scroll-content-wrapper > *:hover {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-list-virtual.__selectable > .cdk-virtual-scroll-content-wrapper > * {
  cursor: pointer;
}
.oiq-ui-list-virtual.__selectable > .cdk-virtual-scroll-content-wrapper > *.__selected > .__icon {
  color: #fe3511;
}
.oiq-ui-list-virtual.__multi > .cdk-virtual-scroll-content-wrapper > * {
  flex-direction: row;
  justify-content: flex-start;
}
.onyxiq-theme .oiq-ui-list-virtual.__multi > .cdk-virtual-scroll-content-wrapper > * {
  flex-direction: row;
}
.oiq-ui-breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.oiq-ui-breadcrumb > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  padding: 0.25rem 0.25rem;
  color: #8A8F9B;
  font-size: 0.875rem;
  font-weight: 400;
}
.oiq-ui-breadcrumb > *::before {
  content: "/";
  padding-right: 0.25rem;
}
.oiq-ui-breadcrumb > *:first-child::before {
  display: none;
  content: "";
  padding-right: 0;
}
.oiq-ui-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oiq-ui-paginator > .__pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0px;
}
.onyxiq-theme .oiq-ui-paginator > .__pages {
  flex-direction: row;
  gap: 0;
}
.oiq-ui-paginator > .__pages > .page-button-icon {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.onyxiq-theme .oiq-ui-paginator > .__pages > .page-button-icon {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.oiq-ui-paginator > .__pages > .page-button-icon span {
  font-size: 1rem;
}
.oiq-ui-paginator-list {
  min-width: 4rem;
}
.oiq-ui-paginator-list .__item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.onyxiq-theme .oiq-ui-paginator-list .__item {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.oiq-ui-sort-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.onyxiq-theme .oiq-ui-sort-field {
  gap: 0.5rem;
}
.oiq-ui-sort-field > .__icon {
  flex-shrink: 0;
  display: none;
}
.oiq-ui-sort-field.__sort__asc > .__icon,
.oiq-ui-sort-field.__sort__desc > .__icon {
  display: block;
}
.oiq-ui-sort-field.__sort__asc > .__icon {
  transform: rotateX(180deg);
}
.oiq-ui-sort-field.__sort__desc > .__icon {
  transform: rotateX(0deg);
}
.oiq-ui-sort-field.__right {
  flex-direction: row-reverse;
}
.onyxiq-theme .oiq-ui-sort-field.__right {
  flex-direction: row-reverse;
}
.oiq-ui-sort-field.__center {
  justify-content: center;
}
.oiq-ui-loader > div.__loader {
  position: absolute;
  inset: 0px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.onyxiq-theme .oiq-ui-loader > div.__loader {
  gap: 0.5rem;
}
.oiq-form-control.oiq-ui-loader > div.__loader {
  display: none;
}
.oiq-ui-loader > div.__loader {
  background-color: #fff;
  opacity: 0.8;
  border-radius: 8px;
  z-index: 1000;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.oiq-ui-loader > div.__loader > span {
  animation: spin 1s linear infinite;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.oiq-ui-loader.__loading > div.__loader {
  display: flex;
}
.oiq-ui-loader.__horizontal > div.__loader {
  flex-direction: row;
}
.onyxiq-theme .oiq-ui-loader.__horizontal > div.__loader {
  flex-direction: row;
}
.oiq-ui-progress-circular .circular-progress {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  padding: 8px;
  transition: all 0.8s ease-in-out;
}
.oiq-ui-progress-circular .progress-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: white;
  position: relative;
}
.oiq-ui-progress-circular .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.oiq-ui-progress-circular .progress-value {
  font-size: 2.5rem;
  font-weight: bold;
  color: #333;
}
@media (max-width: 768px) {
  .oiq-ui-progress-circular .circular-progress {
    width: 150px;
    height: 150px;
  }
  .oiq-ui-progress-circular .progress-value {
    font-size: 2rem;
  }
}
.oiq-ui-panel {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-panel {
  box-shadow: var(--bs-box-shadow);
}
.oiq-ui-panel {
  display: block;
  border: 1px solid #E3E7ED;
  border-radius: 12px;
  width: 100%;
  font-family: inherit;
  overflow: hidden;
}
.oiq-ui-panel > header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem;
  border-bottom: 1px solid #E3E7ED;
  color: #333333;
  background-color: #FAFAFC;
}
.oiq-ui-panel > header > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  gap: 0.5rem;
}
.oiq-ui-panel > header > div > h3 {
  margin: 0;
  font-size: 1rem;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
}
.oiq-ui-panel > header > div > .__right {
  flex-grow: 1;
}
.oiq-ui-panel > header > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent !important;
  border: 1px solid #E3E7ED !important;
  transition: transform 0.3s ease;
  cursor: pointer;
  color: #ff5127;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50%;
  transform: rotate(180deg);
}
.oiq-ui-panel > header > button .__icon {
  color: #8A8F9B;
}
.oiq-ui-panel > header > button:hover {
  color: #ff5127 !important;
}
.oiq-ui-panel > header > button:hover .__icon {
  color: #ff5127;
}
.oiq-ui-panel > main {
  overflow: hidden;
}
.oiq-ui-panel.__collapsed > header {
  border-style: none;
}
.oiq-ui-panel.__collapsed > header > button {
  transform: rotate(0deg);
}
.oiq-ui-panel.__collapsed > header > button .__icon {
  color: #ff5127;
}
.oiq-ui-panel.__collapsed > header > button:hover {
  color: #8A8F9B;
}
.oiq-ui-panel.__collapsed > header > button:hover .__icon {
  color: #8A8F9B;
}
.oiq-ui-panel__flat {
  border-style: none;
  background-color: transparent;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-panel__flat {
  box-shadow: none;
  padding: 0;
  --bs-bg-opacity: 1;
  background-color: transparent;
}
.onyxiq-theme .content .body.oiq-ui-panel__flat {
  box-shadow: none;
}
.oiq-ui-panel__flat > header {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
.onyxiq-theme .oiq-ui-panel__flat > header {
  padding-right: 0;
  padding-left: 0;
  --bs-bg-opacity: 1;
  background-color: transparent;
}
.onyxiq-theme .content .body.oiq-ui-panel__flat > header {
  box-shadow: none;
}
.oiq-ui-panel__flat > main {
  padding-left: 0px;
  padding-right: 0px;
}
.onyxiq-theme .oiq-ui-panel__flat > main {
  padding-right: 0;
  padding-left: 0;
}
.oiq-ui-panel__flat > footer {
  padding-left: 0px;
  padding-right: 0px;
}
.onyxiq-theme .oiq-ui-panel__flat > footer {
  padding-right: 0;
  padding-left: 0;
}
.oiq-ui-panel__reverse > header {
  flex-direction: row-reverse;
}
.onyxiq-theme .oiq-ui-panel__reverse > header {
  flex-direction: row-reverse;
}
.oiq-ui-panel__no-splitter > header {
  border-bottom-width: 0px;
}
.oiq-ui-panel__content-border-l > main {
  border-left: 1px solid #E3E7ED;
}
.oiq-ui-panel__content-border-l:is(.oiq-ui-panel__flat) > main {
  margin-left: 0.75rem;
}
.oiq-ui-panel__content-border-r > main {
  border-right: 1px solid #E3E7ED;
}
.oiq-ui-panel__content-border-r:is(.oiq-ui-panel__flat) > main {
  margin-right: 0.75rem;
}
.oiq-ui-panel__content-border-b > main {
  border-right: 1px solid #E3E7ED;
}
.oiq-ui-panel__content-border-t > main {
  border-right: 1px solid #E3E7ED;
}
.oiq-ui-panel__hoverable > header:hover {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-panel__statable > header {
  background-color: #FAFAFC;
  color: #333333;
}
.oiq-ui-panel__statable:not(.__collapsed) > header {
  background-color: #fff;
  color: #696D78;
}
.oiq-ui-dropdown-panel {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.onyxiq-theme .oiq-ui-dropdown-panel {
  box-shadow: var(--bs-box-shadow);
}
.oiq-ui-dropdown-panel {
  border: 1px solid #E3E7ED;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  color: #8A8F9B;
}
.oiq-ui-tabs {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  border-bottom: 1px solid #E3E7ED;
  padding-bottom: 1rem;
}
.oiq-ui-tabs > * {
  white-space: nowrap;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.oiq-ui-tabs > *.active {
  position: relative;
  background-color: #fff2ed;
  border-color: #ffc1a8;
  color: #fe3511;
}
.oiq-ui-tabs > *.active::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ff5127;
}
.oiq-ui-toc {
  width: 100%;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 12px;
  padding: 0.5rem;
  overflow: hidden;
}
.oiq-ui-toc > * {
  text-decoration: none;
  color: #696D78;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.oiq-ui-toc > *:hover {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-ui-toc > *.active {
  background-color: #F3F5F9;
  color: #000;
  position: relative;
}
.oiq-ui-toc > *.active::after {
  content: "";
  position: absolute;
  right: -0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 3px;
  background-color: #fe3511;
  border-radius: 4px;
}
.oiq-ui-dialog {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
}
.onyxiq-theme .oiq-ui-dialog {
  overflow: hidden;
  gap: 0;
}
.oiq-ui-dialog {
  background-color: #fff;
  color: #696D78;
  max-height: 90vh;
  border-radius: 12px;
}
.oiq-ui-dialog > header {
  width: 100%;
}
.oiq-ui-dialog > header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.oiq-ui-dialog > header {
  padding: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > header {
  padding: 1.5rem;
}
.oiq-ui-dialog > header > .__title {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}
.onyxiq-theme .oiq-ui-dialog > header > .__title {
  gap: 0.5rem;
}
.oiq-ui-dialog > header > .__title > div {
  flex-grow: 1;
}
.oiq-ui-dialog > header > .__title > div h2 {
  font-size: 1.25rem;
  color: #333333;
  font-weight: 500;
}
.oiq-ui-dialog > header > .__title > div p {
  font-size: 0.875rem;
  color: #696D78;
  font-weight: 400;
}
.oiq-ui-dialog > header > .__title > .__close {
  padding: 0.5rem;
  background-color: transparent;
}
.oiq-ui-dialog > header > .__title > .__close:hover {
  background-color: transparent;
}
.oiq-ui-dialog > header > aside {
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > header > aside {
  margin-bottom: 1.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
  gap: 1.5rem;
}
.oiq-ui-dialog > header > aside {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-ui-dialog > aside {
  flex-shrink: 1;
}
.oiq-ui-dialog > aside > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.oiq-ui-dialog > aside {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > aside {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
}
.oiq-ui-dialog > main {
  flex-grow: 1;
  overflow: auto;
  padding: 2rem;
}
.onyxiq-theme .oiq-ui-dialog > main {
  overflow: auto;
}
.oiq-ui-dialog > main {
  border-bottom: 1px solid #E3E7ED;
  border-top: 1px solid #E3E7ED;
}
.oiq-ui-dialog > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > footer {
  padding: 1.5rem;
  gap: 0.5rem;
}
.oiq-ui-dialog > footer > .__left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > footer > .__left {
  gap: 1.5rem;
}
.oiq-ui-dialog > footer > .__right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.onyxiq-theme .oiq-ui-dialog > footer > .__right {
  gap: 1.5rem;
}
.oiq-ui-dialog.fixed-right {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
}
.oiq-ui-dialog.__no-padding > header {
  padding-bottom: 1rem;
}
.onyxiq-theme .oiq-ui-dialog.__no-padding > header {
  padding-bottom: 1.5rem;
}
.oiq-ui-dialog.__no-padding > main {
  padding: 0px;
}
.onyxiq-theme .oiq-ui-dialog.__no-padding > main {
  padding: 0;
}
.oiq-ui-dialog.maximized {
  width: 100%;
}
.oiq-ui-dialog-alert > main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.onyxiq-theme .oiq-ui-dialog-alert > main {
  flex-direction: row;
  gap: 1.5rem;
}
.oiq-ui-dialog-alert > main > span {
  font-size: 4rem;
}
.oiq-ui-dialog-alert.__info > main > span {
  color: #2196f3;
}
.oiq-ui-dialog-alert.__success > main > span {
  color: #4caf50;
}
.oiq-ui-dialog-alert.__warning > main > span {
  color: #ff9800;
}
.oiq-ui-dialog-alert.__error > main > span {
  color: #f44336;
}
.oiq-ui-dialog-alert.__default > main > span {
  color: #9e9e9e;
}
.oiq-form-error-list {
  color: #E75E5E;
}
.oiq-form-error-list > .__error {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.onyxiq-theme .oiq-form-error-list > .__error {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.oiq-form-error-list > .__error {
  font-size: 75%;
}
.oiq-form-error-button {
  display: block;
  position: relative;
  visibility: hidden;
  width: 100%;
}
.oiq-form-error-button > button .__error,
.oiq-form-error-button oiq-ui-dropdown .__error {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 75%;
}
.oiq-form-error-button > button .__icon,
.oiq-form-error-button oiq-ui-dropdown .__icon {
  flex-grow: 0;
}
.onyxiq-theme .oiq-form-error-button > button .__icon,
.onyxiq-theme .oiq-form-error-button oiq-ui-dropdown .__icon {
  flex-grow: 0;
}
.oiq-form-error-button > button .__icon,
.oiq-form-error-button oiq-ui-dropdown .__icon {
  font-size: 75%;
  display: none;
}
.oiq-form-error-button > button button,
.oiq-form-error-button oiq-ui-dropdown button {
  padding: 0.1rem 0.25rem;
  border: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #E75E5E;
  width: 100%;
  align-items: center;
  cursor: default;
}
.oiq-form-error-button.__has {
  visibility: visible;
}
.oiq-form-error-button.__more {
  cursor: pointer;
}
.oiq-form-error-button.__more > button {
  cursor: pointer;
}
.oiq-form-error-button.__more > .__icon {
  display: block;
}
.oiq-form-control {
  display: inline-block;
}
.oiq-form-control input,
.oiq-form-control select,
.oiq-form-control textarea {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
}
.oiq-form-control input::placeholder,
.oiq-form-control select::placeholder,
.oiq-form-control textarea::placeholder {
  color: #C2C8D1;
}
.oiq-form-control > fieldset {
  position: relative;
}
.oiq-form-control > fieldset > label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #8A8F9B;
}
.oiq-form-control > fieldset > label > span {
  flex-grow: 1;
}
.oiq-form-control > fieldset > label > .oiq-form-error-button {
  display: none;
}
.oiq-form-control > fieldset > .__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  border: 1px solid #C2C8D1;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #333333;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  min-height: 2.25rem;
}
.oiq-form-control > fieldset > .__container > .material-symbols-outlined {
  opacity: 0.75;
}
.oiq-form-control > fieldset > .__container > .__center {
  color: #333333;
  flex-grow: 1;
}
.oiq-form-control > fieldset > .__container > .__center > .__placeholder {
  color: #C2C8D1;
}
.oiq-form-control > fieldset > .__container > .__center > .__input:is(input, select) {
  padding: 0;
  height: 2.25rem;
}
.oiq-form-control > fieldset > .__container > .__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}
.oiq-form-control > fieldset > .__container > .__right .__action {
  border-radius: 0.5rem !important;
  padding: 0rem 0rem;
  display: flex;
}
.oiq-form-control > fieldset > .__container > .__right .__action span.material-symbols-outlined {
  font-size: 1.25rem;
}
.oiq-form-control > fieldset > .oiq-form-error-button {
  visibility: hidden !important;
  position: relative;
}
.oiq-form-control > fieldset > .oiq-form-error-button > button {
  bottom: -18px;
  position: absolute;
}
.oiq-form-control.ng-required > fieldset > label > span::after {
  display: inline-block;
  content: "*";
  margin-left: 0.25rem;
}
.oiq-form-control.ng-invalid.ng-touched > fieldset > label,
.oiq-form-control.ng-invalid.ng-touched > fieldset > .mat-icon,
.oiq-form-control.ng-invalid.ng-dirty > fieldset > label,
.oiq-form-control.ng-invalid.ng-dirty > fieldset > .mat-icon {
  color: #E75E5E;
}
.oiq-form-control.ng-invalid.ng-touched > fieldset > .__container,
.oiq-form-control.ng-invalid.ng-dirty > fieldset > .__container {
  border-color: #E75E5E;
}
.oiq-form-control.ng-invalid.ng-touched > fieldset > .oiq-form-error-button.__has,
.oiq-form-control.ng-invalid.ng-dirty > fieldset > .oiq-form-error-button.__has {
  visibility: visible !important;
}
.oiq-form-control.ng-invalid.ng-touched .__inner fieldset > label,
.oiq-form-control.ng-invalid.ng-touched .__inner fieldset > .mat-icon,
.oiq-form-control.ng-invalid.ng-dirty .__inner fieldset > label,
.oiq-form-control.ng-invalid.ng-dirty .__inner fieldset > .mat-icon {
  color: #E75E5E;
}
.oiq-form-control.ng-invalid.ng-touched .__inner fieldset > .__container,
.oiq-form-control.ng-invalid.ng-dirty .__inner fieldset > .__container {
  border-color: #E75E5E;
}
.oiq-form-control.hidden {
  display: none !important;
}
.oiq-form-control.ng-disabled,
.oiq-form-control.__disabled {
  opacity: 0.5;
}
.oiq-form-control.oiq-form-control__flat > fieldset > .__container {
  border-radius: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
.oiq-form-control.oiq-form-control__text-primary > fieldset > .__container > .__center {
  color: #ff5127;
}
.oiq-form-control.oiq-form-control__text-primary > fieldset > .__container > .material-symbols-outlined {
  color: #ff5127;
}
.oiq-form-control.oiq-form-control__text-primary > fieldset > .__container > .__right .__toggle {
  color: #ff5127;
}
.oiq-form-control.oiq-form-control__inline > fieldset > .__container {
  justify-content: flex-start;
  min-height: 0;
}
.oiq-form-control.oiq-form-control__inline > fieldset > .__container > .__center {
  flex-grow: 0;
}
.oiq-form-control.oiq-form-control__border-b > fieldset > .__container {
  border-bottom: 1px solid #C2C8D1;
}
.oiq-form-control-value > fieldset > .__container > .__center {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oiq-form-control-value > fieldset > .__container > .__center > .__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.onyxiq-theme .oiq-form-control-value > fieldset > .__container > .__center > .__input {
  flex-direction: row;
  gap: 0.25rem;
}
.oiq-form-control-password-strength {
  display: block;
  width: 100%;
}
.oiq-form-control-password-strength > div {
  text-align: right;
  padding: 0.5rem 0.75rem;
  height: 0px;
  width: 100%;
  border-radius: 12px;
}
.oiq-form-control-password-strength > div > span {
  display: none;
}
.oiq-form-control-password-strength > div.__text {
  height: auto;
}
.oiq-form-control-password-strength > div.__weak {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .oiq-form-control-password-strength > div.__weak {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}
.oiq-form-control-password-strength > div.__weak.__text > span.__weak {
  display: block;
}
.oiq-form-control-password-strength > div.__moderate {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .oiq-form-control-password-strength > div.__moderate {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}
.oiq-form-control-password-strength > div.__moderate.__text > span.__moderate {
  display: block;
}
.oiq-form-control-password-strength > div.__good {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .oiq-form-control-password-strength > div.__good {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}
.oiq-form-control-password-strength > div.__good.__text > span.__good {
  display: block;
}
.oiq-form-control-password-strength > div.__strong {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .oiq-form-control-password-strength > div.__strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}
.oiq-form-control-password-strength > div.__strong.__text > span.__strong {
  display: block;
}
.oiq-form-dropdown-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.oiq-form-control-dropdown > fieldset {
  display: contents;
  width: 100%;
}
.oiq-form-control-dropdown > fieldset > label > .__meta {
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0.5;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > label > .__meta {
  opacity: 0.5;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center {
  position: relative;
  height: 100%;
  flex-grow: 1;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center:before {
  content: " ";
  display: inline;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center.__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.5;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > .__container > .__center.__placeholder {
  opacity: 0.5;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input {
  overflow: hidden;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > .__container > .__center > .__input {
  overflow: hidden;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input:not(.__chips) {
  line-height: 2.25rem;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips {
  inset: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
  overflow: hidden;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips {
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips {
  padding: 0.25rem 0px;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * {
  display: flex;
  max-width: 7rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * {
  flex-direction: row;
  gap: 0.25rem;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * {
  max-width: 8rem;
  padding: 0.25rem 0 0.25rem 0.25rem;
  border-radius: 8px;
  border: 1px solid #E3E7ED;
  background-color: #FAFAFC;
  color: #696D78;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > *:hover {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * > *:first-child {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * .__clear {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.onyxiq-theme .oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * .__clear {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * .__clear {
  color: #696D78;
}
.oiq-form-control-dropdown > fieldset > .__container > .__center > .__input.__chips > * .__clear .material-symbols-outlined {
  font-size: 75%;
  color: #696D78;
}
.oiq-form-control-search {
  display: inline-block;
}
.oiq-form-control-search > .__inner {
  width: 100%;
}
.oiq-form-control-address {
  display: inline-block;
}
.oiq-form-control-address > fieldset {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}
.onyxiq-theme .oiq-form-control-address > fieldset {
  gap: 1.5rem;
}
.oiq-form-control-address > fieldset > * {
  grid-column: span 6 / span 6;
  display: block;
}
@media (min-width: 768px) {
  .oiq-form-control-address > fieldset > * {
    grid-column: span 2 / span 2;
  }
}
.oiq-form-control-address > fieldset > *.__address1 {
  grid-column: span 6 / span 6;
}
@media (min-width: 768px) {
  .oiq-form-control-address > fieldset > *.__address1 {
    grid-column: span 4 / span 4;
  }
}
.oiq-form-control-address > fieldset > *.__address2 {
  grid-column: span 6 / span 6;
}
@media (min-width: 768px) {
  .oiq-form-control-address > fieldset > *.__address2 {
    grid-column: span 2 / span 2;
  }
}
.oiq-form-control-address.__3row > fieldset {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.oiq-form-control-address.__3row > fieldset > * {
  grid-column: span 3 / span 3;
  display: block;
}
@media (min-width: 768px) {
  .oiq-form-control-address.__3row > fieldset > * {
    grid-column: span 1 / span 1;
  }
}
.oiq-form-control-address.__3row > fieldset > .__address1 {
  grid-column: span 3 / span 3;
}
.oiq-form-control-address.__3row > fieldset > .__address2 {
  grid-column: span 3 / span 3;
}
.oiq-table {
  width: 100%;
  overflow: auto;
}
.onyxiq-theme .oiq-table {
  overflow: auto;
}
.oiq-table {
  border-collapse: collapse;
}
.oiq-table > thead > tr > th,
.oiq-table > tfoot > tr > th {
  background-color: #fff;
  color: #8A8F9B;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.5rem 0.75rem;
}
.oiq-table > thead {
  position: sticky;
  top: 0px;
}
.onyxiq-theme .oiq-table > thead {
  top: 0;
}
.oiq-table > tfoot {
  position: sticky;
  bottom: 0px;
}
.onyxiq-theme .oiq-table > tfoot {
  bottom: 0;
}
.oiq-table > tbody > tr > td {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.5rem 0.75rem;
  color: #333333;
  background-color: transparent;
}
.oiq-table > tbody > tr:hover {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table > tbody > tr:hover > td {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table.__striped > tbody > tr:nth-child(even) {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-table.__striped > tbody > tr:nth-child(even) > td {
  background-color: #F3F5F9;
  color: #696D78;
}
.oiq-table.__striped > tbody > tr:nth-child(even):hover {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table.__striped > tbody > tr:nth-child(even):hover > td {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table.__colored > thead > tr,
.oiq-table.__colored > tfoot > tr {
  background-color: #FAFAFC;
  color: #696D78;
}
.oiq-table.__colored > thead > tr > th,
.oiq-table.__colored > tfoot > tr > th {
  background-color: #FAFAFC;
  color: #696D78;
}
.oiq-table.__colored > tbody > tr > td {
  background-color: #fff;
  color: #333333;
}
.oiq-table.__colored > tbody > tr:hover {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table.__colored > tbody > tr:hover > td {
  background-color: #F3F5F9;
  color: #000;
}
.oiq-table.__bordered-cells > tbody > tr {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-table.__bordered-cells > tbody > tr > td {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-table.__bordered-headers > thead {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-table.__bordered-headers > thead > tr {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-table.__bordered-headers > tfoot > tr {
  border-top: 1px solid #E3E7ED;
}
.oiq-table.__bordered-vertical > thead > tr > th,
.oiq-table.__bordered-vertical > tfoot > tr > th {
  border-left: 1px solid #E3E7ED;
  border-right: 1px solid #E3E7ED;
}
.oiq-table.__bordered-vertical > tbody > tr > td {
  border-left: 1px solid #E3E7ED;
  border-right: 1px solid #E3E7ED;
}
.oiq-table.__bordered-vertical > thead > tr > td:first-child,
.oiq-table.__bordered-vertical > thead > tr > th:first-child,
.oiq-table.__bordered-vertical > tbody > tr > td:first-child,
.oiq-table.__bordered-vertical > tbody > tr > th:first-child,
.oiq-table.__bordered-vertical > tfoot > tr > td:first-child,
.oiq-table.__bordered-vertical > tfoot > tr > th:first-child {
  border-left: none !important;
}
.oiq-table.__bordered-vertical > thead > tr > td:last-child,
.oiq-table.__bordered-vertical > thead > tr > th:last-child,
.oiq-table.__bordered-vertical > tbody > tr > td:last-child,
.oiq-table.__bordered-vertical > tbody > tr > th:last-child,
.oiq-table.__bordered-vertical > tfoot > tr > td:last-child,
.oiq-table.__bordered-vertical > tfoot > tr > th:last-child {
  border-right: none !important;
}
oiq-ui-table.__small,
.oiq-table.__small {
  font-size: 0.75rem;
  line-height: 1rem;
}
.oiq-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  border-width: 1px;
}
.onyxiq-theme .oiq-grid {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.oiq-grid > .__toolbar {
  grid-column: span 12 / span 12;
  padding: 0.5rem 0.75rem;
}
.oiq-grid > .__toolbar .__tool {
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.oiq-grid > .__filter {
  grid-column: span 3 / span 3;
}
.oiq-grid > .__grid {
  grid-column: span 9 / span 9;
}
.oiq-grid > .__grid > footer {
  display: flex;
  justify-content: flex-end;
}
.oiq-grid.__fullScreen {
  width: auto;
  position: fixed;
  inset: 1rem;
  border: 1px solid #fff;
  z-index: 20;
}
.oiq-grid.__borderedHeaders > .__toolbar {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-grid.__borderedHeaders > .__grid > footer {
  border-top: 1px solid #E3E7ED;
}
.oiq-grid-table {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0px;
  border-width: 1px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.onyxiq-theme .oiq-grid-table {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  gap: 0;
}
.oiq-grid-table button.__tool,
.oiq-grid-table button.__action {
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.oiq-grid-table > .__grid {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
}
.onyxiq-theme .oiq-grid-table > .__grid {
  overflow: hidden;
  gap: 0;
}
.oiq-grid-table > .__grid > header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.onyxiq-theme .oiq-grid-table > .__grid > header {
  flex-direction: row;
  gap: 0.5rem;
}
.oiq-grid-table > .__grid > header {
  padding: 0.5rem 0.75rem;
}
.oiq-grid-table > .__grid > header > .__common {
  display: flex;
  flex-grow: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.onyxiq-theme .oiq-grid-table > .__grid > header > .__common {
  flex-direction: row;
  flex-grow: 0;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
.oiq-grid-table > .__grid > main {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 0px;
  overflow: auto;
}
.onyxiq-theme .oiq-grid-table > .__grid > main {
  overflow: auto;
  gap: 0;
}
.oiq-grid-table > .__grid > main {
  max-height: 65vh;
}
.oiq-grid-table > .__grid > footer {
  padding: 0.5rem;
}
.onyxiq-theme .oiq-grid-table > .__grid > footer {
  padding: 0.5rem;
}
.oiq-grid-table.__fullScreen {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  width: auto;
  position: fixed;
  inset: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  z-index: 20;
  overflow: hidden;
}
.oiq-grid-table.__fullScreen > .__grid > main {
  max-height: 100%;
}
.oiq-grid-table.__colored > .__toolbar {
  background-color: #FAFAFC;
}
.oiq-grid-table.__colored > .__grid > footer {
  background-color: #FAFAFC;
}
.oiq-grid-table.__borderedHeaders > .__toolbar {
  border-bottom: 1px solid #E3E7ED;
}
.oiq-grid-table.__borderedHeaders > .__grid > footer {
  border-top: 1px solid #E3E7ED;
}
.oiq-layout-page--single {
  display: flex;
  flex-direction: column;
}
.oiq-layout-page--single > header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.5rem 1rem;
  padding-bottom: 0;
  gap: 0.5rem;
  background-color: #FAFAFC;
  color: #696D78;
  border-bottom: 1px solid #E3E7ED;
}
.oiq-layout-page--single > header > .__topbar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}
.oiq-layout-page--single > header > .__topbar > .__breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.oiq-layout-page--single > header > .__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.oiq-layout-page--single > header > .__title > h2 {
  color: #000;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
  flex-shrink: 1;
}
.oiq-layout-page--single > header > .__title > .__meta {
  flex-grow: 1;
}
.oiq-layout-page--single > header > .__toolbar {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: 0.5rem;
}
.oiq-layout-page--single > header > .__toolbar > .__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.oiq-layout-page--single > header > .__toolbar > .__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.oiq-layout-page--single > main {
  padding: 1rem 2rem;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e5e5;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    Roboto,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a3a3a3;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1920px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-left-4 {
  left: -1rem;
}
.-right-4 {
  right: -1rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-full {
  bottom: 100%;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-2\.5 {
  right: 0.625rem;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.col-auto {
  grid-column: auto;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.m-0 {
  margin: 0px;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-\[2rem\] {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-10 {
  margin-left: -2.5rem;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-mr-6 {
  margin-right: -1.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-96 {
  margin-right: 24rem;
}
.mr-auto {
  margin-right: auto;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-2 {
  height: 0.5rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[48px\] {
  height: 48px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[10\.1rem\] {
  max-height: 10.1rem;
}
.max-h-\[15rem\] {
  max-height: 15rem;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[75px\] {
  max-height: 75px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[85\%\] {
  width: 85%;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.min-w-96 {
  min-width: 24rem;
}
.min-w-\[40rem\] {
  min-width: 40rem;
}
.min-w-\[45\%\] {
  min-width: 45%;
}
.min-w-\[820px\] {
  min-width: 820px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[30rem\] {
  max-width: 30rem;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-lg {
  max-width: 32rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.basis-96 {
  flex-basis: 24rem;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[0\.7fr_1fr_1fr_1fr_1\.5fr_1\.5fr_0\.9fr\] {
  grid-template-columns: 0.7fr 1fr 1fr 1fr 1.5fr 1.5fr 0.9fr;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.rounded {
  border-radius: 8px;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 16px;
}
.rounded-md {
  border-radius: 12px;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 24px;
}
.rounded-b {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-lg {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-r-lg {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rounded-t {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-br-\[23px\] {
  border-bottom-right-radius: 23px;
}
.rounded-br-none {
  border-bottom-right-radius: 0;
}
.rounded-tl-md {
  border-top-left-radius: 12px;
}
.rounded-tl-xl {
  border-top-left-radius: 24px;
}
.rounded-tr-none {
  border-top-right-radius: 0;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-t {
  border-top-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#8A8F9B\] {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 155 / var(--tw-border-opacity, 1));
}
.border-\[\#E3E7ED\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 231 237 / var(--tw-border-opacity, 1));
}
.border-\[\#EDF0F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(237 240 245 / var(--tw-border-opacity, 1));
}
.border-\[\#F3F5F9\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 245 249 / var(--tw-border-opacity, 1));
}
.border-\[\#FF5127\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.border-black-1 {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-gray {
  --tw-border-opacity: 1;
  border-color: rgb(105 109 120 / var(--tw-border-opacity, 1));
}
.border-gray-1 {
  --tw-border-opacity: 1;
  border-color: rgb(105 109 120 / var(--tw-border-opacity, 1));
}
.border-gray-2 {
  --tw-border-opacity: 1;
  border-color: rgb(138 143 155 / var(--tw-border-opacity, 1));
}
.border-gray-3 {
  --tw-border-opacity: 1;
  border-color: rgb(194 200 209 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-gray-4 {
  --tw-border-opacity: 1;
  border-color: rgb(227 231 237 / var(--tw-border-opacity, 1));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(255 150 113 / var(--tw-border-opacity, 1));
}
.border-primary-400 {
  --tw-border-opacity: 1;
  border-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(254 53 17 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-y-gray-3 {
  --tw-border-opacity: 1;
  border-top-color: rgb(194 200 209 / var(--tw-border-opacity, 1));
  border-bottom-color: rgb(194 200 209 / var(--tw-border-opacity, 1));
}
.border-b-\[\#FF5127\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.bg-\[\#EBEFF3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 239 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECF6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 246 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFF2F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F5F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F8FB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F7FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FBFCFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF5127\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 81 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF3ED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 237 / var(--tw-bg-opacity, 1));
}
.bg-black-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(105 109 120 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-gray-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 237 / var(--tw-bg-opacity, 1));
}
.bg-gray-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}
.bg-gray-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 81 39 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 81 39 / var(--tw-bg-opacity, 1));
}
.bg-primary-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 168 / var(--tw-bg-opacity, 1));
}
.bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 81 39 / var(--tw-bg-opacity, 1));
}
.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 237 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-\[url\(\'\/assets\/images\/x-icon\.svg\'\)\] {
  background-image: url(/assets/images/x-icon.svg);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-\[\#f9f9f9\] {
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-5\% {
  --tw-gradient-to-position: 5%;
}
.bg-center {
  background-position: center;
}
.fill-current {
  fill: currentColor;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.ps-0 {
  padding-inline-start: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[29px\] {
  font-size: 29px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.text-\[\#2D2F45\] {
  --tw-text-opacity: 1;
  color: rgb(45 47 69 / var(--tw-text-opacity, 1));
}
.text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-\[\#373D45\] {
  --tw-text-opacity: 1;
  color: rgb(55 61 69 / var(--tw-text-opacity, 1));
}
.text-\[\#3D586A\] {
  --tw-text-opacity: 1;
  color: rgb(61 88 106 / var(--tw-text-opacity, 1));
}
.text-\[\#457EC3\] {
  --tw-text-opacity: 1;
  color: rgb(69 126 195 / var(--tw-text-opacity, 1));
}
.text-\[\#545B6F\] {
  --tw-text-opacity: 1;
  color: rgb(84 91 111 / var(--tw-text-opacity, 1));
}
.text-\[\#696D78\] {
  --tw-text-opacity: 1;
  color: rgb(105 109 120 / var(--tw-text-opacity, 1));
}
.text-\[\#6E717E\] {
  --tw-text-opacity: 1;
  color: rgb(110 113 126 / var(--tw-text-opacity, 1));
}
.text-\[\#818696\] {
  --tw-text-opacity: 1;
  color: rgb(129 134 150 / var(--tw-text-opacity, 1));
}
.text-\[\#8A8F9B\] {
  --tw-text-opacity: 1;
  color: rgb(138 143 155 / var(--tw-text-opacity, 1));
}
.text-\[\#8F929B\] {
  --tw-text-opacity: 1;
  color: rgb(143 146 155 / var(--tw-text-opacity, 1));
}
.text-\[\#B0B7C7\] {
  --tw-text-opacity: 1;
  color: rgb(176 183 199 / var(--tw-text-opacity, 1));
}
.text-\[\#B9BCC7\] {
  --tw-text-opacity: 1;
  color: rgb(185 188 199 / var(--tw-text-opacity, 1));
}
.text-\[\#C2C8D1\] {
  --tw-text-opacity: 1;
  color: rgb(194 200 209 / var(--tw-text-opacity, 1));
}
.text-\[\#FF5127\] {
  --tw-text-opacity: 1;
  color: rgb(255 81 39 / var(--tw-text-opacity, 1));
}
.text-black-1 {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-blue {
  --tw-text-opacity: 1;
  color: rgb(69 126 195 / var(--tw-text-opacity, 1));
}
.text-current {
  color: currentColor;
}
.text-gray-1 {
  --tw-text-opacity: 1;
  color: rgb(105 109 120 / var(--tw-text-opacity, 1));
}
.text-gray-2 {
  --tw-text-opacity: 1;
  color: rgb(138 143 155 / var(--tw-text-opacity, 1));
}
.text-gray-3 {
  --tw-text-opacity: 1;
  color: rgb(194 200 209 / var(--tw-text-opacity, 1));
}
.text-gray-4 {
  --tw-text-opacity: 1;
  color: rgb(227 231 237 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-gray-6 {
  --tw-text-opacity: 1;
  color: rgb(250 250 252 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(255 81 39 / var(--tw-text-opacity, 1));
}
.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgb(255 81 39 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(254 53 17 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0px_4px_57px_0px_rgba\(20\,27\,48\,0\.05\)\] {
  --tw-shadow: 0px 4px 57px 0px rgba(20,27,48,0.05);
  --tw-shadow-colored: 0px 4px 57px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-slate-300\/10 {
  --tw-shadow-color: rgb(203 213 225 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-300\/50 {
  --tw-shadow-color: rgb(203 213 225 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.primary-contact-checkbox .__label {
  font-size: 0.75rem;
  line-height: 1rem;
}
.exclude-from-credit-check-checkbox .__label {
  --tw-text-opacity: 1;
  color: rgb(105 109 120 / var(--tw-text-opacity, 1));
}
.oiq-form-control-checkbox.ng-disabled:is(.radio-button),
.oiq-form-control-checkbox.__disabled:is(.radio-button) {
  opacity: 1 !important;
}
.onyxiq-theme-v2 .material-symbols-outlined:not([class*=text-]) {
  font-size: 22px;
}
.onyxiq-theme-v2 .cdk-overlay-pane {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.onyxiq-theme-v2 .add-sales-rep-option {
  gap: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 81 39 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .onyxiq-theme-v2 .add-sales-rep-option {
  gap: 0.25rem;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
}
.onyxiq-theme-v2 .add-sales-rep-option .material-symbols-outlined {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.onyxiq-theme-v2 .oiq-button .material-symbols-outlined {
  line-height: 1;
  vertical-align: middle;
}
* ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
* ::-webkit-scrollbar-track {
  background: transparent;
}
* ::-webkit-scrollbar-thumb {
  background: rgb(92, 92, 92);
  border-radius: 3px;
}
* ::-webkit-scrollbar-thumb:hover {
  background: rgb(92, 92, 92);
}
.mat-input-element[type=time]::after,
.mat-mdc-input-element[type=time]::after {
  white-space: unset !important;
}
.toast-container {
  z-index: 999;
}
.toast-container button:focus,
.mat-menu-content button:focus {
  outline: none;
}
.onyxiq-theme,
.onyxiq-theme *:not(mat-icon, .material-icons, .material-symbols-outlined, .mat-icon) {
  font-family: "Work Sans", sans-serif;
}
.onyxiq-theme-v2,
.onyxiq-theme-v2 *:not(.material-icons, .material-symbols-outlined, .mat-icon) {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
html,
body {
  height: 100%;
}
html.fuw .pac-container,
body.fuw .pac-container {
  position: fixed !important;
}
.right-aligned-header > .mat-content {
  justify-content: space-between;
}
.mat-content > mat-panel-title,
.mat-content > mat-panel-description {
  flex: 0 0 auto;
}
.oiq-lib-v2-ocr-mapping-select-matching-client {
  display: flex;
  max-height: 18rem;
  flex-direction: column;
  border-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 231 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.onyxiq-theme .oiq-lib-v2-ocr-mapping-select-matching-client {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
  border-radius: var(--bs-border-radius);
}
.oiq-lib-v2-ocr-mapping-select-matching-client {
  max-height: 18rem !important;
  overflow-y: auto !important;
}
.oiq-lib-v2-ocr-mapping-select-matching-client button {
  display: flex;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(138 143 155 / var(--tw-text-opacity, 1));
}
.onyxiq-theme .oiq-lib-v2-ocr-mapping-select-matching-client button {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.oiq-lib-v2-ocr-mapping-select-matching-client button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.iso-portal-dialog {
  position: relative;
  padding-left: 140px;
}
.iso-portal-dialog:before {
  background-image: url(/assets/images/iso-modal-image.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 100%;
  content: "";
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #5f656a;
}
.onyxiq-theme .scrollable-full {
  overflow-x: auto;
  overflow-y: hidden;
}
.onyxiq-theme .scrollable-full.small-headlines table th,
.onyxiq-theme .scrollable-full.small-headlines table td {
  font-size: 12px;
}
.onyxiq-theme .scrollable-full.small-headlines table td {
  font-size: small;
}
.onyxiq-theme table {
  margin-bottom: 1rem;
}
.onyxiq-theme table th.smaller,
.onyxiq-theme table td.smaller {
  font-size: smaller;
}
@media (max-width: 900px) {
  .onyxiq-theme .scrollable {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .onyxiq-theme .scrollable table th {
    white-space: nowrap;
  }
  .onyxiq-theme table th.nowrap,
  .onyxiq-theme table td.nowrap {
    white-space: nowrap;
  }
}
@media (max-width: 1600px) {
  .onyxiq-theme .scrollable {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .onyxiq-theme .scrollable.small-headlines table th,
  .onyxiq-theme .scrollable.small-headlines table td {
    font-size: 12px;
  }
  .onyxiq-theme .scrollable.small-headlines table td {
    font-size: small;
  }
  .onyxiq-theme table {
    margin-bottom: 1rem;
  }
  .onyxiq-theme table th.smaller,
  .onyxiq-theme table td.smaller {
    font-size: smaller;
  }
}
.scrollable.wide-table {
  overflow-x: auto;
  overflow-y: hidden;
}
.loading-records:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  width: 0px;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.pointer {
  cursor: pointer;
}
.event-settings-loader {
  border: 16px solid #e5dcdc;
  border-radius: 50%;
  border-top: 16px solid #2c4064;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: 45%;
  top: 50%;
  z-index: 1000;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sr-only {
  display: none;
}
.expand-indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 4px;
  position: relative;
  transition: transform 0.3s ease;
  font-weight: 400;
  font-size: 15px;
}
.expand-indicator::before,
.expand-indicator::after {
  content: "";
  position: absolute;
  background-color: #6b7891;
  transition: transform 0.3s ease;
}
.expand-indicator::before {
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  transform: translateY(-50%);
}
.expand-indicator::after {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
}
.expand-indicator.expanded::after {
  transform: translateX(-50%) rotate(270deg);
}
.expand-indicator.expanded::before {
  transform: translateY(-50%) rotate(180deg);
}
.docket-number {
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}
.app-v2 {
}
.app-v2 .custom-style-dropdown {
  width: 100%;
}
.app-v2 .custom-style-dropdown .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.app-v2 .custom-style-dropdown .mat-form-field-flex {
  border: 1px solid #dadce0 !important;
  border-radius: 4px !important;
  padding: 0 12px !important;
  background-color: white !important;
  height: 40px !important;
  align-items: center !important;
}
.app-v2 .custom-style-dropdown .mat-form-field-underline {
  display: none !important;
}
.app-v2 .custom-style-dropdown .mat-form-field-label {
  color: #66748a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.app-v2 .custom-style-dropdown .mat-select-arrow {
  color: #9e041c !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid !important;
  margin-left: 5px !important;
}
.app-v2 .custom-style-dropdown .mat-select-value {
  color: #333 !important;
  font-size: 14px !important;
}
.app-v2 .orange-dropdown {
  width: auto;
}
.app-v2 .orange-dropdown .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.app-v2 .orange-dropdown .mat-form-field-flex {
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  height: auto !important;
}
.app-v2 .orange-dropdown .mat-form-field-underline {
  display: none !important;
}
.app-v2 .orange-dropdown .mat-select-value {
  color: #ff5127 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.app-v2 .orange-dropdown .mat-select-arrow {
  color: #ff5127 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 5px solid !important;
}
.application-add-panel {
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-right: 16px;
  margin-top: 8px;
}
.application-add-panel .oiq-new-application {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.application-add-panel .oiq-new-application > div {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.application-add-panel .oiq-new-application > div > .__icon_wrapper {
  background-color: #f5f7fa;
  border-radius: 0.5rem;
  padding: 0.5rem 0.55rem;
}
.application-add-panel .oiq-new-application > div > .__icon_wrapper > .__icon {
  color: #333;
  filter: grayscale(100%) contrast(1.2) opacity(0.7);
}
.application-add-panel .oiq-new-application > div > .__item {
  flex-grow: 1;
  color: #333;
  text-decoration: none;
}
.application-add-panel .oiq-new-application > div > .__item * {
  font-family: "Roboto";
}
.application-add-panel .oiq-new-application > div:hover {
  background-color: #fafcfd;
}
.application-add-panel .oiq-new-application > div:hover > .__icon_wrapper {
  background-color: #fff3ed;
}
.application-add-panel .oiq-new-application > div:hover > .__icon_wrapper .__icon {
  color: #ff5127;
  filter: grayscale(0%) contrast(1) opacity(1);
}
.oiq-ui-badge > .__badge.__warning {
  color: #333 !important;
}
@media (min-width: 1920px) {
  .xxl\:container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .xxl\:container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .xxl\:container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .xxl\:container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .xxl\:container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .xxl\:container {
      max-width: 1536px;
    }
  }
  @media (min-width: 1920px) {
    .xxl\:container {
      max-width: 1920px;
    }
  }
}
.hover\:inline-block:hover {
  display: inline-block;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-b:hover {
  border-bottom-width: 1px;
}
.hover\:border-\[\#FF5127\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 81 39 / var(--tw-border-opacity, 1));
}
.hover\:bg-gray-1:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(105 109 120 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-5:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-6:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-black-1:hover {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-2:hover {
  --tw-text-opacity: 1;
  color: rgb(138 143 155 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 81 39 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:inline-block {
  display: inline-block;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (min-width: 640px) {
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:max-w-\[90\%\] {
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:pt-7 {
    padding-top: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .xl\:mt-0 {
    margin-top: 0px;
  }
  .xl\:block {
    display: block;
  }
  .xl\:inline-block {
    display: inline-block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:w-1\/3 {
    width: 33.333333%;
  }
  .xl\:w-2\/3 {
    width: 66.666667%;
  }
  .xl\:basis-72 {
    flex-basis: 18rem;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:items-stretch {
    align-items: stretch;
  }
  .xl\:justify-normal {
    justify-content: normal;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:gap-1 {
    gap: 0.25rem;
  }
  .xl\:gap-3 {
    gap: 0.75rem;
  }
  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
}
@media (min-width: 1536px) {
  .\32xl\:w-full {
    width: 100%;
  }
}
@media (min-width: 1920px) {
  .xxl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xxl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xxl\:max-w-none {
    max-width: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-7NY5BMNS.css.map */