/* node_modules/@uk/uc-kit/common.sass */
html {
  --mat-sys-background: #fef8fc;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f5eff4;
  --mat-sys-inverse-primary: #d5baff;
  --mat-sys-inverse-surface: #323033;
  --mat-sys-on-background: #1d1b1e;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #5f00c0;
  --mat-sys-on-primary-fixed: #270057;
  --mat-sys-on-primary-fixed-variant: #5f00c0;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b4357;
  --mat-sys-on-secondary-fixed: #1f182a;
  --mat-sys-on-secondary-fixed-variant: #4b4357;
  --mat-sys-on-surface: #1d1b1e;
  --mat-sys-on-surface-variant: #49454e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #5f00c0;
  --mat-sys-on-tertiary-fixed: #270057;
  --mat-sys-on-tertiary-fixed-variant: #5f00c0;
  --mat-sys-outline: #7b757f;
  --mat-sys-outline-variant: #cbc4cf;
  --mat-sys-primary: #7d00fa;
  --mat-sys-primary-container: #ecdcff;
  --mat-sys-primary-fixed: #ecdcff;
  --mat-sys-primary-fixed-dim: #d5baff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #645b70;
  --mat-sys-secondary-container: #eadef7;
  --mat-sys-secondary-fixed: #eadef7;
  --mat-sys-secondary-fixed-dim: #cec2db;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #fef8fc;
  --mat-sys-surface-bright: #fef8fc;
  --mat-sys-surface-container: #f2ecf1;
  --mat-sys-surface-container-high: #ede6eb;
  --mat-sys-surface-container-highest: #e6e1e6;
  --mat-sys-surface-container-low: #f8f2f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #ded8dd;
  --mat-sys-surface-tint: #7d00fa;
  --mat-sys-surface-variant: #e8e0eb;
  --mat-sys-tertiary: #7d00fa;
  --mat-sys-tertiary-container: #ecdcff;
  --mat-sys-tertiary-fixed: #ecdcff;
  --mat-sys-tertiary-fixed-dim: #d5baff;
  --mat-sys-neutral-variant20: #332f37;
  --mat-sys-neutral10: #1d1b1e;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem San Francisco;
  --mat-sys-body-large-font: San Francisco;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem San Francisco;
  --mat-sys-body-medium-font: San Francisco;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem San Francisco;
  --mat-sys-body-small-font: San Francisco;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem San Francisco;
  --mat-sys-display-large-font: San Francisco;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem San Francisco;
  --mat-sys-display-medium-font: San Francisco;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem San Francisco;
  --mat-sys-display-small-font: San Francisco;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem San Francisco;
  --mat-sys-headline-large-font: San Francisco;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem San Francisco;
  --mat-sys-headline-medium-font: San Francisco;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem San Francisco;
  --mat-sys-headline-small-font: San Francisco;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem San Francisco;
  --mat-sys-label-large-font: San Francisco;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem San Francisco;
  --mat-sys-label-medium-font: San Francisco;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem San Francisco;
  --mat-sys-label-small-font: San Francisco;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem San Francisco;
  --mat-sys-title-large-font: San Francisco;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem San Francisco;
  --mat-sys-title-medium-font: San Francisco;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem San Francisco;
  --mat-sys-title-small-font: San Francisco;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-surface: #fff !important;
  --mat-sys-secondary-container: #fff !important;
  --mat-sys-primary: #ff6600 !important;
}
html {
  --mat-tab-divider-color: #fff;
}
html,
body {
  height: 100%;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
footer,
header,
nav,
section,
main {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  border-radius: 0;
}
*:focus {
  outline: none;
}
input::-ms-reveal {
  display: none;
}
input::-webkit-reveal {
  display: none;
}
input::-webkit-password-reveal-button {
  display: none !important;
  -webkit-appearance: none !important;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
.m-0 {
  margin: 0 !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.flex-row-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-row-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-row-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-row-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-row-end-end {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-row-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex-row-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex-col-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-col-center-end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.flex-col-center-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.flex-col-end-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.flex-col-end-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex-col-end-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex-col-start-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.flex-col-between-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex-col-between-end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.flex-col-between-start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.ta-right {
  text-align: right !important;
}
.ta-center {
  text-align: center !important;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-25 {
  font-size: 25px !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.lh-16 {
  line-height: 16px !important;
}
.lh-18 {
  line-height: 18px !important;
}
.lh-20 {
  line-height: 20px !important;
}
.lh-21 {
  line-height: 21px !important;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-32 {
  line-height: 32px !important;
}
.white-space-nowrap {
  white-space: nowrap;
}

/* node_modules/@uk/uc-kit/ods.theme.sass */
html {
  -ms-overflow-style: scrollbar;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.c-success {
  color: #55A932;
}
.c-danger {
  color: #D3292D;
}
.c-brand {
  color: #FF6400;
}
.c-grey {
  color: #999;
}
.ods-mat-tabs.mat-mdc-tab-group.ods-mat-tabs_full-width .mat-mdc-tab-header .mat-mdc-tab-label-container {
  width: 100%;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header {
  border-bottom: none;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
  flex-grow: 0;
  border-bottom: none;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
  overflow: auto;
  padding: 4px;
  border-radius: 12px;
  background-color: #F5F5F5;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab {
  display: block;
  padding: 12px 24px;
  border-radius: 12px;
  min-width: unset;
  background-color: unset;
  border: none;
  opacity: 1;
  margin-right: 4px;
  cursor: pointer;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab:last-child {
  margin-right: 0;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab:hover {
  background-color: #fafafa;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab:active {
  background-color: #fefefe;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab.mdc-tab--active {
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(20, 23, 26, 0.08);
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab.mdc-tab--active .mdc-tab__content .mdc-tab__text-label {
  font-weight: 600;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab .mdc-tab__content {
  display: inline;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  font-family: "San Francisco";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #222;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab .mdc-tab__ripple,
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab .mat-ripple {
  display: none;
}
.ods-mat-tabs.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mdc-tab .mdc-tab-indicator {
  display: none;
}
.ib-mat-checkbox .mdc-form-field .mdc-checkbox:hover .mdc-checkbox--selected ~ .mdc-checkbox__ripple,
.ib-mat-checkbox .mdc-form-field .mdc-checkbox:focus-within .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #ff6600 !important;
}
.ib-mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.ib-mat-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: #999 !important;
  border-width: 1.5px !important;
  border-style: solid !important;
}
.ib-mat-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.ib-mat-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.ib-mat-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #ff6600 !important;
  background-color: #ff6600 !important;
}
.ods-radio-button-group {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.ods-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #FF6400 !important;
}
.ods-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #ff6600 !important;
  background-color: #ff6600 !important;
  transform: scale(0.6) !important;
}
.ods-radio-button .mdc-form-field {
  white-space: unset;
}
.ods-radio-button .mdc-form-field .mdc-radio .mdc-radio__background {
  width: 24px;
  height: 24px;
}
.ods-radio-button .mdc-form-field .mdc-radio .mdc-radio__background::before {
  display: none;
}
.ods-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 2px;
  border-color: #999 !important;
}
.ods-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 8px;
  border-color: #999 !important;
}
.ods-radio-button .mdc-form-field .mdc-radio .mat-ripple {
  display: none;
}
.ods-radio-button label {
  padding-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.radio-ext-mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio {
  padding: 0px 0px 8px 0px !important;
}
.mat-datepicker-content {
  box-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) !important;
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content .mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.mat-datepicker-content .mat-calendar-table-header .mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-content .mat-calendar-period-button:hover {
  background-color: #f4f4f4;
}
.mat-datepicker-content .mat-calendar-period-button:active {
  background-color: #e3e3e3;
}
.mat-datepicker-content .mat-mdc-icon-button {
  color: #222;
  width: 40px !important;
  height: 40px !important;
}
.mat-datepicker-content .mat-mdc-icon-button:hover {
  background-color: #f4f4f4;
}
.mat-datepicker-content .mat-mdc-icon-button:active {
  background-color: #e3e3e3;
}
.mat-datepicker-content .mat-mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-calendar-body-cell {
  border: none;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(231, 151, 127, 0.1019607843) !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content {
  color: #222;
}
.mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.38);
  border: none;
  border-radius: 6px !important;
}
.mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #E66E4B !important;
  color: #fff !important;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(231, 151, 127, 0.1019607843) !important;
}
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(231, 151, 127, 0.1019607843) !important;
}
.mat-mdc-dialog-surface {
  background-color: #F9F9F8 !important;
  border-radius: 0 !important;
}
.ods-dialog-container .mat-mdc-dialog-surface {
  padding: 0 135px;
}
.ods-dialog-container__bg-color-main .mat-mdc-dialog-surface {
  padding: 0 135px;
}
.ib-mat-dialog .mat-mdc-dialog-surface {
  border-radius: 12px !important;
  padding: 24px 16px 16px 16px;
}
.ods-side-dialog .mat-mdc-dialog-surface {
  border-radius: 0 !important;
  padding: 16px 24px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.0784313725), 1px 0px 0px 0px #E6E6E6 inset;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.ods-filter-dialog .mat-mdc-dialog-surface {
  border-radius: 12px !important;
  background-color: #fff !important;
  padding: 16px;
}
.dialog-no-padding .mat-mdc-dialog-surface {
  padding: 0;
}
.ods-alert-dialog .mat-mdc-dialog-surface {
  padding: 24px;
  border-radius: 12px !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}
.ods-backdrop-opacity-0 {
  opacity: 0;
}
.ods-full-screen-loading-dialog .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.ods-full-screen-loading-dialog .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface uck-spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-more-actions-dialog .mat-mdc-dialog-surface {
  padding: 16px 0;
  border-radius: 12px !important;
}
.payroll-action-dialog .mat-mdc-dialog-contianer {
  padding: 0px 132px;
}
.cdk-overlay-pane_overflow-visible .mat-mdc-dialog-surface {
  overflow: visible;
}
.animate__animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.ods-mat-menu-panel {
  min-height: unset !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-button {
  min-width: 375px !important;
  box-shadow: 0px 10px 75px 0px rgba(0, 0, 0, 0.15) !important;
  border-radius: 16px !important;
  background-color: #ffffff !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-button .mat-mdc-menu-content {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-button .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-buttons .ods-mat-menu__button {
  padding: 12px 24px;
  margin-bottom: 2px;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-button .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-buttons .ods-mat-menu__button:hover {
  background-color: #f7f7f7;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-button .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-group .ods-mat-menu__title {
  padding-left: 24px;
  padding-right: 24px;
}
.ods-mat-menu-panel.ods-mat-menu-panel_bg-dark {
  background-color: #4C4C4C !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_bg-dark .ods-mat-menu__button {
  color: #fff !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_bg-dark .ods-mat-menu__button:hover {
  background-color: #4C4C4C !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-table {
  min-width: 252px !important;
  box-shadow: none !important;
  border-radius: 12px !important;
  background-color: rgb(245, 245, 245) !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-table .mat-mdc-menu-content {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-table .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-buttons .ods-mat-menu__button {
  padding: 8px 16px;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-table .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-buttons .ods-mat-menu__button:hover {
  background-color: #eaeaea;
}
.ods-mat-menu-panel.ods-mat-menu-panel_for-table .mat-mdc-menu-content uck-dropdown-menu uck-dropdown-menu-group .ods-mat-menu__title {
  padding-left: 16px;
  padding-right: 16px;
}
.ods-mat-menu-backdrop-with-shadow {
  background-color: rgba(0, 0, 0, 0.24);
}
.mat-menu-dots {
  min-width: 200px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 12px !important;
  background: #FFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
}
.mat-menu-dots .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-menu-dots .mat-menu-dots__link {
  width: 100%;
  padding: 10px 16px;
  font-family: "San Francisco" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.mat-menu-dots .mat-menu-dots__title {
  width: 100%;
  padding: 0px 16px;
  font-family: "San Francisco" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999;
}
.mat-menu-dots-excell {
  padding: 24px;
  border-radius: 12px !important;
  min-width: 375px !important;
  top: 6px;
}
.mat-menu-dots-excell .mat-menu-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-menu-dots-excell .mat-menu-dots__link {
  width: 100%;
  padding: 10px 16px;
  font-family: "San Francisco" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  gap: 10px;
  text-decoration: none;
}
.mat-menu-dots-excell .mat-menu-dots__title {
  width: 100%;
  padding: 0px 16px;
  font-family: "San Francisco" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999;
}
.mat-menu-dots-backdrop {
  background-color: rgba(0, 0, 0, 0.24);
}
.corad-snack-bar-container {
  width: 375px;
  border-radius: 12px !important;
  box-shadow: unset;
  margin: 16px;
  padding: 12px 16px;
}
.corad-snack-bar-container.success {
  background-color: #26AB54;
  color: #fff;
}
.corad-snack-bar-container.error {
  background-color: #D3292D;
  color: #fff;
}
.corad-snack-bar-container.warning {
  background-color: #FF9500;
  color: #fff;
}
.corad-snack-bar-container.info {
  background-color: #007CDB;
  color: #fff;
}
.corad-snack-bar-container .mdc-snackbar__surface {
  width: 100%;
  padding: 0 !important;
  background-color: unset !important;
  box-shadow: unset !important;
}
.corad-snack-bar-container .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  font-family: "San Francisco";
}
.ib-mat-tooltip {
  padding: 24px 32px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 12px !important;
  font-family: "San Francisco";
}
.ib-mat-tooltip.ib-mat-tooltip_primary {
  background-color: #00A1FF;
  color: #fff;
}
.ods-filter-mat-form-field {
  width: 100%;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper {
  padding: unset !important;
  background-color: unset !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  display: none !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
  padding: 8px 16px;
  background-color: rgb(243, 243, 243);
  border-radius: 8px;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url("./media/search-loupe-IC5NK6KO.svg");
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: unset !important;
  border-top: none !important;
  min-height: unset !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-form-field-label-wrapper {
  padding-top: 0 !important;
  top: -17px !important;
  overflow: unset !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: rgb(153, 153, 153) !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-form-field-underline {
  display: none !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-form-field-subscript-wrapper {
  display: none !important;
}
.ods-filter-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.corpib-mat-form-field {
  width: 100%;
}
.corpib-mat-form-field.mat-form-field-disabled .mat-form-field-wrapper .mat-form-field-flex {
  background-color: #F5F5F5;
}
.corpib-mat-form-field.mat-form-field-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  color: #A0A0A0;
}
.corpib-mat-form-field .mat-form-field-wrapper {
  padding: 0;
}
.corpib-mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 11px 16px;
  background-color: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 9px;
}
.corpib-mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
}
.corpib-mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix > *[maticonsuffix] {
  flex-shrink: 0;
}
.corpib-mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
}
.corpib-mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none !important;
}
.corpib-mat-form-field.bg-gray .mat-form-field-wrapper .mat-form-field-flex {
  background-color: #F5F5F5;
}
.corpib-mat-form-field-custom .mat-form-field-wrapper .mat-form-field-flex {
  padding: 9px 16px;
}
.ods-filter-mat-input {
  width: 100% !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: #222 !important;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  background: #FFFFFF !important;
  color: #222222;
  cursor: pointer;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 500;
}
.mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before {
  display: none !important;
}
.mat-mdc-chip.mat-mdc-standard-chip.mat-chip-with-trailing-icon {
  padding: 8px 12px 8px 10px;
}
.mat-mdc-chip.mat-mdc-standard-chip:after {
  background: #FFFFFF;
}
.mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove {
  opacity: 1;
}
.mat-mdc-chip-list-wrapper {
  margin: 0 !important;
}
.mat-mdc-chip-ripple {
  display: none;
}
.mat-mdc-ripple-element {
  display: none !important;
  background-color: transparent !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header {
  cursor: default;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-keyboard-focused,
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-program-focused {
  background-color: unset !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-keyboard-focused:hover:not([aria-disabled]),
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-keyboard-focused:hover[aria-disabled=false],
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-program-focused:hover:not([aria-disabled]),
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-program-focused:hover[aria-disabled=false] {
  background-color: unset !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-keyboard-focused:hover .mat-horizontal-content-container,
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-step-header.cdk-program-focused:hover .mat-horizontal-content-container {
  display: none;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header {
  padding: 0 !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header {
  height: auto !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done {
  background-color: #34C759 !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content {
  color: #fff !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content.mat-step-icon-state-number {
  background-color: #E2E2E2 !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content.mat-step-icon-state-number .mat-step-icon-content {
  color: #999 !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content.mat-step-icon-state-number.mat-step-icon-selected {
  background-color: #34C759 !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content.mat-step-icon-state-number.mat-step-icon-selected .mat-step-icon-content {
  color: #fff !important;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content.mat-step-icon-state-number .mat-step-icon-content {
  font-family: San Francisco;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-step-header.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-state-done .mat-step-label .mat-step-text-label {
  font-family: San Francisco;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #222;
}
.corpib-mat-stepper.corpib-mat-stepper_no-content .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line {
  height: 1.5px;
  margin: 0 24px !important;
  border-radius: 32px;
  background-color: #E2E2E2;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: inherit !important;
  background: inherit !important;
}
.mat-stepper-horizontal .mat-step-header .mat-step-label,
.mat-stepper-vertical .mat-step-header .mat-step-label {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
}
.custom-stepper .mat-step-header {
  box-sizing: border-box;
  padding: 0;
  margin-right: 3px;
  height: 40px;
  width: 100%;
}
.custom-stepper .mat-step-header:hover {
  cursor: default;
}
.custom-stepper .mat-step-header.cdk-program-focused {
  background: none;
}
.custom-stepper .mat-step-header:hover:not([aria-disabled]) {
  background: none;
}
.custom-stepper .mat-step-header:hover[aria-disabled=false] {
  background: none;
}
.custom-stepper .mat-step-header .mat-step-icon {
  width: 100%;
  height: 8px;
  border-radius: 99px;
  background-color: #E2E2E2;
  margin: 0;
}
.custom-stepper .mat-step-header .mat-step-icon .mat-step-icon-content {
  display: none;
}
.custom-stepper .mat-step-header .mat-step-icon-selected {
  background-color: #34C759;
}
.custom-stepper .mat-step-header .mat-step-icon-state-done {
  background-color: #34C759;
}
.custom-stepper .mat-step-header .mat-step-icon-state-edit {
  background-color: #34C759;
}
.custom-stepper .mat-stepper-horizontal-line {
  display: none;
}
.custom-stepper .mat-horizontal-content-container {
  padding: 0;
}
.custom-stepper .mat-ripple {
  display: none;
}
.ods-stepper .mat-step-header {
  padding: 0px 16px !important;
}
.ods-stepper .mat-step-header .mat-step-icon {
  background-color: #E2E2E2;
}
.ods-stepper .mat-step-header .mat-step-icon .mat-step-icon-content {
  color: #222;
  font-size: 14px;
  font-weight: 400;
}
.ods-stepper .mat-step-header .mat-step-icon.mat-step-icon-selected {
  background-color: #55A932;
}
.ods-stepper .mat-step-header .mat-step-icon.mat-step-icon-selected .mat-step-icon-content {
  color: #fff;
}
.ods-stepper .mat-step-header .mat-step-icon.mat-step-icon-state-done {
  background-color: rgba(85, 169, 50, 0.5);
}
.ods-stepper .mat-step-header .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content {
  color: #fff;
}
.ods-stepper .mat-step-header .mat-step-label {
  padding: 8px 0 0 0 !important;
  line-height: 24px;
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: inherit !important;
}
.ods-stepper .mat-step-header .mat-step-label.mat-step-label-active:not(.mat-step-label-selected) {
  opacity: 50%;
}
.ods-stepper .mat-step-header:hover {
  cursor: default;
}
.ods-stepper .mat-step-header.cdk-program-focused {
  background: none;
}
.ods-stepper .mat-step-header:hover:not([aria-disabled]) {
  background: none;
}
.ods-stepper .mat-step-header:hover[aria-disabled=false] {
  background: none;
}
.ods-stepper .mat-step-header::before {
  display: none !important;
}
.ods-stepper .mat-step-header::after {
  display: none !important;
}
.ods-stepper .mat-ripple {
  display: none;
}
.ods-stepper .mat-stepper-horizontal-line {
  color: #E2E2E2;
  border-top-color: #E2E2E2 !important;
  top: 28px !important;
}
.ods-stepper-vertical .mat-step-header {
  position: relative;
  padding: 16px;
  align-items: center;
  margin-top: 28px;
}
.ods-stepper-vertical_no-action .mat-step-header {
  pointer-events: none;
}
.ods-stepper-vertical .mat-step-icon {
  background-color: #E2E2E2;
}
.ods-stepper-vertical .mat-step-icon .mat-step-icon-content {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.ods-stepper-vertical .mat-step-icon.mat-step-icon-selected {
  background-color: #55A932;
}
.ods-stepper-vertical .mat-step-icon.mat-step-icon-selected .mat-step-icon-content {
  color: #fff;
}
.ods-stepper-vertical .mat-step-icon.mat-step-icon-state-done {
  background-color: rgba(85, 169, 50, 0.5);
}
.ods-stepper-vertical .mat-step-icon.mat-step-icon-state-done .mat-step-icon-content {
  color: #fff;
}
.ods-stepper-vertical .mat-vertical-stepper-content {
  overflow: hidden !important;
  display: none;
}
.ods-stepper-vertical .mat-step-icon:has(.red) {
  background: #ED3136 !important;
}
.ods-stepper-vertical .mat-step-icon:has(.red) .mat-step-icon-content {
  color: #fff;
}
.ods-stepper-vertical .mat-step-icon:has(.yellow) {
  background: #F9A000 !important;
}
.ods-stepper-vertical .mat-step-icon:has(.yellow) .mat-step-icon-content {
  color: #fff;
}
.ods-stepper-vertical .mat-step-icon:has(.green) {
  background: #55A932 !important;
}
.ods-stepper-vertical .mat-step-icon:has(.green) .mat-step-icon-content {
  color: #fff;
}
.ods-stepper-vertical .mat-stepper-vertical-line::before {
  left: -9px;
  height: 32px;
  color: #E2E2E2;
}
.ods-multi-select {
  position: relative;
}
.ods-multi-select .mat-mdc-select-trigger {
  background-color: #F5F5F5;
  padding: 12px;
  min-height: 48px !important;
  display: flex;
  align-items: center;
  height: auto;
  overflow: auto;
  border: 1px solid #E2E2E2;
  border-radius: 9px;
}
.ods-multi-select .mat-mdc-select-trigger .mat-mdc-form-field-outline {
  border-radius: 5px;
}
.ods-multi-select .mat-mdc-select-trigger .mat-mdc-select-value {
  display: flex;
  align-items: center;
  height: 24px;
}
.ods-multi-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-placeholder {
  font-family: San Francisco;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #999999;
}
.ods-multi-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text .mat-mdc-select-min-line {
  font-family: "San Francisco";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.ods-multi-select .mat-mdc-select-trigger .remove-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/assets/icons/close-black.svg);
  background-position: center;
}
.ods-multi-select .mat-mdc-select-arrow-wrapper::before {
  content: "";
  width: 10px;
  height: 6px;
  transition: transform 0.3s;
  background-image: url("./media/arrow-down-grey-KOOB23AJ.svg");
}
.ods-multi-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: none;
}
.ods-multi-select .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper {
  transform: rotate(180deg);
}
.ods-multi-select .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger {
  border: 1px solid #E2E2E2;
}
.ods-multi-select .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  color: #DEDEDE;
}
.ods-multi-select .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper::before {
  filter: brightness(0) saturate(100%) invert(73%) sepia(94%) saturate(0%) hue-rotate(147deg) brightness(103%) contrast(92%);
}
.ods-multi-select .readonly.mat-mdc-select .mat-mdc-select-trigger {
  background-color: #E2E2E2;
}
.ods-multi-select .readonly.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  color: #222 !important;
}
.ods-multi-select .mat-mdc-select.ods-mat-select_danger .mat-mdc-select-trigger {
  border-color: #ED3136;
}
.ods-multi-select .mat-mdc-select.ods-mat-select_success .mat-mdc-select-trigger {
  border-color: #55A932;
}
.ods-multi-select .mat-mdc-select.ods-mat-select_warning .mat-mdc-select-trigger {
  border-color: #F9A000;
}
.ods-panel-multi-selection {
  width: 100% !important;
  min-width: 100% !important;
  position: absolute;
  top: 56px;
  left: 0;
  transform: translateX(0px) !important;
  z-index: 1;
  border: 1px solid #E2E2E2;
  box-shadow: none !important;
  border-radius: 8px !important;
  transition: margin-top 0.2s;
  background-color: #FFFFFF;
}
.ods-panel-multi-selection .mat-mdc-option {
  padding: 16px;
  font-family: "San Francisco";
  height: 3.5em !important;
}
.ods-panel-multi-selection .mat-mdc-option.mdc-list-item--selected {
  background-color: transparent !important;
}
.ods-panel-multi-selection .mat-mdc-option.mdc-list-item--selected:active {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.ods-panel-multi-selection .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 600;
}
.ods-panel-multi-selection .mat-mdc-option .mdc-list-item__primary-text {
  font-family: "San Francisco";
  font-weight: 500;
  font-size: 14px !important;
  color: #222 !important;
}
.ods-panel-multi-selection .mat-mdc-option .mat-pseudo-checkbox {
  border-color: #999;
}
.ods-panel-multi-selection .mat-mdc-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  background: #FF6400 !important;
  color: #FFFFFF;
  border-radius: 3px;
  border-color: #FF6400;
}
.ods-panel-multi-selection .mat-mdc-option:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.ods-panel-multi-selection .mat-mdc-option:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.ods-panel-multi-selection .mat-mdc-option.mat-mdc-option-active {
  background: #FFF;
  color: inherit;
}
.ods-panel-multi-selection .mat-mdc-option.mat-mdc-option-active:hover:not(.mat-option-disabled) {
  background-color: rgba(0, 0, 0, 0.04);
}
.ods-panel-multi-selection .mat-mdc-option.mat-mdc-option-active:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.cdk-overlay-pane:has(.ods-panel-multi-selection) {
  transform: translateY(8px) !important;
}
.cdk-overlay-pane.mat-mdc-select-panel-above:has(.ods-panel-multi-selection) {
  transform: translateY(-8px) !important;
}
.ods-mat-select.mat-mdc-select:focus .mat-mdc-select-trigger {
  border-color: #999999;
}
.ods-mat-select.mat-mdc-select .mat-mdc-select-trigger {
  padding: 11px 12px;
  height: 100%;
  border-radius: 8px;
  background-color: #F3F3F3;
  border: 1px solid #E2E2E2;
}
.ods-mat-select.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  font-family: San Francisco;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #999999;
}
.ods-mat-select.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper::before {
  content: "";
  width: 10px;
  height: 6px;
  transition: 200ms;
  background: url("./media/arrow-down-grey-KOOB23AJ.svg");
}
.ods-mat-select.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: none;
}
.ods-mat-select.mat-mdc-select[aria-expanded=true] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper::before {
  width: 6px;
  height: 10px;
  transition: 200ms;
  background: url("./media/mat-select-arrow-D37BJNSO.svg");
}
.ods-mat-select.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger {
  border: 1px solid #E2E2E2;
}
.ods-mat-select.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  color: #DEDEDE;
}
.ods-mat-select.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper::before {
  filter: brightness(0) saturate(100%) invert(73%) sepia(94%) saturate(0%) hue-rotate(147deg) brightness(103%) contrast(92%);
}
.ods-mat-select.readonly.mat-mdc-select .mat-mdc-select-trigger {
  background-color: #E2E2E2;
}
.ods-mat-select.readonly.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  color: #222 !important;
}
.ods-mat-select.mat-mdc-select.ods-mat-select_danger .mat-mdc-select-trigger {
  border-color: #ED3136;
}
.ods-mat-select.mat-mdc-select.ods-mat-select_success .mat-mdc-select-trigger {
  border-color: #55A932;
}
.ods-mat-select.mat-mdc-select.ods-mat-select_warning .mat-mdc-select-trigger {
  border-color: #F9A000;
}
.ods-mat-select.ods-mat-select_small .mat-mdc-select {
  padding: 8px 12px;
}
.ods-mat-select.ods-mat-select_sm_bg_white {
  width: 95px;
  height: 26px;
}
.ods-mat-select.ods-mat-select_sm_bg_white .mat-mdc-select-trigger {
  background-color: #fff !important;
  padding: 4px !important;
}
.ods-mat-select.ods-mat-select_sm_bg_white .mat-mdc-select-trigger .mat-mdc-select-value-text .mat-mdc-select-min-line {
  font-size: 12px;
}
.ods-mat-select-panel.mdc-menu-surface {
  margin-top: 6px !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border: 1px solid #E2E2E2;
  background-color: #fff;
  box-shadow: none;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option {
  padding: 0 16px;
  font-family: San Francisco;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option .mat-pseudo-checkbox {
  display: none;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected {
  color: inherit;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected:active {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option.mat-mdc-option-active {
  background: #FFF;
  color: inherit;
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option.mat-mdc-option-active:hover:not(.mat-option-disabled) {
  background-color: rgba(0, 0, 0, 0.04);
}
.ods-mat-select-panel.mdc-menu-surface .mat-mdc-option.mat-mdc-option-active:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-mdc-select-panel-above {
  margin-bottom: 6px !important;
}
.ods-h1 {
  display: block;
  font-weight: 300;
  font-size: 96px;
  line-height: 120px;
  color: rgb(153, 153, 153);
}
.ods-h2 {
  display: block;
  font-weight: 300;
  font-size: 60px;
  line-height: 72px;
  color: rgb(153, 153, 153);
}
.ods-h3 {
  display: block;
  font-weight: 400;
  font-size: 48px;
  line-height: 64px;
  color: rgb(153, 153, 153);
}
.ods-h4 {
  display: block;
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
  color: rgb(34, 34, 34);
}
.ods-h5 {
  display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: rgb(34, 34, 34);
}
.ods-s1 {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(153, 153, 153);
}
.ods-s1.ods-s1_medium {
  font-weight: 500;
}
.ods-s1.ods-s1_semibold {
  font-weight: 600;
}
.ods-c1 {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: rgb(34, 34, 34);
}
.ods-c1.ods-c1_medium {
  font-weight: 500;
}
.ods-c1.ods-c1_semibold {
  font-weight: 600;
}
.ods-overline {
  display: block;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: rgb(34, 34, 34);
}
.ods-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: unset;
  padding: 0;
  border: none;
  outline-width: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.ods-button:disabled,
.ods-button.disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.ods-button.ods-button_primary {
  background-color: #ff6400;
  color: #fff;
}
.ods-button.ods-button_primary:hover {
  background-color: #eb5000;
}
.ods-button.ods-button_primary:active {
  background-color: #d73c00;
}
.ods-button.ods-button_primary:disabled,
.ods-button.ods-button_primary.disabled {
  background-color: #ff6400 !important;
}
.ods-button.ods-button_secondary {
  background-color: rgba(255, 100, 0, 0.1019607843);
  color: #ff6400;
}
.ods-button.ods-button_secondary:hover {
  background-color: rgba(255, 100, 0, 0.2);
}
.ods-button.ods-button_secondary:active {
  background-color: rgba(255, 100, 0, 0.3019607843);
}
.ods-button.ods-button_secondary:disabled,
.ods-button.ods-button_secondary.disabled {
  background-color: rgba(255, 100, 0, 0.1019607843) !important;
}
.ods-button.ods-button_gray {
  background-color: #f3f3f3;
  color: #222;
}
.ods-button.ods-button_gray:hover {
  background-color: #ebebeb;
}
.ods-button.ods-button_gray:active {
  background-color: #dedede;
}
.ods-button.ods-button_gray:disabled,
.ods-button.ods-button_gray.disabled {
  background-color: #f3f3f3 !important;
}
.ods-button.ods-button_empty {
  background-color: unset;
  color: #ff6400;
}
.ods-button.ods-button_empty:hover {
  color: #eb5000;
}
.ods-button.ods-button_empty:active {
  color: #d73c00;
}
.ods-button.ods-button_empty:disabled,
.ods-button.ods-button_empty.disabled {
  color: #ff6400 !important;
}
.ods-button.ods-button_green {
  background-color: rgba(52, 199, 89, 0.1019607843);
  color: #55A932;
}
.ods-button.ods-button_green:hover {
  background-color: #22973F;
  color: #FFFFFF;
}
.ods-button.ods-button_green:active {
  background-color: #1E7735;
  color: #FFFFFF;
}
.ods-button.ods-button_green:disabled,
.ods-button.ods-button_green.disabled {
  background-color: rgba(52, 199, 89, 0.1019607843);
  color: #55A932;
}
.ods-button.ods-button_danger {
  background-color: #dc3545;
  color: #fff;
}
.ods-button.ods-button_danger:hover {
  background-color: #bd2938;
}
.ods-button.ods-button_danger:active {
  background-color: #97212d;
}
.ods-button.ods-button_danger:disabled,
.ods-button.ods-button_danger.disabled {
  background-color: #dc3545 !important;
}
.ods-button.ods-button_dark {
  background-color: #343434;
  color: #fff;
}
.ods-button.ods-button_dark:hover {
  background-color: #343434;
}
.ods-button.ods-button_dark:active {
  background-color: #343434;
}
.ods-button.ods-button_dark:disabled,
.ods-button.ods-button_dark.disabled {
  background-color: rgb(82, 81, 81) !important;
}
.ods-button.ods-button_radius-rounded {
  border-radius: 30px !important;
}
.ods-button.ods-button_xs {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}
.ods-button.ods-button_sm {
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 24px;
}
.ods-button.ods-button_md {
  padding: 12px 105px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
}
.ods-button.ods-button_lg {
  padding: 16px 105px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
}
.ods-button.ods-button_icon-left::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 12px;
  flex-shrink: 0;
}
.ods-button.ods-button_icon-left.ods-button_icon-left_no-text::before {
  margin-right: 0 !important;
}
.ods-button.ods-button_icon-left.ods-button_icon-left_close::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/cancelInformation-NRSO6GDR.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_close_v2::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/close-R3GTP6JY.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_info-orange-small::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/info-orange-small-67WAATIZ.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_filter::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/filter-6E4UNKQP.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_logout::before {
  width: 22.5px;
  height: 22.5px;
  background-image: url("./media/logout-KCB3MAOF.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_edit::before {
  width: 14px;
  height: 14px;
  background-image: url("./media/pencil-CQJETOID.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_download-black::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/download-black-UOTHAU75.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_share-brand::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("./media/share-brand-WPELCZ5C.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_download-white::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("./media/download-white-6ZS2ORX5.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_payroll-employee-pay::before {
  height: 24px;
  width: 24px;
  background-image: url("./media/payroll-employee-pay-GRJUAAMS.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_cancel::before {
  height: 24px;
  width: 24px;
  background-image: url("./media/payroll-dismiss-V377HNGO.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_plus::before {
  height: 24px;
  width: 24px;
  background-image: url("./media/plus-GHVPT643.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_cancel-red::before {
  height: 24px;
  width: 24px;
  background-image: url("./media/cancel-red-NV5WKFQN.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_decline::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/declinePaymentIcon-ZPAA3ORY.svg");
  margin-right: 10px;
}
.ods-button.ods-button_icon-left.ods-button_icon-left_success::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/CheckSuccess-XBOVI6RG.svg");
}
.ods-button.ods-button_icon-left.ods-button_icon-left_plus-white::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/plus-white-GHVPT643.svg");
  margin-right: 4px;
}
.ods-button.ods-button_icon-left.ods-button_icon-left_plus-brand::before {
  width: 12px;
  height: 24px;
  background-image: url("./media/plus_brand-YZY2JHDM.svg");
  margin-right: 10px;
}
.ods-button.ods-button_icon-left.ods-button_icon-left_trash::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/trash-delete-QVROI6AK.svg");
}
.ods-button.ods-button_icon-right::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  margin-right: 12px;
}
.ods-button.ods-button_icon-right.ods-button_icon-right_no-text::after {
  margin-left: 0 !important;
}
.ods-button.ods-button_icon-right.ods-button_icon-right_arrow-right::after {
  width: 7px;
  height: 14px;
  background-image: url("./media/arrow_right_gray-KC5J35BL.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_arrow-down::after {
  width: 7px;
  height: 14px;
  background-image: url("./media/arrow_right_gray-KC5J35BL.svg");
  transform: rotate(90deg);
}
.ods-button.ods-button_icon-right.ods-button_icon-right_arrow-right-cards::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/arrow-right-gray-card-STV3U22F.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_arrow-left-cards::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/arrow-left-black-cards-TKBQ2COK.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_calendar::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/datepicker_gray-NWVYMIYG.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_eye-black-cross::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/eye-black-cross-KUIEBYEH.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_eye-black::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/eye-black-BGG6BILL.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_eye-gray::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/eye-gray-ZCCRASY3.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_close-black::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/close-black-N75IW2S4.svg");
}
.ods-button.ods-button_icon-right.ods-button_icon-right_asc::after {
  width: 10px;
  height: 8px;
  background-image: url("./media/table_asc-X5CUZFVU.svg");
  margin-left: 3px;
}
.ods-button.ods-button_icon-right.ods-button_icon-right_desc::after {
  width: 10px;
  height: 8px;
  background-image: url("./media/table_desc-OHNBLOGU.svg");
  margin-left: 3px;
}
.ods-button.ods-button_icon-right.ods-button_icon-right_remove::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/close-R3GTP6JY.svg");
}
.container-bg_white {
  background-color: #fff;
  padding: 24px 16px;
  border-radius: 12px;
}
.ods-form-group .ods-form-group__label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #A0A0A0;
  margin-bottom: 4px;
}
.ods-form-group .ods-form-group__hint {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
  color: #999;
}
.ods-form-group .ods-form-group__hint.ods-form-group__hint_warning {
  color: #F9A000;
}
.ods-form-group .ods-form-group__hint.ods-form-group__hint_success {
  color: #55A932;
}
.ods-form-group .error-message {
  display: block;
  font-size: 12px;
  color: #ED3136;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
}
.ods-input-block {
  background-color: #F3F3F3;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
}
.ods-input-block:focus-within {
  border-color: #999;
}
.ods-input-block.ods-input-block_disabled.ods-input-block_icon-right::after {
  opacity: 0.4;
}
.ods-input-block.ods-input-block_readonly {
  background-color: #E2E2E2;
  color: #222;
}
.ods-input-block.ods-input-block_sm .ods-input {
  padding: 7px 12px;
}
.ods-input-block.ods-input-block_warning {
  border: 1px solid #F9A000;
}
.ods-input-block.ods-input-block_success {
  border: 1px solid #55A932;
}
.ods-input-block.ods-input-block_danger {
  border: 1px solid #ED3136;
}
.ods-input-block.ods-input-block_icon-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ods-input-block.ods-input-block_icon-right::after {
  content: "";
  display: block;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right_money::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/formMoneyIcon-7DE3HGQJ.svg");
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right_azn::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/azn-input-PFBW6JTS.svg");
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right_calendar::after {
  width: 22.5px;
  height: 18px;
  background-image: url("./media/calendarIcon-ABTKNBWY.svg");
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right_calendar-gray::after {
  width: 22.5px;
  height: 18px;
  background-image: url("./media/calendarIconGray-ZS6245C5.svg");
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right_password::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/passwordInputIcon-NM2FX5MI.svg");
}
.ods-input-block.ods-input-block_icon-right.ods-input-block_icon-right-success-search::after {
  width: 24px;
  height: 24px;
  background-image: url("./media/success-search-2I62UYOX.svg");
}
.ods-input-block:has(.ods-input:read-only:not(.mat-datepicker-input)),
.ods-input-block:has(.ods-input:disabled:not(.mat-datepicker-input)) {
  background-color: #E2E2E2;
}
.ods-input-block.ods-input__inner_label {
  display: flex;
  flex-direction: column;
}
.ods-input-block.ods-input__inner_label .ods-input-block_container .ods-input-button {
  margin-bottom: 15px;
}
.ods-input-block.ods-input__inner_label .ods-input-block__inner_label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #A0A0A0;
  display: block;
  margin-bottom: -10px;
  padding-left: 16px;
  padding-top: 10px;
}
.ods-input-block .ods-input {
  width: 100%;
  padding: 10px 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background-color: unset;
  border: none;
  border-radius: 8px;
  color: #222222;
  outline: none;
}
.ods-input-block .ods-input:disabled {
  color: #d3d3d3;
}
.ods-input-block .ods-input:disabled::placeholder {
  color: #999;
}
.ods-input-block .ods-input:read-only {
  color: #222;
}
.ods-input-block .ods-input::placeholder {
  color: #A0A0A0;
  font-size: 16px;
  font-weight: 400;
}
.ods-input-block .ods-input-right-text {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #A0A0A0;
  margin-left: 5px;
  margin-right: 12px;
  flex-shrink: 0;
}
.ods-input-block_right-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ods-textarea-block {
  display: flex;
  align-items: flex-end;
  background-color: #F3F3F3;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 7px 12px;
}
.ods-textarea-block:focus-within {
  border-color: #999;
}
.ods-textarea-block.ods-textarea-block_warning {
  border: 1px solid #F9A000;
}
.ods-textarea-block.ods-textarea-block_success {
  border: 1px solid #55A932;
}
.ods-textarea-block.ods-textarea-block_danger {
  border: 1px solid #ED3136;
}
.ods-textarea-block .ods-textarea {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background-color: unset;
  padding: 0;
  border: none;
  color: #222222;
  outline: none;
  resize: none;
}
.ods-textarea-block .ods-textarea:disabled {
  color: #d3d3d3;
}
.ods-textarea-block .ods-textarea:disabled::placeholder {
  color: #ebeaea;
}
.ods-textarea-block .ods-textarea:disabled ~ .ods-textarea-chars-count {
  color: #d3d3d3;
}
.ods-textarea-block .ods-textarea:readonly {
  background-color: #E2E2E2;
  color: #222;
}
.ods-textarea-block .ods-textarea::placeholder {
  color: #A0A0A0;
  font-size: 16px;
  font-weight: 400;
}
.ods-textarea-block .ods-textarea-chars-count {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.dots-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: unset;
  border: none;
  cursor: pointer;
}
.dots-button:hover {
  background-color: #ececec;
  border-radius: 50%;
}
.dots-button-new {
  border: none;
  cursor: pointer;
  background-color: unset;
}
.dots-button::after {
  content: "";
  display: block;
  width: 4px;
  height: 16px;
  background-image: url("./media/dots-FZ4PLS7T.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dots-button-new::after {
  content: "";
  display: block;
  width: 8px;
  height: 24px;
  background-image: url("./media/dropdownTest-YI7LMLIC.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.files-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-right: 18px;
}
.files-list .files-list__item {
  margin-right: 26px;
  margin-bottom: 26px;
}
.files-list .files-list__item.files-list__item_add-button {
  margin-top: auto;
  margin-bottom: auto;
}
.files-list .files-list__item:last-child {
  margin-right: 0;
}
.files-list .files-list__item .file .file__window {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 104px;
  height: 104px;
  background-color: #EFEFEF;
  border-radius: 9px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  cursor: pointer;
}
.files-list .files-list__item .file .file__window .file__img {
  width: 63px;
  height: 78.75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.files-list .files-list__item .file .file__window .file__img.file__img_pdf {
  background-image: url("./media/pdf_file-M6BW4VYF.png");
}
.files-list .files-list__item .file .file__window .file__img.file__img_jpeg {
  background-image: url("./media/jpeg_file-LVQFLMXY.png");
}
.files-list .files-list__item .file .file__window .file__img.file__img_png {
  background-image: url("./media/png_file-V3UV3ZLX.png");
}
.files-list .files-list__item .file .file__window .file__img.file__img_adoc {
  background-image: url("./media/adoc_file-JKVSKABU.png");
}
.files-list .files-list__item .file .file__window .file__close {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: absolute;
  top: 5.4px;
  right: 6.8px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: background-color 0.2s ease-in-out;
}
.files-list .files-list__item .file .file__window .file__close:hover {
  background-color: #f7f7f7;
}
.files-list .files-list__item .file .file__window .file__close:active {
  background-color: #e7e7e7;
}
.files-list .files-list__item .file .file__window .file__close::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("./media/close_grey-VIXC7M6X.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.files-list .files-list__item .file .file__name {
  display: block;
  max-width: 104px;
  font-size: 14px;
  line-height: 18px;
  color: #222;
  word-break: break-word;
  text-align: center;
}
.files-list .files-list__item .files__add-button {
  background: rgba(230, 110, 75, 0.1);
  border: none;
  width: 44px;
  border-radius: 9px;
  height: 44px;
  font-size: 24px;
  color: #E66E4B;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.files-list .files-list__item .files__add-button:hover {
  background-color: rgba(204, 97, 65, 0.219);
}
.files-list .files-list__item .files__add-button:active {
  background-color: rgba(165, 78, 52, 0.4);
}
.link-icon {
  display: flex;
  align-items: center;
}
.link-icon:hover {
  cursor: pointer;
}
.link-icon.icon-no-pointer:hover {
  cursor: default;
}
.link-icon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}
.link-mr12::before {
  margin-right: 12px;
}
.link-icon-overdraft-file::before {
  background: url("./media/overdraftFileIcon-NAL2PCQY.svg");
}
.link-icon-download-as-pdf::before {
  background: url("./media/downloadAsPdfFileIcon-6AMC5P57.svg");
}
.link-icon-checkbox::after {
  background: url("./media/tick-Z6MYFWLS.svg");
}
.link-icon-checkbox-all::after {
  background: url("./media/Rectangle2-2KKN2L6Y.svg");
}
.link-icon-overdraft-decline::before {
  background: url("./media/overdraftDeclineIcon-LVFPX4Y5.svg");
}
.link-icon-overdraft-sign::before {
  background: url("./media/overdraftSignIcon-ZRIREN4L.svg");
}
.link-icon-overdraft-download::before {
  background: url("./media/overdraftsDownloadIcon-CUR6F2SF.svg");
}
.link-icon-international-payments::before {
  width: 40px;
  height: 40px;
  background: url("./media/international-payments-47UF56NM.svg");
}
.link-icon-goverment-payments::before {
  width: 40px;
  height: 40px;
  background: url("./media/goverment-payments-Y5SCLKKF.svg");
}
.link-icon-gov-template::before {
  background: url("./media/IconTemplatebutton-7VZU4ERD.svg");
}
.link-icon-gov-mass-payment::before {
  background: url("./media/IconMassbutton-JY2ODNOO.svg");
}
.link-icon-gov-budget::before {
  background: url("./media/IconBudgetbutton-AIP3YI5E.svg");
}
.link-icon-excell::before {
  width: 40px;
  height: 40px;
  background: url("./media/excellButton-F7FD2BAY.svg");
}
.link-icon-one-by-one-payment::before {
  width: 40px;
  height: 40px;
  background: url("./media/oneByOnePayment-QJNX5QQY.svg");
}
.link-icon-loan::before {
  width: 40px;
  height: 40px;
  background: url("./media/IconCreditButton-NVX5ACLX.svg");
}
.link-icon-loan-line::before {
  width: 40px;
  height: 40px;
  background: url("./media/IconCreditLineButton-MNDYY3NG.svg");
}
.link-icon-loan-overdraft::before {
  width: 40px;
  height: 40px;
  background: url("./media/IconCreditOverdraftButton-NSTPL6T5.svg");
}
.link-icon-card-recovery::before {
  width: 40px;
  height: 40px;
  background: url("./media/cardRecovery-S76EU3IM.svg");
}
.link-icon-card-time-extension::before {
  width: 40px;
  height: 40px;
  background: url("./media/cardTimeExtension-GPV23CU6.svg");
}
.link-icon-dragDrop::before {
  width: 32px;
  height: 32px;
  background: url("./media/handSelectDrag-XDPLITXJ.svg");
}
.link-icon-delete::before {
  background: url("./media/deleteDis-5E3RUGF3.svg");
}
.link-icon-ods-trash::before {
  background: url("./media/trash-AOUO2SVW.svg");
}
.link-icon-ods-trash-after::after {
  background: url("./media/trash-AOUO2SVW.svg");
}
.link-icon-file-download::before {
  background: url("./media/fileDownloadIcon-UJ6YT54R.svg");
}
.link-icon-file-icon::before {
  background: url("./media/fileIcon-X2BDYNAI.svg");
}
.link-icon-users-detail::before {
  background: url("./media/usersDetailIcon-FMGLXAOI.svg");
}
.link-icon-ib::before {
  background: url("./media/ibIcon-YHBHHBPL.svg");
}
.link-icon-bm::before {
  background: url("./media/bmIcon-2QPGO5TL.svg");
}
.link-icon-salary::before {
  background: url("./media/salaryIcon-EUD47JMU.svg");
}
.link-icon-export-shortcuts::before {
  background: url("./media/exportShortcutsIcon-QXCHQPCG.svg");
}
.link-icon-export-notifications::before {
  background: url("./media/exportNotificationsIcon-IT5JDOVU.svg");
}
.link-icon-export-mails::before {
  background: url("./media/exportMailsIcon-VTAEONNE.svg");
}
.link-icon-export-errors::before {
  background: url("./media/exportErrorsIcon-3FFK3NC4.svg");
}
.link-icon-trash::before {
  background: url("./media/deleteDis-5E3RUGF3.svg");
}
.link-icon-confirm::before {
  background: url("./media/confirm-HWVJTN4X.svg");
}
.link-icon-move-back::before {
  background: url("./media/move-back-HFNIXOM2.svg");
}
.link-icon-trash-delete::before {
  background: url("./media/trash-delete-QVROI6AK.svg");
}
.link-icon-change-risk-group::before {
  background: url("./media/changeRiskGroupIcon-TFEOTX7U.svg");
}
.link-icon-pin-code-change::before {
  background: url("./media/pinCodeChangeIcon-BWPS6UAU.svg");
}
.link-icon-block-card::before {
  background: url("./media/blockCardIcon-JJN7LTWY.svg");
}
.link-icon-unlock-card::before {
  background: url("./media/unlockCardIcon-O53TSDSB.svg");
}
.link-icon-rur::before {
  background: url("./media/rurIcon-TXT5IMRB.svg");
}
.link-icon-usd::before {
  background: url("./media/usdIcon-PRAXUKJY.svg");
}
.link-icon-eur::before {
  background: url("./media/eurIcon-CEB3OCVW.svg");
}
.link-icon-order-new-card::before {
  background: url("./media/orderNewCardIcon-4AUH5366.svg");
}
.link-icon-gbp::before {
  background: url("./media/gbpIcon-XLQNW4AV.svg");
}
.link-icon-chf::before {
  background: url("./media/chfIcon-S56SS67V.svg");
}
.link-icon-req::before {
  background: url("./media/req-6VG4VEWP.svg");
}
.link-icon-discharge::before {
  background: url("./media/discharge-PJQHF62P.svg");
}
.link-icon-transfer-to-account::before {
  width: 40px;
  height: 40px;
  background: url("./media/transfer-to-account-BKTGHZRC.svg");
}
.link-icon-transfer-to-card::before {
  width: 40px;
  height: 40px;
  background: url("./media/transfer-to-card-6I3FAO5H.svg");
}
.link-icon-transfer-to-bank::before {
  background: url("./media/transferToBankIcon-7TJ47LFL.svg");
}
.link-icon-azercell::before {
  width: 40px;
  height: 40px;
  background: url("./media/transfer-azercell-icon-ND6XTCGE.svg");
}
.link-icon-transfer-to-local-bank::before {
  width: 40px;
  height: 40px;
  background: url("./media/transfer-to-local-bank-3DDBC6WJ.svg");
}
.link-icon-fund::before {
  background: url("./media/moreIcon-AWHXFALA.svg");
}
.link-icon-alert-info::before {
  background: url("./media/alertInfoIcon-IMKGULUM.svg");
}
.link-icon-info-small::before {
  background: url("./media/info-orange-small-67WAATIZ.svg");
}
.link-icon-company-name::before {
  width: 21px;
  height: 20px;
  background: url("./media/companyReplaceName-SE7DYH5Y.svg");
}
.link-icon-asan::before {
  background: url("./media/asan_icon-F2WC5VJ2.png");
}
.link-icon-qr::before {
  background: url("./media/qr_icon-PKYISMZC.png");
}
.link-icon-check::before {
  background: url("./media/checkCircleIcon-TJKLNISX.svg");
}
.link-icon-decline::before {
  background: url("./media/declineIcon-QVE5TETH.svg");
}
.link-icon-detail::before {
  background: url("./media/detailIcon-6VG4VEWP.svg");
}
.link-icon-save::before {
  background: url("./media/saveIcon-PG4IPDRD.svg");
}
.link-icon-repeat::before {
  background: url("./media/repeatDis-QMDEFTNY.svg");
}
.link-icon-download::before {
  background: url("./media/downloadDis-CWI6N3KH.svg");
}
.link-icon-download_brand::before {
  background: url("./media/download_brand-4I5X3ET4.svg");
}
.link-icon-print::before {
  background: url("./media/printDis-JDAWKTMP.svg");
}
.link-icon-pay::before {
  background: url("./media/payIcon-XYY2I2KF.svg");
}
.link-icon-delete::before {
  background: url("./media/delete-DJF2YBJA.svg");
}
.link-icon-pencil::before {
  background: url("./media/editTemplateIcon-HZT3DEY5.svg");
}
.link-icon-ods-pencil::before {
  background: url("./media/pencil-edit-RQIAPLWW.svg");
}
.link-icon-ods-pencil-main-color::before {
  background: url("./media/pencil-edit-main-color-BYNDQSH2.svg");
}
.link-icon-order-add::before {
  background: url("./media/payrollOrderAddIcon-EN3CXTWV.svg");
}
.link-icon-order-refresh::before {
  background: url("./media/payrollOrderRefreshIcon-NNMDYDH7.svg");
}
.link-icon-mailbox-check::before {
  background: url("./media/mailboxCheckIcon-IWNMDZ65.svg");
}
.link-icon-mailbox-save::before {
  background: url("./media/mailboxSaveIcon-ZPYUJ7HG.svg");
}
.link-icon-mailbox-delete::before {
  background: url("./media/mailboxDeleteIcon-HSS5ZMJU.svg");
}
.link-icon-mailbox-restore::before {
  background: url("./media/mailboxRestoreIcon-56VMFRRN.svg");
}
.link-icon-mailbox-edit::before {
  background: url("./media/mailboxEditIcon-TM44TJNX.svg");
}
.link-icon-download-as-doc::before {
  background: url("./media/downloadAsDocFileIcon-D6AK5QIQ.svg");
}
.link-icon-excel-file::before {
  background: url("./media/excelFileIcon-POVH7QYW.svg");
}
.link-icon-manually::before {
  background: url("./media/manuallyIcon-NJSXHL62.svg");
}
.link-icon-excel-download::before {
  background: url("./media/excel_download-AK3UCJYM.svg");
}
.link-icon-cash-payment-person::before {
  background: url("./media/cash-payment-person-K4EGLYGB.svg");
}
.link-icon_close::before {
  background: url("./media/close-R3GTP6JY.svg");
}
.link-icon_lock-gray::before {
  background: url("./media/lock-gray-43QU2O6W.svg");
}
.link-icon_unlock-gray::before {
  background: url("./media/unlock-gray-5NVNXLQO.svg");
}
.link-icon-logout::before {
  background: url("./media/logout-icon-WV5ERBSH.svg");
}
.link-icon-approve-check::before {
  background: url("./media/acceptPaymentIcon-BS23I7ST.svg");
}
.link-icon-cancel-red::before {
  background: url("./media/cancel_red-G2LUQM4T.svg");
}
.link {
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  color: #222;
}
.link:hover {
  text-decoration: underline;
}
.link.link_brand {
  color: #ff6400 !important;
}
.link.link_brand:hover {
  color: #ff6400;
}
.link.link_brand:active {
  color: #ff6400;
}
.link.link_icon {
  display: inline-flex;
  align-items: center;
}
.link.link_icon::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.link.link_icon.link_icon_plus::before {
  width: 12px;
  height: 12px;
  background-image: url("./media/plus_brand-YZY2JHDM.svg");
  margin-right: 17px;
}
.link.link_icon.link_icon_document::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/document_brand-24VLGW6T.svg");
  margin-right: 4px;
}
.link.link_icon.link_icon_download::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/download_brand-4I5X3ET4.svg");
  margin-right: 12px;
}
.link.link_icon.link_icon_close::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/close-R3GTP6JY.svg");
}
.switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #E66E4B;
}
input:checked + .slider.green-color {
  background-color: #55A932;
}
input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.ods-table {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
}
.ods-table thead tr {
  border-bottom: 1px solid #ECECEC;
}
.ods-table thead tr th {
  padding-left: 16px;
  padding-right: 16px;
  height: 56px;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: middle;
  text-align: left;
}
.ods-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #ECECEC;
}
.ods-table tbody tr.success {
  background-color: #b7e5b7;
}
.ods-table tbody tr.warning {
  background-color: rgba(255, 149, 0, 0.1);
  border-top: 1px solid rgb(249, 160, 0);
  border-bottom: 1px solid rgb(249, 160, 0);
}
.ods-table tbody tr.warning td {
  color: #222;
}
.ods-table tbody tr.danger {
  background-color: rgba(255, 45, 85, 0.05);
}
.ods-table tbody tr td {
  padding-left: 16px;
  padding-right: 16px;
  height: 56px;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: middle;
}
.ods-table tbody tr td.break-word {
  word-break: break-word;
}
.ods-table tbody tr td.mat-column-dots {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ods-table tbody tr .table-icon {
  width: 0px;
}
.main-table {
  width: 100%;
}
.main-table.table-row-clickable tbody tr {
  cursor: pointer;
}
.main-table.table-row-clickable tbody tr:hover {
  background-color: #fbfbfb;
}
.main-table thead tr th {
  padding-left: 16px;
  padding-right: 16px;
  height: 64px;
  background-color: #f5f5f5;
  color: #222222;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
}
.main-table thead tr th:first-child {
  border-radius: 12px 0px 0px 0px;
}
.main-table thead tr th:last-child {
  border-radius: 0px 12px 0px 0px;
  text-align: center;
}
.main-table tbody tr {
  border-bottom: 1px solid #E5E5E5;
}
.main-table tbody tr td {
  padding-left: 16px;
  padding-right: 16px;
  height: 56px;
  color: #222222;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
}
.main-table tbody tr td .table-img {
  display: inline-block;
  margin-right: 12px;
}
.table-scrollable {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
}
.simple-table thead tr th {
  padding-left: 50px;
  padding-right: 50px;
  height: 52px;
  color: #222222;
  font-weight: 500;
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
}
.simple-table thead tr th:first-child {
  padding-left: 0;
  padding-right: 0;
}
.simple-table tbody tr td {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 16px;
  height: 52px;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.simple-table tbody tr td:first-child {
  padding-left: 0;
}
.simple-table tbody tr td.simple-table__gray {
  color: #A0A0A0;
}
.dots-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: unset;
  border: none;
  cursor: pointer;
}
.dots-button:hover {
  background-color: #ececec;
  border-radius: 50%;
}
.dots-button::after {
  content: "";
  display: block;
  width: 4px;
  height: 16px;
  background-image: url("./media/dots-FZ4PLS7T.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.table-img-block {
  display: flex;
  align-items: center;
}
.table-img-block::before {
  content: "";
  display: block;
}
.table-img-block.table-img_mr-10::before {
  margin-right: 10px;
}
.table-img-block.table-img_icon::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.table-img-block.table-img_icon.table-img_icon_visa::before {
  width: 24px;
  height: 8px;
  background-image: url("./media/visa-QAQFEZA4.svg");
}
.table-img-block.table-img_icon.table-img_icon_mastercard::before {
  width: 24px;
  height: 24px;
  background-image: url("./media/mastercard-SDTKBUJJ.svg");
}
.grey-row {
  background-color: #F7F7F7;
}
.row-no-border-bottom tbody tr {
  border-bottom: none;
}
.mdc-data-table__content {
  border-color: #ECECEC !important;
}
.mdc-data-table__cell,
.mdc-data-table__header-cell {
  border-color: #ECECEC !important;
}
.mdc-data-table__row {
  border-color: #ECECEC !important;
}
uck-data-table table,
uck-data-table thead,
uck-data-table tbody,
uck-data-table tr,
uck-data-table th,
uck-data-table td {
  letter-spacing: normal !important;
}

/* src/styles.sass */
.login {
  -webkit-user-select: none;
  user-select: none;
  overflow-y: auto;
  margin-top: 36px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.login__header span {
  color: #79838B;
  font-size: 12px;
  line-height: 16px;
}
.login__header-logo {
  background-image: url("./media/unibankLogo-7D6IWJGW.png");
  background-size: contain;
  height: 25px;
  background-repeat: no-repeat;
  margin-bottom: 4px;
}
.login__content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.login-img {
  background: #F5F5F5;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h100 {
  height: 100%;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.auth-banner {
  width: 340px;
}
.auth-banner__item {
  display: flex;
  flex-direction: column;
}
.auth-banner__item-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 16px;
}
.auth-banner__item-desc {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #222222;
}
.form-actions {
  display: flex;
}
.form-actions a {
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #E66E4B;
}
.form-actions a:focus {
  color: #E66E4B;
}
.form-actions .timer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #A0A0A0;
}
.form-desc {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #A0A0A0;
}
.flex-end {
  justify-content: flex-end;
}
.flex-sb {
  justify-content: space-between;
}
.btn-lang {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  color: #222222;
  border: 1px solid #E2E2E2;
  background: #FFFFFF;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 9px;
}
.btn-lang::after {
  content: "";
  background-image: url("./media/arrowRightIcon-X2TCRB3R.svg");
  width: 24px;
  height: 24px;
}
.filter-block {
  padding-left: 16px;
  padding-right: 16px;
  background-color: #F5F5F5;
  border-radius: 12px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s, padding 0.2s;
  transition-timing-function: ease-in-out;
}
.filter-block.filter-block_collapse-open {
  max-height: 1000px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 25px;
}
.ods-mat-dialog.ods-mat-dialog_no-box-shadow .mat-dialog-container {
  box-shadow: inset 1px 0px 0px #E6E6E6 !important;
}
.ods-menu-lang {
  margin-top: 10px !important;
  border-radius: 8px !important;
  padding: 16px 12px !important;
  width: 96px !important;
  min-width: 0 !important;
  background-color: #fff !important;
  box-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) !important;
}
.ods-menu-lang .mat-mdc-menu-content {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ods-menu-lang .mat-mdc-menu-content .mat-mdc-menu-item {
  font-size: 14px;
}
* {
  box-sizing: border-box;
  font-family: "San Francisco";
}
*::after,
*::before {
  box-sizing: border-box;
}
.page-title {
  font-weight: 600;
  font-size: 20px;
  color: #222222;
}
.page-title-big {
  font-weight: 700;
  font-size: 25px;
  color: #222222;
}
.page-title-big {
  font-weight: 700;
  font-size: 25px;
  color: #222222;
}
.page-title_mini {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #222222;
}
.page-head-block {
  display: flex;
  align-items: center;
  min-height: 45px;
}
.page-head-block .button {
  flex-shrink: 0;
}
body,
html {
  height: 100%;
  overflow: hidden;
}
body li,
html li {
  list-style: none;
}
.row-head {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.row-body-name {
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #A0A0A0;
}
.row-body-value {
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #333333;
}

/* angular:styles/global:styles */