/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/padding.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/ar-common-styles/src/lib/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* --------------- CUSTOM - START ------------------- */
/* --------------- CUSTOM - END ------------------- */
/* ----------------global flex props --------------- */
/* --------------- CUSTOM - START ------------------- */
/* --------------- CUSTOM - END ------------------- */
/* ----------------global flex props --------------- */
.font-primary {
  color: #0033aa !important;
}

.font-secondary {
  color: #0089ff !important;
}

.font-success {
  color: #0e8a00 !important;
}

.font-warning {
  color: #ffb822 !important;
}

.font-alert {
  color: #e70011 !important;
}

.font-primary-gray {
  color: #f6f6f6 !important;
}

.font-positive {
  color: #0e8a00 !important;
}

.font-negative {
  color: #e70011 !important;
}

.font-medium {
  color: #444444 !important;
}

.font-gray {
  color: #444444 !important;
}

.font-light {
  color: #767676 !important;
}

.font-dark {
  color: #222222 !important;
}

.font-notification {
  color: #ffb822 !important;
}

.font-accent {
  color: #ffb74d !important;
}

.font-light-notification {
  color: #fff176 !important;
}

.font-light-positive {
  color: #aed581 !important;
}

.font-light-primary {
  color: #9fa8da !important;
}

.font-light-secondary {
  color: #90caf9 !important;
}

.font-light-tertiary {
  color: #81d4fa !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

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

.padding-horizontal-0 {
  padding: 0px 0px !important;
}

.padding-vertical-0 {
  padding: 0px 0px !important;
}

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

.pb-2 {
  padding-bottom: 2px !important;
}

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

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

.padding-2 {
  padding: 2px !important;
}

.padding-horizontal-2 {
  padding: 0px 2px !important;
}

.padding-vertical-2 {
  padding: 2px 0px !important;
}

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

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

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

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

.padding-4 {
  padding: 4px !important;
}

.padding-horizontal-4 {
  padding: 0px 4px !important;
}

.padding-vertical-4 {
  padding: 4px 0px !important;
}

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

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

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

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

.padding-6 {
  padding: 6px !important;
}

.padding-horizontal-6 {
  padding: 0px 6px !important;
}

.padding-vertical-6 {
  padding: 6px 0px !important;
}

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

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

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

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

.padding-8 {
  padding: 8px !important;
}

.padding-horizontal-8 {
  padding: 0px 8px !important;
}

.padding-vertical-8 {
  padding: 8px 0px !important;
}

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

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

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

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

.padding-10 {
  padding: 10px !important;
}

.padding-horizontal-10 {
  padding: 0px 10px !important;
}

.padding-vertical-10 {
  padding: 10px 0px !important;
}

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

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

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

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

.padding-12 {
  padding: 12px !important;
}

.padding-horizontal-12 {
  padding: 0px 12px !important;
}

.padding-vertical-12 {
  padding: 12px 0px !important;
}

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

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

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

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

.padding-14 {
  padding: 14px !important;
}

.padding-horizontal-14 {
  padding: 0px 14px !important;
}

.padding-vertical-14 {
  padding: 14px 0px !important;
}

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

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

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

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

.padding-16 {
  padding: 16px !important;
}

.padding-horizontal-16 {
  padding: 0px 16px !important;
}

.padding-vertical-16 {
  padding: 16px 0px !important;
}

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

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

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

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

.padding-18 {
  padding: 18px !important;
}

.padding-horizontal-18 {
  padding: 0px 18px !important;
}

.padding-vertical-18 {
  padding: 18px 0px !important;
}

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

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

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

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

.padding-20 {
  padding: 20px !important;
}

.padding-horizontal-20 {
  padding: 0px 20px !important;
}

.padding-vertical-20 {
  padding: 20px 0px !important;
}

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

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

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

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

.padding-22 {
  padding: 22px !important;
}

.padding-horizontal-22 {
  padding: 0px 22px !important;
}

.padding-vertical-22 {
  padding: 22px 0px !important;
}

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

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

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

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

.padding-24 {
  padding: 24px !important;
}

.padding-horizontal-24 {
  padding: 0px 24px !important;
}

.padding-vertical-24 {
  padding: 24px 0px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.padding-26 {
  padding: 26px !important;
}

.padding-horizontal-26 {
  padding: 0px 26px !important;
}

.padding-vertical-26 {
  padding: 26px 0px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.padding-28 {
  padding: 28px !important;
}

.padding-horizontal-28 {
  padding: 0px 28px !important;
}

.padding-vertical-28 {
  padding: 28px 0px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-horizontal-30 {
  padding: 0px 30px !important;
}

.padding-vertical-30 {
  padding: 30px 0px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.padding-32 {
  padding: 32px !important;
}

.padding-horizontal-32 {
  padding: 0px 32px !important;
}

.padding-vertical-32 {
  padding: 32px 0px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.padding-34 {
  padding: 34px !important;
}

.padding-horizontal-34 {
  padding: 0px 34px !important;
}

.padding-vertical-34 {
  padding: 34px 0px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.padding-36 {
  padding: 36px !important;
}

.padding-horizontal-36 {
  padding: 0px 36px !important;
}

.padding-vertical-36 {
  padding: 36px 0px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.padding-38 {
  padding: 38px !important;
}

.padding-horizontal-38 {
  padding: 0px 38px !important;
}

.padding-vertical-38 {
  padding: 38px 0px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-horizontal-40 {
  padding: 0px 40px !important;
}

.padding-vertical-40 {
  padding: 40px 0px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-horizontal-50 {
  padding: 0px 50px !important;
}

.padding-vertical-50 {
  padding: 50px 0px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-horizontal-60 {
  padding: 0px 60px !important;
}

.padding-vertical-60 {
  padding: 60px 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.margin-0 {
  margin: 0px !important;
}

.margin-horizontal-0 {
  margin: 0px 0px !important;
}

.margin-vertical-0 {
  margin: 0px 0px !important;
}

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

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

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

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

.margin-2 {
  margin: 2px !important;
}

.margin-horizontal-2 {
  margin: 0px 2px !important;
}

.margin-vertical-2 {
  margin: 2px 0px !important;
}

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

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

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

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

.margin-4 {
  margin: 4px !important;
}

.margin-horizontal-4 {
  margin: 0px 4px !important;
}

.margin-vertical-4 {
  margin: 4px 0px !important;
}

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

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

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

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

.margin-6 {
  margin: 6px !important;
}

.margin-horizontal-6 {
  margin: 0px 6px !important;
}

.margin-vertical-6 {
  margin: 6px 0px !important;
}

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

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

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

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

.margin-8 {
  margin: 8px !important;
}

.margin-horizontal-8 {
  margin: 0px 8px !important;
}

.margin-vertical-8 {
  margin: 8px 0px !important;
}

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

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

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

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

.margin-10 {
  margin: 10px !important;
}

.margin-horizontal-10 {
  margin: 0px 10px !important;
}

.margin-vertical-10 {
  margin: 10px 0px !important;
}

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

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

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

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

.margin-12 {
  margin: 12px !important;
}

.margin-horizontal-12 {
  margin: 0px 12px !important;
}

.margin-vertical-12 {
  margin: 12px 0px !important;
}

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

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

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

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

.margin-14 {
  margin: 14px !important;
}

.margin-horizontal-14 {
  margin: 0px 14px !important;
}

.margin-vertical-14 {
  margin: 14px 0px !important;
}

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

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

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

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

.margin-16 {
  margin: 16px !important;
}

.margin-horizontal-16 {
  margin: 0px 16px !important;
}

.margin-vertical-16 {
  margin: 16px 0px !important;
}

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

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

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

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

.margin-18 {
  margin: 18px !important;
}

.margin-horizontal-18 {
  margin: 0px 18px !important;
}

.margin-vertical-18 {
  margin: 18px 0px !important;
}

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

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

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

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

.margin-20 {
  margin: 20px !important;
}

.margin-horizontal-20 {
  margin: 0px 20px !important;
}

.margin-vertical-20 {
  margin: 20px 0px !important;
}

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

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

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

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

.margin-22 {
  margin: 22px !important;
}

.margin-horizontal-22 {
  margin: 0px 22px !important;
}

.margin-vertical-22 {
  margin: 22px 0px !important;
}

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

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

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

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

.margin-24 {
  margin: 24px !important;
}

.margin-horizontal-24 {
  margin: 0px 24px !important;
}

.margin-vertical-24 {
  margin: 24px 0px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.margin-26 {
  margin: 26px !important;
}

.margin-horizontal-26 {
  margin: 0px 26px !important;
}

.margin-vertical-26 {
  margin: 26px 0px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.margin-28 {
  margin: 28px !important;
}

.margin-horizontal-28 {
  margin: 0px 28px !important;
}

.margin-vertical-28 {
  margin: 28px 0px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-horizontal-30 {
  margin: 0px 30px !important;
}

.margin-vertical-30 {
  margin: 30px 0px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.margin-32 {
  margin: 32px !important;
}

.margin-horizontal-32 {
  margin: 0px 32px !important;
}

.margin-vertical-32 {
  margin: 32px 0px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.margin-34 {
  margin: 34px !important;
}

.margin-horizontal-34 {
  margin: 0px 34px !important;
}

.margin-vertical-34 {
  margin: 34px 0px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.margin-36 {
  margin: 36px !important;
}

.margin-horizontal-36 {
  margin: 0px 36px !important;
}

.margin-vertical-36 {
  margin: 36px 0px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.margin-38 {
  margin: 38px !important;
}

.margin-horizontal-38 {
  margin: 0px 38px !important;
}

.margin-vertical-38 {
  margin: 38px 0px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-horizontal-40 {
  margin: 0px 40px !important;
}

.margin-vertical-40 {
  margin: 40px 0px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-horizontal-50 {
  margin: 0px 50px !important;
}

.margin-vertical-50 {
  margin: 50px 0px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-horizontal-60 {
  margin: 0px 60px !important;
}

.margin-vertical-60 {
  margin: 60px 0px !important;
}

.mdc-button .mat-button-wrapper,
.mat-mdc-raised-button .mat-button-wrapper {
  display: flex;
  align-items: center !important;
}

.align-text-icon,
.material-icons {
  display: flex !important;
  align-items: center !important;
}

div.mat-form-field-infix {
  padding: 0.3em 0;
}
div.mat-form-field-infix input.mat-input-element {
  height: 18px;
  vertical-align: top;
}

.select div.mat-input-infix {
  padding: 0.3em 0;
}
.select div.mat-select-value {
  height: 17px;
  vertical-align: top;
}

.rules-restrictions-wrapper {
  background-color: #eaeaea;
}

.rules-restrictions-container {
  padding: 20px 20px 60px 20px;
}

.error-in-selected-file :first-child {
  color: #ff0000;
  font-size: 16px;
  margin-bottom: 10px;
}

.error-in-selected-file :last-child {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}

.rules-info,
.error-details {
  color: #a3a3a3;
  font-size: 12px;
  line-height: 20px;
}

.column-details {
  padding: 0 0 0 12px;
}

.bulkFileBlock__inputbox .mat-form-field {
  padding: 10px 0px 6px 0px;
}
.bulkFileBlock__inputbox .control-label {
  position: absolute;
  top: 40px;
  color: #f44336;
}
.bulkFileBlock__inputbox .fa {
  padding-right: 8px;
}

.mat-label-heading {
  font-weight: bold;
}

.full-width {
  width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.display-inherit {
  display: inherit;
}

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

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.vertical-align-middle {
  vertical-align: middle;
}

.cursor-pointer {
  cursor: pointer;
}

.cdk-global-overlay-wrapper .mat-simple-snackbar {
  justify-content: space-around;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.buttons-container {
  padding: 16px;
  background-color: #f6f6f6;
  text-align: right;
  margin-top: 16px;
}

.mat-option.mat-active {
  background-color: rgba(0, 51, 170, 0.05) !important;
  color: button__basic--primary-color;
}

.display-none {
  display: none !important;
}

.center-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-ver-align {
  display: flex;
  align-items: center;
}

.con-max-width {
  max-width: 1000px;
}

.cursor-pointer {
  cursor: pointer;
}

.mat-mdc-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 1px 0 0 0 transparent !important;
}

.success-snackbar .mdc-snackbar__surface {
  background: #0e8a00 !important;
  margin: auto !important;
  width: 80% !important;
  max-width: 500px !important;
}

.error-snackbar .mdc-snackbar__surface {
  background: #cc0033 !important;
  margin: auto !important;
  width: 80% !important;
  max-width: 500px !important;
}

.mdc-radio__outer-circle {
  border-width: 1px;
}

.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.4) !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mdc-radio__outer-circle {
  border-width: 8px;
}

.mat-radio-inner-circle {
  background-color: #fff !important;
}

.hybrid-form-notify .mdc-radio__outer-circle {
  border-color: #0089ff;
}

.mat-radio-label-content {
  padding-left: 4px !important;
}

.mat-mdc-radio-button {
  margin-right: 30px;
}

.mat-option-text {
  font-size: 12px;
}

.success-snackbar .mdc-snackbar__surface {
  background: #0e8a00 !important;
  margin: auto !important;
  width: 80% !important;
  max-width: 500px !important;
}

.error-snackbar .mdc-snackbar__surface {
  background: #cc0033 !important;
  margin: auto !important;
  width: 80% !important;
  max-width: 500px !important;
}

@media only screen and (min-width: 640px) {
  .page-content-container {
    max-width: 909px;
  }
  .router-container-list {
    max-width: 980px;
    background-color: #fefefe;
    border: 1px solid #ededed;
    margin-top: 24px;
  }
}
/* @Hardik : common css for models */
.to-heading {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 10px;
}

.to-heading-center {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  margin: 5px;
}

.amount-section {
  text-align: center;
  margin-bottom: 20px;
}

.amount {
  font-size: 28px;
}

.details-section {
  text-align: center;
  background: #fff;
  padding: 20px 0px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
}

.details-section__field-heading {
  font-size: 12px;
  color: #767676;
}

.details-section__field-value {
  font-size: 14px;
  color: #444444;
}

.total-amt-block {
  text-align: right;
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
}

.other-details-block {
  margin-bottom: 10px;
}

.total-amt-block .amount-to-be-paid {
  color: #000;
  font-size: 24px;
}

.align-base {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.amount-curr {
  margin-right: 3px;
}

.receipt-section__field-heading {
  font-size: 12px;
  color: #767676;
}

.receipt-section__field-value {
  font-size: 12px;
  color: #444444;
}

.receipt-div {
  padding: 10px;
  background: #fff;
  margin: auto;
  border: 1px solid #cad7ed;
  border-top: none;
  box-shadow: 0px 2px 0px #cad7ed;
  border-radius: 0 0 3px 3px;
}

.receipt-section__field-heading {
  font-size: 12px;
  color: #767676;
}

.receipt-section__field-value {
  font-size: 12px;
  color: #444444;
}

.receipt-div {
  padding: 10px;
  background: #fff;
  margin: auto;
  border: 1px solid #cad7ed;
  border-top: none;
  box-shadow: 0px 2px 0px #cad7ed;
  border-radius: 0 0 3px 3px;
}

.receipt-logo {
  width: 150px;
  margin: 10px auto;
  display: block;
}

.center-data {
  text-align: center;
}

.receipt-status-div {
  border-top: 1px solid #e5e5e5;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}

.receipt-status-img {
  width: 40px;
  margin: auto;
  display: block;
}

.receipt-details-div {
  padding: 10px;
  border-top: 1px dashed #e5e5e5;
  text-align: center;
}

.receipt-amount {
  font-size: 20px;
  font-weight: 600;
}

.receipt-name {
  font-size: 16px;
}

.receipt-background {
  max-width: 356px;
  background-image: url(/assets/images/receipt_brdr_1x.png);
  width: 100%;
  margin: auto;
  height: 5px;
}

.icon-blue {
  color: #0033aa;
}

.mat-form-field-underline {
  position: initial !important;
}

.mat-form-field-subscript-wrapper {
  position: relative !important;
}

.error-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/* @Hardik : css for classes used in schedule transactions */
.main-box {
  margin: 20px auto;
}

.menu-items,
.list-items {
  background: white;
  overflow: auto;
  height: calc(100vh - 145px);
  box-sizing: border-box;
}

.b-r {
  border-right: 1px solid #dbdbdb;
}

.menu-navigation-list {
  color: #0033aa;
}

.menu-items li {
  list-style-type: none;
  font-size: 14px;
}

.nav-link {
  padding: 15px 0 12px 15px;
  cursor: pointer;
}

.active-tab {
  background-color: #0033aa;
  color: #fefefe;
}

.w-full {
  width: 100%;
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option,
.mat-list-base .mat-list-item.mat-list-item-with-avatar,
.mat-list-base .mat-list-option.mat-list-item-with-avatar {
  height: auto !important;
}

.mat-list-base .mat-list-item .mat-list-item-content,
.mat-list-base .mat-list-option .mat-list-item-content {
  padding: 16px 7px 16px 16px !important;
}

.list-relative {
  position: relative;
}

.b-b-only {
  border: none;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

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

.no-data {
  color: rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.multi-notification-note {
  color: #0033aa;
  font-size: 14px;
  text-align: center;
  margin-bottom: 16px;
  cursor: pointer;
}

.filter-box-style {
  background-color: #fff !important;
}

.schedule-info {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #d8d8d8;
}

.mat-ink-bar {
  height: 4px !important;
}

.mat-tab-link {
  height: 51px !important;
  opacity: 1 !important;
}

.mat-tab-links {
  border-bottom: solid 1px #ededed;
}

.mat-tab-link-custom .mat-tab-links {
  border: none !important;
}
@media only screen and (max-width: 768px) {
  .mat-tab-link-custom .mat-ink-bar {
    height: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .is-no-border .mat-ink-bar {
    height: 0px !important;
  }
}

.wrap-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pwd-valid-icon {
  color: #e9e8e8;
  margin-right: 6px;
}
.pwd-valid-icon.valid-scenario {
  color: #0e8a00;
}

.masking-fin-serv {
  opacity: 0.2;
  cursor: not-allowed !important;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: inherit !important;
}

.border-left-med {
  border-left: 1px solid #ebebeb !important;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
:root {
  --gradient-10-vertical: linear-gradient(180deg, var(--extended-01-color) 0%, var(--extended-09-color) 100%);
  --gradient-10-vertical-reversed: linear-gradient(180deg, var(--extended-09-color) 0%, var(--extended-01-color) 100%);
  --gradient-10-diagonal: linear-gradient(112.82deg, var(--extended-01-color) 3.64%, var(--extended-09-color) 95.93%);
  --gradient-10-diagonal-reversed: linear-gradient(112.82deg, var(--extended-09-color) 3.64%, var(--extended-01-color) 95.93%);
  --gradient-11-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-09-color) 100%);
  --gradient-11-vertical-reversed: linear-gradient(180deg, var(--extended-09-color) 0%, var(--extended-05-color) 100%);
  --gradient-11-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-09-color) 95.93%);
  --gradient-11-diagonal-reversed: linear-gradient(112.82deg, var(--extended-09-color) 3.64%, var(--extended-05-color) 95.93%);
  --gradient-12-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--primary-color) 100%);
  --gradient-12-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-05-color) 100%);
  --gradient-12-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--primary-color) 95.93%);
  --gradient-12-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-05-color) 95.93%);
  --gradient-13-vertical: linear-gradient(180deg, var(--extended-07-color) 0%, var(--primary-color) 100%);
  --gradient-13-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-07-color) 100%);
  --gradient-13-diagonal: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--primary-color) 95.93%);
  --gradient-13-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-07-color) 95.93%);
  --gradient-blue-00-vertical: linear-gradient(180deg, var(--extended-10-color) 0%, var(--extended-09-color) 25%, var(--secondary-color) 50%, var(--primary-color) 75%, var(--extended-11-color) 100%);
  --gradient-blue-00-vertical-reversed: linear-gradient(180deg, var(--extended-11-color) 0%, var(--primary-color) 25%, var(--secondary-color) 50%, var(--extended-09-color) 75%, var(--extended-10-color) 100%);
  --gradient-blue-00-diagonal: linear-gradient(90deg, var(--extended-10-color) 0%, var(--extended-09-color) 25%, var(--secondary-color) 50%, var(--primary-color) 75%, var(--extended-11-color) 100%);
  --gradient-blue-00-diagonal-reversed: linear-gradient(120deg, var(--extended-11-color) 0%, var(--primary-color) 25%, var(--secondary-color) 50%, var(--extended-09-color) 75%, var(--extended-10-color) 100%);
  --gradient-blue-01-vertical: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);
  --gradient-blue-01-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  --gradient-blue-01-diagonal: linear-gradient(93.67deg, var(--secondary-color) 1.23%, var(--primary-color) 58.64%);
  --gradient-blue-01-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--secondary-color) 95.93%);
  --gradient-blue-02-vertical: linear-gradient(180deg, var(--extended-10-color) 0%, var(--secondary-color) 100%);
  --gradient-blue-02-vertical-reversed: linear-gradient(180deg, var(--secondary-color) 0%, var(--extended-10-color) 100%);
  --gradient-blue-02-diagonal: linear-gradient(93.67deg, var(--extended-10-color) 1.23%, var(--secondary-color) 58.64%);
  --gradient-blue-02-diagonal-reversed: linear-gradient(112.82deg, var(--secondary-color) 3.64%, var(--extended-10-color) 95.93%);
  --gradient-blue-03-vertical: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-10-color) 100%);
  --gradient-blue-03-vertical-reversed: linear-gradient(180deg, var(--extended-10-color) 0%, var(--primary-color) 100%);
  --gradient-blue-03-diagonal: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-10-color) 95.93%);
  --gradient-blue-03-diagonal-reversed: linear-gradient(112.82deg, var(--extended-10-color) 3.64%, var(--primary-color) 95.93%);
  --gradient-blue-04-vertical: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-11-color) 100%);
  --gradient-blue-04-vertical-reversed: linear-gradient(180deg, var(--extended-11-color) 0%, var(--primary-color) 100%);
  --gradient-blue-04-diagonal: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-11-color) 95.93%);
  --gradient-blue-04-diagonal-reversed: linear-gradient(112.82deg, var(--extended-11-color) 3.64%, var(--primary-color) 95.93%);
  --gradient-01-vertical: linear-gradient(180deg, var(--extended-01-color) 0%, var(--extended-02-color) 100%);
  --gradient-01-vertical-reversed: linear-gradient(180deg, var(--extended-02-color) 0%, var(--extended-01-color) 100%);
  --gradient-01-diagonal: linear-gradient(112.82deg, var(--extended-02-color) 3.64%, var(--extended-01-color) 95.93%);
  --gradient-01-diagonal-reversed: linear-gradient(112.82deg, var(--extended-01-color) 3.64%, var(--extended-02-color) 95.93%);
  --gradient-02-vertical: linear-gradient(180deg, var(--extended-01-color) 0%, var(--extended-03-color) 100%);
  --gradient-02-vertical-reversed: linear-gradient(180deg, var(--extended-03-color) 0%, var(--extended-01-color) 100%);
  --gradient-02-diagonal: linear-gradient(112.82deg, var(--extended-01-color) 3.64%, var(--extended-03-color) 95.93%);
  --gradient-02-diagonal-reversed: linear-gradient(112.82deg, var(--extended-03-color) 3.64%, var(--extended-01-color) 95.93%);
  --gradient-03-vertical: linear-gradient(180deg, var(--extended-03-color) 0%, var(--warning-color) 100%);
  --gradient-03-vertical-reversed: linear-gradient(180deg, var(--warning-color) 0%, var(--extended-03-color) 100%);
  --gradient-03-diagonal: linear-gradient(112.82deg, var(--extended-03-color) 3.64%, var(--warning-color) 95.93%);
  --gradient-03-diagonal-reversed: linear-gradient(112.82deg, var(--warning-color) 3.64%, var(--extended-03-color) 95.93%);
  --gradient-04-vertical: linear-gradient(180deg, var(--warning-color) 0%, var(--extended-04-color) 100%);
  --gradient-04-vertical-reversed: linear-gradient(180deg, var(--extended-04-color) 0%, var(--warning-color) 100%);
  --gradient-04-diagonal: linear-gradient(112.82deg, var(--warning-color) 3.64%, var(--extended-04-color) 95.93%);
  --gradient-04-diagonal-reversed: linear-gradient(112.82deg, var(--extended-04-color) 3.64%, var(--warning-color) 95.93%);
  --gradient-05-vertical: linear-gradient(180deg, var(--extended-04-color) 0%, var(--extended-05-color) 100%);
  --gradient-05-vertical-reversed: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-04-color) 100%);
  --gradient-05-diagonal: linear-gradient(112.82deg, var(--extended-04-color) 3.64%, var(--extended-05-color) 95.93%);
  --gradient-05-diagonal-reversed: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-04-color) 95.93%);
  --gradient-06-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-06-color) 100%);
  --gradient-06-vertical-reversed: linear-gradient(180deg, var(--extended-06-color) 0%, var(--extended-05-color) 100%);
  --gradient-06-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-06-color) 95.93%);
  --gradient-06-diagonal-reversed: linear-gradient(112.82deg, var(--extended-06-color) 3.64%, var(--extended-05-color) 95.93%);
  --gradient-07-vertical: linear-gradient(180deg, var(--extended-06-color) 0%, var(--extended-07-color) 100%);
  --gradient-07-vertical-reversed: linear-gradient(180deg, var(--extended-07-color) 0%, var(--extended-06-color) 100%);
  --gradient-07-diagonal: linear-gradient(112.82deg, var(--extended-06-color) 3.64%, var(--extended-07-color) 95.93%);
  --gradient-07-diagonal-reversed: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--extended-06-color) 95.93%);
  --gradient-08-vertical: linear-gradient(180deg, var(--extended-07-color) 0%, var(--extended-07-dark-color) 100%);
  --gradient-08-vertical-reversed: linear-gradient(180deg, var(--extended-07-dark-color) 0%, var(--extended-07-color) 100%);
  --gradient-08-diagonal: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--extended-07-dark-color) 95.93%);
  --gradient-08-diagonal-reversed: linear-gradient(112.82deg, var(--extended-07-dark-color) 3.64%, var(--extended-07-color) 95.93%);
  --gradient-09-vertical: linear-gradient(180deg, var(--extended-08-color) 0%, var(--extended-08-5-color) 100%);
  --gradient-09-vertical-reversed: linear-gradient(180deg, var(--extended-08-5-color) 0%, var(--extended-08-color) 100%);
  --gradient-09-diagonal: linear-gradient(112.82deg, var(--extended-08-color) 3.64%, var(--extended-08-5-color) 95.93%);
  --gradient-09-diagonal-reversed: linear-gradient(112.82deg, var(--extended-08-5-color) 3.64%, var(--extended-08-color) 95.93%);
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.os-layout-container {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1920px) {
  .os-layout-container {
    max-width: 1296px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919.98px) {
  .os-layout-container {
    max-width: 1296px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439.98px) {
  .os-layout-container {
    max-width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout-container {
    max-width: 728px;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout-container {
    max-width: 328px;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.os-layout-container.expanded {
  max-width: 100%;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
/*

.os-layout.p-auto-3 {
  // media query for xxl
  padding: 32px;
  // media query for xl
  padding: 32px;
  // media query for l
  padding: 32px;
  // media query for md
  padding: 24px;
  // media query for sm
  padding: 24px;
  // media query for xs
  padding: 16px;
}


*/
@media screen and (min-width: 1024px) {
  .os-layout.p-auto-0 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-0 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-0 {
    padding: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-0 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-auto-1 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-1 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-1 {
    padding: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-1 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-auto-2 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-2 {
    padding: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-2 {
    padding: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-2 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-auto-3 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-3 {
    padding: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-3 {
    padding: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-3 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-auto-4 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-4 {
    padding: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-4 {
    padding: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-4 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-auto-5 {
    padding: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.p-auto-5 {
    padding: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.p-auto-5 {
    padding: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.p-auto-5 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-auto-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.py-auto-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.py-auto-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.py-auto-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-3 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-3 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-4 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-auto-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.px-auto-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.px-auto-5 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.px-auto-5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-0 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-0 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-0 {
    padding-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-0 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-1 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-1 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-1 {
    padding-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-1 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-2 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-2 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-2 {
    padding-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-2 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-3 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-3 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-3 {
    padding-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-3 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-4 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-4 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-4 {
    padding-left: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-4 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-auto-5 {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pl-auto-5 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pl-auto-5 {
    padding-left: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pl-auto-5 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-0 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-0 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-0 {
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-0 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-1 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-1 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-1 {
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-1 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-2 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-2 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-2 {
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-2 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-3 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-3 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-3 {
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-3 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-4 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-4 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-4 {
    padding-right: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-4 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-auto-5 {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pr-auto-5 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pr-auto-5 {
    padding-right: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pr-auto-5 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-0 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-0 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-0 {
    padding-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-0 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-1 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-1 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-1 {
    padding-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-1 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-2 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-2 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-2 {
    padding-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-2 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-3 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-3 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-3 {
    padding-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-3 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-4 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-4 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-4 {
    padding-top: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-4 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-auto-5 {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pt-auto-5 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pt-auto-5 {
    padding-top: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pt-auto-5 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-0 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-0 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-0 {
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-0 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-1 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-1 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-1 {
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-1 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-2 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-2 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-2 {
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-2 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-3 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-3 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-3 {
    padding-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-3 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-4 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-4 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-4 {
    padding-bottom: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-4 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-auto-5 {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.pb-auto-5 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.pb-auto-5 {
    padding-bottom: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.pb-auto-5 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-0 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-0 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-0 {
    margin: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-0 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-1 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-1 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-1 {
    margin: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-1 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-2 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-2 {
    margin: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-2 {
    margin: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-2 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-3 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-3 {
    margin: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-3 {
    margin: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-3 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-4 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-4 {
    margin: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-4 {
    margin: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-4 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-auto-5 {
    margin: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.m-auto-5 {
    margin: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.m-auto-5 {
    margin: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.m-auto-5 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-auto-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.my-auto-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.my-auto-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.my-auto-5 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-3 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-3 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-4 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-auto-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mx-auto-5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mx-auto-5 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mx-auto-5 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-0 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-0 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-0 {
    margin-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-0 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-1 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-1 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-1 {
    margin-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-1 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-2 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-2 {
    margin-left: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-2 {
    margin-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-2 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-3 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-3 {
    margin-left: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-3 {
    margin-left: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-3 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-4 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-4 {
    margin-left: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-4 {
    margin-left: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-4 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-auto-5 {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.ml-auto-5 {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.ml-auto-5 {
    margin-left: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.ml-auto-5 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-0 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-0 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-0 {
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-0 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-1 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-1 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-1 {
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-1 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-2 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-2 {
    margin-right: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-2 {
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-2 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-3 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-3 {
    margin-right: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-3 {
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-3 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-4 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-4 {
    margin-right: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-4 {
    margin-right: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-4 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-auto-5 {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mr-auto-5 {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mr-auto-5 {
    margin-right: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mr-auto-5 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-0 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-0 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-0 {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-0 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-1 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-1 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-1 {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-1 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-2 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-2 {
    margin-top: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-2 {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-2 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-3 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-3 {
    margin-top: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-3 {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-3 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-4 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-4 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-4 {
    margin-top: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-4 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-auto-5 {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mt-auto-5 {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mt-auto-5 {
    margin-top: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mt-auto-5 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-0 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-0 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-0 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-0 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-1 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-1 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-1 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-1 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-2 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-2 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-2 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-2 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-3 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-3 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-3 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-3 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-4 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-4 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-4 {
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-4 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-auto-5 {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  .os-layout.mb-auto-5 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
  .os-layout.mb-auto-5 {
    margin-bottom: 32px !important;
  }
}
@media screen and (max-width: 359.98px) {
  .os-layout.mb-auto-5 {
    margin-bottom: 16px !important;
  }
}

/*

.os-layout.p-1 {
}

.os-layout.px-1 {
}

.os-layout.px-sm-1 {
}

*/
.os-layout.p-0 {
  padding: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-0 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-0 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-0 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-0 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-0 {
    padding: 16px !important;
  }
}

.os-layout.p-1 {
  padding: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-1 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-1 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-1 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-1 {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-1 {
    padding: 16px !important;
  }
}

.os-layout.p-2 {
  padding: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-2 {
    padding: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-2 {
    padding: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-2 {
    padding: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-2 {
    padding: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-2 {
    padding: 24px !important;
  }
}

.os-layout.p-3 {
  padding: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-3 {
    padding: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-3 {
    padding: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-3 {
    padding: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-3 {
    padding: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-3 {
    padding: 32px !important;
  }
}

.os-layout.p-4 {
  padding: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-4 {
    padding: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-4 {
    padding: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-4 {
    padding: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-4 {
    padding: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-4 {
    padding: 40px !important;
  }
}

.os-layout.p-5 {
  padding: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.p-sm-5 {
    padding: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.p-md-5 {
    padding: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.p-lg-5 {
    padding: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.p-xl-5 {
    padding: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.p-xxl-5 {
    padding: 60px !important;
  }
}

.os-layout.py-0 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-0 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.os-layout.py-1 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.os-layout.py-2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

.os-layout.py-3 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

.os-layout.py-4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.os-layout.py-5 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.py-sm-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.py-md-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.py-lg-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.py-xl-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.py-xxl-5 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.os-layout.px-0 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-0 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.os-layout.px-1 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.os-layout.px-2 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.os-layout.px-3 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

.os-layout.px-4 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.os-layout.px-5 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.px-sm-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.px-md-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.px-lg-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.px-xl-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.px-xxl-5 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

.os-layout.pl-0 {
  padding-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-0 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-0 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-0 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-0 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-0 {
    padding-left: 16px !important;
  }
}

.os-layout.pl-1 {
  padding-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-1 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-1 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-1 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-1 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-1 {
    padding-left: 16px !important;
  }
}

.os-layout.pl-2 {
  padding-left: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-2 {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-2 {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-2 {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-2 {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-2 {
    padding-left: 24px !important;
  }
}

.os-layout.pl-3 {
  padding-left: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-3 {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-3 {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-3 {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-3 {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-3 {
    padding-left: 32px !important;
  }
}

.os-layout.pl-4 {
  padding-left: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-4 {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-4 {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-4 {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-4 {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-4 {
    padding-left: 40px !important;
  }
}

.os-layout.pl-5 {
  padding-left: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pl-sm-5 {
    padding-left: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pl-md-5 {
    padding-left: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pl-lg-5 {
    padding-left: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pl-xl-5 {
    padding-left: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pl-xxl-5 {
    padding-left: 60px !important;
  }
}

.os-layout.pr-0 {
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-0 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-0 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-0 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-0 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-0 {
    padding-right: 16px !important;
  }
}

.os-layout.pr-1 {
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-1 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-1 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-1 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-1 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-1 {
    padding-right: 16px !important;
  }
}

.os-layout.pr-2 {
  padding-right: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-2 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-2 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-2 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-2 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-2 {
    padding-right: 24px !important;
  }
}

.os-layout.pr-3 {
  padding-right: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-3 {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-3 {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-3 {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-3 {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-3 {
    padding-right: 32px !important;
  }
}

.os-layout.pr-4 {
  padding-right: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-4 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-4 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-4 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-4 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-4 {
    padding-right: 40px !important;
  }
}

.os-layout.pr-5 {
  padding-right: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pr-sm-5 {
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pr-md-5 {
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pr-lg-5 {
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pr-xl-5 {
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pr-xxl-5 {
    padding-right: 60px !important;
  }
}

.os-layout.pt-0 {
  padding-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-0 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-0 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-0 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-0 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-0 {
    padding-top: 16px !important;
  }
}

.os-layout.pt-1 {
  padding-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-1 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-1 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-1 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-1 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-1 {
    padding-top: 16px !important;
  }
}

.os-layout.pt-2 {
  padding-top: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-2 {
    padding-top: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-2 {
    padding-top: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-2 {
    padding-top: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-2 {
    padding-top: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-2 {
    padding-top: 24px !important;
  }
}

.os-layout.pt-3 {
  padding-top: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-3 {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-3 {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-3 {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-3 {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-3 {
    padding-top: 32px !important;
  }
}

.os-layout.pt-4 {
  padding-top: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-4 {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-4 {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-4 {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-4 {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-4 {
    padding-top: 40px !important;
  }
}

.os-layout.pt-5 {
  padding-top: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pt-sm-5 {
    padding-top: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pt-md-5 {
    padding-top: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pt-lg-5 {
    padding-top: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pt-xl-5 {
    padding-top: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pt-xxl-5 {
    padding-top: 60px !important;
  }
}

.os-layout.pb-0 {
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-0 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-0 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-0 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-0 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-0 {
    padding-bottom: 16px !important;
  }
}

.os-layout.pb-1 {
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-1 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-1 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-1 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-1 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-1 {
    padding-bottom: 16px !important;
  }
}

.os-layout.pb-2 {
  padding-bottom: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-2 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-2 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-2 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-2 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-2 {
    padding-bottom: 24px !important;
  }
}

.os-layout.pb-3 {
  padding-bottom: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-3 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-3 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-3 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-3 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-3 {
    padding-bottom: 32px !important;
  }
}

.os-layout.pb-4 {
  padding-bottom: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-4 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-4 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-4 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-4 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-4 {
    padding-bottom: 40px !important;
  }
}

.os-layout.pb-5 {
  padding-bottom: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.pb-sm-5 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.pb-md-5 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.pb-lg-5 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.pb-xl-5 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.pb-xxl-5 {
    padding-bottom: 60px !important;
  }
}

.os-layout.m-0 {
  margin: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-0 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-0 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-0 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-0 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-0 {
    margin: 16px !important;
  }
}

.os-layout.m-1 {
  margin: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-1 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-1 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-1 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-1 {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-1 {
    margin: 16px !important;
  }
}

.os-layout.m-2 {
  margin: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-2 {
    margin: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-2 {
    margin: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-2 {
    margin: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-2 {
    margin: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-2 {
    margin: 24px !important;
  }
}

.os-layout.m-3 {
  margin: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-3 {
    margin: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-3 {
    margin: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-3 {
    margin: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-3 {
    margin: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-3 {
    margin: 32px !important;
  }
}

.os-layout.m-4 {
  margin: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-4 {
    margin: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-4 {
    margin: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-4 {
    margin: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-4 {
    margin: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-4 {
    margin: 40px !important;
  }
}

.os-layout.m-5 {
  margin: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.m-sm-5 {
    margin: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.m-md-5 {
    margin: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.m-lg-5 {
    margin: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.m-xl-5 {
    margin: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.m-xxl-5 {
    margin: 60px !important;
  }
}

.os-layout.my-0 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-0 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.os-layout.my-1 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.os-layout.my-2 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.os-layout.my-3 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

.os-layout.my-4 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

.os-layout.my-5 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.my-sm-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.my-md-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.my-lg-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.my-xl-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.my-xxl-5 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

.os-layout.mx-0 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-0 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.os-layout.mx-1 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.os-layout.mx-2 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

.os-layout.mx-3 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

.os-layout.mx-4 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

.os-layout.mx-5 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mx-sm-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mx-md-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mx-lg-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mx-xl-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mx-xxl-5 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

.os-layout.ml-0 {
  margin-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-0 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-0 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-0 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-0 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-0 {
    margin-left: 16px !important;
  }
}

.os-layout.ml-1 {
  margin-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-1 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-1 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-1 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-1 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-1 {
    margin-left: 16px !important;
  }
}

.os-layout.ml-2 {
  margin-left: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-2 {
    margin-left: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-2 {
    margin-left: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-2 {
    margin-left: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-2 {
    margin-left: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-2 {
    margin-left: 24px !important;
  }
}

.os-layout.ml-3 {
  margin-left: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-3 {
    margin-left: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-3 {
    margin-left: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-3 {
    margin-left: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-3 {
    margin-left: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-3 {
    margin-left: 32px !important;
  }
}

.os-layout.ml-4 {
  margin-left: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-4 {
    margin-left: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-4 {
    margin-left: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-4 {
    margin-left: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-4 {
    margin-left: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-4 {
    margin-left: 40px !important;
  }
}

.os-layout.ml-5 {
  margin-left: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.ml-sm-5 {
    margin-left: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.ml-md-5 {
    margin-left: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.ml-lg-5 {
    margin-left: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.ml-xl-5 {
    margin-left: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.ml-xxl-5 {
    margin-left: 60px !important;
  }
}

.os-layout.mr-0 {
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-0 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-0 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-0 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-0 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-0 {
    margin-right: 16px !important;
  }
}

.os-layout.mr-1 {
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-1 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-1 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-1 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-1 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-1 {
    margin-right: 16px !important;
  }
}

.os-layout.mr-2 {
  margin-right: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-2 {
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-2 {
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-2 {
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-2 {
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-2 {
    margin-right: 24px !important;
  }
}

.os-layout.mr-3 {
  margin-right: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-3 {
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-3 {
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-3 {
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-3 {
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-3 {
    margin-right: 32px !important;
  }
}

.os-layout.mr-4 {
  margin-right: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-4 {
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-4 {
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-4 {
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-4 {
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-4 {
    margin-right: 40px !important;
  }
}

.os-layout.mr-5 {
  margin-right: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mr-sm-5 {
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mr-md-5 {
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mr-lg-5 {
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mr-xl-5 {
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mr-xxl-5 {
    margin-right: 60px !important;
  }
}

.os-layout.mt-0 {
  margin-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-0 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-0 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-0 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-0 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-0 {
    margin-top: 16px !important;
  }
}

.os-layout.mt-1 {
  margin-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-1 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-1 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-1 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-1 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-1 {
    margin-top: 16px !important;
  }
}

.os-layout.mt-2 {
  margin-top: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-2 {
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-2 {
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-2 {
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-2 {
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-2 {
    margin-top: 24px !important;
  }
}

.os-layout.mt-3 {
  margin-top: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-3 {
    margin-top: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-3 {
    margin-top: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-3 {
    margin-top: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-3 {
    margin-top: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-3 {
    margin-top: 32px !important;
  }
}

.os-layout.mt-4 {
  margin-top: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-4 {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-4 {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-4 {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-4 {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-4 {
    margin-top: 40px !important;
  }
}

.os-layout.mt-5 {
  margin-top: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mt-sm-5 {
    margin-top: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mt-md-5 {
    margin-top: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mt-lg-5 {
    margin-top: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mt-xl-5 {
    margin-top: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mt-xxl-5 {
    margin-top: 60px !important;
  }
}

.os-layout.mb-0 {
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-0 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-0 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-0 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-0 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-0 {
    margin-bottom: 16px !important;
  }
}

.os-layout.mb-1 {
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-1 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-1 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-1 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-1 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-1 {
    margin-bottom: 16px !important;
  }
}

.os-layout.mb-2 {
  margin-bottom: 24px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-2 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-2 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-2 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-2 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-2 {
    margin-bottom: 24px !important;
  }
}

.os-layout.mb-3 {
  margin-bottom: 32px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-3 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-3 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-3 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-3 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-3 {
    margin-bottom: 32px !important;
  }
}

.os-layout.mb-4 {
  margin-bottom: 40px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-4 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-4 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-4 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-4 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-4 {
    margin-bottom: 40px !important;
  }
}

.os-layout.mb-5 {
  margin-bottom: 60px !important;
}

@media screen and (min-width: 360px) {
  .os-layout.mb-sm-5 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .os-layout.mb-md-5 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1024px) {
  .os-layout.mb-lg-5 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1440px) {
  .os-layout.mb-xl-5 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 1920px) {
  .os-layout.mb-xxl-5 {
    margin-bottom: 60px !important;
  }
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
:root {
  --os-typography-weight-lbold-font-weight: 700;
  --os-typography-weight-bold-font-weight: 700;
  --os-typography-weight-medium-font-weight: 500;
  --os-typography-weight-regular-font-weight: 400;
  --os-typography-style-default-font-style: normal;
  --os-typography-size-xxs-line-height: 0.75rem;
  --os-typography-size-xxs-font-size: 0.625rem;
  --os-typography-size-xs-line-height: 0.875rem;
  --os-typography-size-xs-font-size: 0.75rem;
  --os-typography-size-s-line-height: 1rem;
  --os-typography-size-s-font-size: 0.875rem;
  --os-typography-size-m-line-height: 1.125rem;
  --os-typography-size-m-font-size: 1rem;
  --os-typography-size-l-line-height: 1.25rem;
  --os-typography-size-l-font-size: 1.125rem;
  --os-typography-size-xl-line-height: 1.5rem;
  --os-typography-size-xl-font-size: 1.25rem;
  --os-typography-size-xxl-line-height: 1.75rem;
  --os-typography-size-xxl-font-size: 1.5rem;
  --os-typography-size-xxxl-line-height: 2rem;
  --os-typography-size-xxxl-font-size: 1.75rem;
  --os-typography-size-xxxxl-line-height: 2.5rem;
  --os-typography-size-xxxxl-font-size: 2rem;
  --os-typography-font-default-font-family: "BentonSansPro", "Arial", sans-serif;
  --os-typography-color-negative-name: negative;
  --os-typography-color-positive-name: positive;
  --os-typography-color-secondary-name: secondary;
  --os-typography-color-primary-name: primary;
  --os-typography-color-white-name: white;
  --os-typography-color-lightgrey-name: light-grey;
  --os-typography-color-mediumgrey-name: medium-grey;
  --os-typography-color-darkgrey-name: dark-grey;
  --hidden-positive-color: #01732d;
  --hidden-positive-color-rgb: 1, 115, 45;
  --hidden-secondary-color: #006efc;
  --hidden-secondary-color-rgb: 0, 110, 252;
  --hidden-negative-color: #c3052d;
  --hidden-negative-color-rgb: 195, 5, 45;
  --hover-secondary-135-color: #014297;
  --hover-secondary-135-color-rgb: 1, 66, 151;
  --hover-positive-135-color: #015926;
  --hover-positive-135-color-rgb: 1, 89, 38;
  --hover-negative-135-color: #90090b;
  --hover-negative-135-color-rgb: 144, 9, 11;
  --extended-09-color: #00a1e0;
  --extended-09-color-rgb: 0, 161, 224;
  --extended-08-5-color: #715535;
  --extended-08-5-color-rgb: 113, 85, 53;
  --extended-08-color: #e7b78a;
  --extended-08-color-rgb: 231, 183, 138;
  --extended-07-dark-color: #454d53;
  --extended-07-dark-color-rgb: 69, 77, 83;
  --extended-07-color: #7c868d;
  --extended-07-color-rgb: 124, 134, 141;
  --extended-06-color: #665ec7;
  --extended-06-color-rgb: 102, 94, 199;
  --extended-05-color: #b150c5;
  --extended-05-color-rgb: 177, 80, 197;
  --extended-04-color: #aa0050;
  --extended-04-color-rgb: 170, 0, 80;
  --extended-03-color: #ffb81d;
  --extended-03-color-rgb: 255, 184, 29;
  --extended-02-color: #b5bd00;
  --extended-02-color-rgb: 181, 189, 0;
  --extended-01-color: #00af43;
  --extended-01-color-rgb: 0, 175, 67;
  --extended-11-color: #0a2240;
  --extended-11-color-rgb: 10, 34, 64;
  --extended-10-color: #00bfff;
  --extended-10-color-rgb: 0, 191, 255;
  --neutral-color: #444444;
  --neutral-color-rgb: 68, 68, 68;
  --white-color: #ffffff;
  --white-color-rgb: 255, 255, 255;
  --pale-grey-25-color: #f4f5f7;
  --pale-grey-25-color-rgb: 244, 245, 247;
  --pale-grey-50-color: #e3e6ea;
  --pale-grey-50-color-rgb: 227, 230, 234;
  --pale-grey-color: #ced3d9;
  --pale-grey-color-rgb: 206, 211, 217;
  --light-grey-color: #5c6c80;
  --light-grey-color-rgb: 92, 108, 128;
  --medium-grey-color: #1a314d;
  --medium-grey-color-rgb: 26, 49, 77;
  --dark-grey-color: #02070d;
  --dark-grey-color-rgb: 2, 7, 13;
  --warning-color: #ff681d;
  --warning-color-rgb: 255, 104, 29;
  --negative-color: #dc0a0a;
  --negative-color-rgb: 220, 10, 10;
  --positive-color: #008533;
  --positive-color-rgb: 0, 133, 51;
  --secondary-color: #0062e1;
  --secondary-color-rgb: 0, 98, 225;
  --primary-10-color: #dfeefd;
  --primary-10-color-rgb: 223, 238, 253;
  --primary-20-color: #bfdcfc;
  --primary-20-color-rgb: 191, 220, 252;
  --primary-color: #0033aa;
  --primary-color-rgb: 0, 51, 170;
  --os-border-width-5: 8px;
  --os-border-width-4: 4px;
  --os-border-width-3: 3px;
  --os-border-width-2: 2px;
  --os-border-width-1: 1px;
  --os-border-width-0: 0;
  --os-border-radius-full: 100%;
  --os-border-radius-large: 12px;
  --os-border-radius-default: 8px;
  --os-border-radius-none: 0;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.mat-mdc-dialog-title.mat-mdc-dialog-title {
  font-size: var(--os-typography-size-xl-font-size);
  line-height: var(--os-typography-size-xl-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-card .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.os-snackbar-neutral .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-neutral--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative--action .mat-mdc-snack-bar-label.mdc-snackbar__label {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-medium-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.mat-mdc-option {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--dark-grey-color);
}

.mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

@font-face {
  font-family: "BentonSansPro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('BentonSansProRegular_normal_normal.ed59e16862a7ad9a.woff') format("woff"), url('BentonSansProRegular_normal_normal.f544b30543a907ba.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "BentonSansPro";
  font-weight: 500;
  font-display: swap;
  src: url('BentonSansProMedium_normal_normal.4f07a01f019975e1.woff') format("woff"), url('BentonSansProMedium_normal_normal.a2577fc8d33e2853.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "BentonSansPro";
  font-weight: 700;
  font-display: swap;
  src: url('BentonSansProBold_normal_normal.c6ad695edc95187e.woff') format("woff"), url('BentonSansProBold_normal_normal.ef532408c3e45ec8.woff2') format("woff2");
  font-style: normal;
}
.os-accordion {
  display: block;
  position: relative;
}

.onesource-expansion-panel {
  display: block;
  position: relative;
}

.os-accordion-standard .mat-expansion-panel {
  box-shadow: none !important;
  border: 1px solid var(--pale-grey-50-color) !important;
  border-radius: 0px !important;
  border-width: 1px 0px !important;
}
.os-accordion-standard .mat-expansion-panel-header.mat-expanded {
  height: auto;
}
.os-accordion-standard .panel-content {
  margin-left: 33px;
  margin-bottom: 12px;
  margin-right: 12px;
}
.os-accordion-standard .mat-expansion-panel-body {
  padding: 0px !important;
}
.os-accordion-standard .mat-expansion-panel-header .mat-content {
  padding-left: 40px !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.os-accordion-standard .mat-expansion-panel-header {
  height: auto;
  min-height: 56px;
}
.os-accordion-standard .os-expansion-panel-icon {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 24px;
  top: 16px;
  color: var(--secondary-color);
  transform: translateY(-3px);
}
.os-accordion-standard .mat-expansion-panel.mat-expanded .os-expansion-panel-icon {
  transform: translateY(-3px);
}
.os-accordion-standard .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background-color: var(--white-color) !important;
  border: var(--white-color);
}
.os-accordion-standard .mat-expansion-panel.mat-expanded {
  margin-top: -5px;
  margin-bottom: -5px;
  border-radius: 0px;
  box-shadow: none !important;
  border-width: 1px 0px;
}
.os-accordion-standard .mat-expansion-panel-content {
  letter-spacing: normal;
  color: var(--light-grey-color);
}
.os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title {
  transform: translate(-19px, -4px);
  display: flex;
  align-items: center;
  order: 1;
}
.os-accordion-standard .mat-expansion-panel:not(.mat-expanded),
.os-accordion-standard .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  margin-bottom: -5px;
}

.os-accordion-card .mat-expansion-panel {
  box-sizing: border-box !important;
  box-shadow: none !important;
  border: 1px solid var(--pale-grey-color);
  border-radius: 0px;
  color: var(--light-grey-color) !important;
}
.os-accordion-card .mat-expansion-panel-header.mat-expanded {
  height: auto;
}
.os-accordion-card .mat-expansion-panel-header .mat-content {
  padding-left: 40px !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.os-accordion-card .mat-expansion-panel-header {
  height: auto;
  min-height: 56px;
}
.os-accordion-card .os-expansion-panel-icon {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 24px;
  top: 16px;
  color: var(--secondary-color);
  transform: translateY(-3px);
}
.os-accordion-card > .onesource-expansion-panel:first-child > .mat-expansion-panel {
  border-radius: 12px 12px 0px 0px !important;
}
.os-accordion-card > .onesource-expansion-panel:last-child > .mat-expansion-panel {
  border-radius: 0px 0px 12px 12px !important;
}
.os-accordion-card .mat-expansion-panel:not(.mat-expanded),
.os-accordion-card .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  margin-bottom: -5px;
  justify-content: space-between;
  align-items: center;
}
.os-accordion-card .mat-expansion-panel-content {
  color: var(--light-grey-color) !important;
}
.os-accordion-card .panel-content {
  margin-left: 33px;
  margin-bottom: 12px;
  margin-right: 12px;
}
.os-accordion-card .mat-expansion-panel-body {
  padding: 0px !important;
}
.os-accordion-card .mat-expansion-panel-header-title {
  transform: translate(-19px, -4px);
  display: flex;
  align-items: center;
  order: 1;
}
.os-accordion-card .mat-expansion-panel.mat-expanded .os-expansion-panel-icon {
  transform: translateY(-3px);
}
.os-accordion-card .onesource-expansion-panel-expanded {
  margin: 16px 0;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.mat-mdc-dialog-title.mat-mdc-dialog-title {
  font-size: var(--os-typography-size-xl-font-size);
  line-height: var(--os-typography-size-xl-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.os-snackbar-neutral .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-neutral--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative--action .mat-mdc-snack-bar-label.mdc-snackbar__label {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-medium-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.mat-mdc-option {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--dark-grey-color);
}

.mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.os-snackbar-negative,
.os-snackbar-negative--action {
  visibility: visible !important;
  background: var(--negative-color) !important;
}

.os-snackbar-positive--action,
.os-snackbar-positive {
  background: var(--positive-color) !important;
}

.os-snackbar-neutral,
.os-snackbar-neutral--action,
.os-snackbar-positive,
.os-snackbar-positive--action,
.os-snackbar-negative,
.os-snackbar-negative--action {
  border-radius: 8px !important;
  min-width: 360px !important;
}
.os-snackbar-neutral .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-neutral--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative--action .mat-mdc-snack-bar-label.mdc-snackbar__label {
  white-space: pre-line;
}
.os-snackbar-neutral mat-snack-bar-container,
.os-snackbar-neutral--action mat-snack-bar-container,
.os-snackbar-positive mat-snack-bar-container,
.os-snackbar-positive--action mat-snack-bar-container,
.os-snackbar-negative mat-snack-bar-container,
.os-snackbar-negative--action mat-snack-bar-container {
  padding: 14px 16px;
}

mat-snack-bar-container.mat-mdc-snack-bar-container {
  --mat-snack-bar-button-color: var(--white-color);
}

.mat-mdc-form-field-type-osx-autocomplete .mdc-floating-label:not(.mdc-floating-label--float-above) {
  transform: translate(32px, -50%);
}

.mat-mdc-autocomplete-panel {
  top: -22px;
  position: absolute !important;
  border-top-left-radius: var(--mdc-shape-medium) !important;
  border-top-right-radius: var(--mdc-shape-medium) !important;
}

.flex {
  display: flex;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--os-typography-font-default-font-family);
}

.os-card-header {
  color: var(--medium-grey-color);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
  margin-top: 0;
}

.os-card-subheading {
  font-style: normal;
  color: var(--light-grey-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
  margin-top: 0;
}

.os-card-body-text {
  color: var(--light-grey-color);
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}

.os-card-inverse * {
  color: var(--white);
}

/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
:root {
  --hidden-grey-60: rgba(
    244,
    245,
    247,
    0.6
  ); /*used in table cell 2nd child row*/
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #0062e1;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #0033aa;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #dc0a0a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #0062e1;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0062e1;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #0033aa;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #0033aa;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #dc0a0a;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc0a0a;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  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);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: var(--os-typography-font-default-font-family);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: var(--os-typography-font-default-font-family);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: var(--os-typography-font-default-font-family);
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--os-typography-font-default-font-family);
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #0062e1;
  --mdc-linear-progress-track-color: rgba(0, 98, 225, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #0033aa;
  --mdc-linear-progress-track-color: rgba(0, 51, 170, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #dc0a0a;
  --mdc-linear-progress-track-color: rgba(220, 10, 10, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: var(--os-typography-font-default-font-family);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #0062e1;
  --mdc-filled-text-field-focus-active-indicator-color: #0062e1;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 98, 225, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #dc0a0a;
  --mdc-filled-text-field-error-focus-label-text-color: #dc0a0a;
  --mdc-filled-text-field-error-label-text-color: #dc0a0a;
  --mdc-filled-text-field-error-caret-color: #dc0a0a;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #dc0a0a;
  --mdc-filled-text-field-error-focus-active-indicator-color: #dc0a0a;
  --mdc-filled-text-field-error-hover-active-indicator-color: #dc0a0a;
  --mdc-outlined-text-field-caret-color: #0062e1;
  --mdc-outlined-text-field-focus-outline-color: #0062e1;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 98, 225, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #dc0a0a;
  --mdc-outlined-text-field-error-focus-label-text-color: #dc0a0a;
  --mdc-outlined-text-field-error-label-text-color: #dc0a0a;
  --mdc-outlined-text-field-error-hover-label-text-color: #dc0a0a;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #dc0a0a;
  --mdc-outlined-text-field-error-hover-outline-color: #dc0a0a;
  --mdc-outlined-text-field-error-outline-color: #dc0a0a;
  --mat-form-field-focus-select-arrow-color: rgba(0, 98, 225, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc0a0a;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #0033aa;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87);
  --mdc-outlined-text-field-caret-color: #0033aa;
  --mdc-outlined-text-field-focus-outline-color: #0033aa;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(0, 51, 170, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #dc0a0a;
  --mdc-filled-text-field-focus-active-indicator-color: #dc0a0a;
  --mdc-filled-text-field-focus-label-text-color: rgba(220, 10, 10, 0.87);
  --mdc-outlined-text-field-caret-color: #dc0a0a;
  --mdc-outlined-text-field-focus-outline-color: #dc0a0a;
  --mdc-outlined-text-field-focus-label-text-color: rgba(220, 10, 10, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(220, 10, 10, 0.87);
}

html {
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
}

html {
  --mdc-filled-text-field-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--os-typography-font-default-font-family);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: var(--os-typography-font-default-font-family);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 98, 225, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 10, 10, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 51, 170, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 10, 10, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 10, 10, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 10, 10, 0.87);
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: none;
}

html {
  --mat-select-trigger-text-font: var(--os-typography-font-default-font-family);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font: var(--os-typography-font-default-font-family);
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: var(--os-typography-font-default-font-family);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0062e1;
  --mdc-chip-elevated-disabled-container-color: #0062e1;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0033aa;
  --mdc-chip-elevated-disabled-container-color: #0033aa;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #dc0a0a;
  --mdc-chip-elevated-disabled-container-color: #dc0a0a;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-handle-opacity: 0.38;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #005add;
  --mdc-switch-selected-handle-color: #005add;
  --mdc-switch-selected-hover-state-layer-color: #005add;
  --mdc-switch-selected-pressed-state-layer-color: #005add;
  --mdc-switch-selected-focus-handle-color: #0034cd;
  --mdc-switch-selected-hover-handle-color: #0034cd;
  --mdc-switch-selected-pressed-handle-color: #0034cd;
  --mdc-switch-selected-focus-track-color: #4d91ea;
  --mdc-switch-selected-hover-track-color: #4d91ea;
  --mdc-switch-selected-pressed-track-color: #4d91ea;
  --mdc-switch-selected-track-color: #4d91ea;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #002ea3;
  --mdc-switch-selected-handle-color: #002ea3;
  --mdc-switch-selected-hover-state-layer-color: #002ea3;
  --mdc-switch-selected-pressed-state-layer-color: #002ea3;
  --mdc-switch-selected-focus-handle-color: #00147f;
  --mdc-switch-selected-hover-handle-color: #00147f;
  --mdc-switch-selected-pressed-handle-color: #00147f;
  --mdc-switch-selected-focus-track-color: #4d70c4;
  --mdc-switch-selected-hover-track-color: #4d70c4;
  --mdc-switch-selected-pressed-track-color: #4d70c4;
  --mdc-switch-selected-track-color: #4d70c4;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #d80909;
  --mdc-switch-selected-handle-color: #d80909;
  --mdc-switch-selected-hover-state-layer-color: #d80909;
  --mdc-switch-selected-pressed-state-layer-color: #d80909;
  --mdc-switch-selected-focus-handle-color: #c50303;
  --mdc-switch-selected-hover-handle-color: #c50303;
  --mdc-switch-selected-pressed-handle-color: #c50303;
  --mdc-switch-selected-focus-track-color: #e75454;
  --mdc-switch-selected-hover-track-color: #e75454;
  --mdc-switch-selected-pressed-track-color: #e75454;
  --mdc-switch-selected-track-color: #e75454;
}

html {
  --mdc-switch-state-layer-size: 32px;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0062e1;
  --mdc-radio-selected-hover-icon-color: #0062e1;
  --mdc-radio-selected-icon-color: #0062e1;
  --mdc-radio-selected-pressed-icon-color: #0062e1;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #0062e1;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0033aa;
  --mdc-radio-selected-hover-icon-color: #0033aa;
  --mdc-radio-selected-icon-color: #0033aa;
  --mdc-radio-selected-pressed-icon-color: #0033aa;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #0033aa;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #dc0a0a;
  --mdc-radio-selected-hover-icon-color: #dc0a0a;
  --mdc-radio-selected-icon-color: #dc0a0a;
  --mdc-radio-selected-pressed-icon-color: #dc0a0a;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #dc0a0a;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 32px;
}

.mat-mdc-radio-touch-target {
  display: none;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #0062e1;
  --mdc-slider-focus-handle-color: #0062e1;
  --mdc-slider-hover-handle-color: #0062e1;
  --mdc-slider-active-track-color: #0062e1;
  --mdc-slider-inactive-track-color: #0062e1;
  --mdc-slider-with-tick-marks-inactive-container-color: #0062e1;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #0062e1;
  --mat-slider-hover-state-layer-color: rgba(0, 98, 225, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 98, 225, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #0033aa;
  --mat-slider-hover-state-layer-color: rgba(0, 51, 170, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 51, 170, 0.2);
  --mdc-slider-handle-color: #0033aa;
  --mdc-slider-focus-handle-color: #0033aa;
  --mdc-slider-hover-handle-color: #0033aa;
  --mdc-slider-active-track-color: #0033aa;
  --mdc-slider-inactive-track-color: #0033aa;
  --mdc-slider-with-tick-marks-inactive-container-color: #0033aa;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #dc0a0a;
  --mat-slider-hover-state-layer-color: rgba(220, 10, 10, 0.05);
  --mat-slider-focus-state-layer-color: rgba(220, 10, 10, 0.2);
  --mdc-slider-handle-color: #dc0a0a;
  --mdc-slider-focus-handle-color: #dc0a0a;
  --mdc-slider-hover-handle-color: #dc0a0a;
  --mdc-slider-active-track-color: #dc0a0a;
  --mdc-slider-inactive-track-color: #dc0a0a;
  --mdc-slider-with-tick-marks-inactive-container-color: #dc0a0a;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mdc-slider-label-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

html {
  --mat-menu-item-label-text-font: var(--os-typography-font-default-font-family);
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0062e1;
  --mdc-radio-selected-hover-icon-color: #0062e1;
  --mdc-radio-selected-icon-color: #0062e1;
  --mdc-radio-selected-pressed-icon-color: #0062e1;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0033aa;
  --mdc-radio-selected-hover-icon-color: #0033aa;
  --mdc-radio-selected-icon-color: #0033aa;
  --mdc-radio-selected-pressed-icon-color: #0033aa;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #dc0a0a;
  --mdc-radio-selected-hover-icon-color: #dc0a0a;
  --mdc-radio-selected-icon-color: #dc0a0a;
  --mdc-radio-selected-pressed-icon-color: #dc0a0a;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #0062e1;
  --mdc-checkbox-selected-hover-icon-color: #0062e1;
  --mdc-checkbox-selected-icon-color: #0062e1;
  --mdc-checkbox-selected-pressed-icon-color: #0062e1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0062e1;
  --mdc-checkbox-selected-hover-state-layer-color: #0062e1;
  --mdc-checkbox-selected-pressed-state-layer-color: #0062e1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  --mdc-checkbox-selected-hover-icon-color: #0033aa;
  --mdc-checkbox-selected-icon-color: #0033aa;
  --mdc-checkbox-selected-pressed-icon-color: #0033aa;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0033aa;
  --mdc-checkbox-selected-hover-state-layer-color: #0033aa;
  --mdc-checkbox-selected-pressed-state-layer-color: #0033aa;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #dc0a0a;
  --mdc-checkbox-selected-hover-icon-color: #dc0a0a;
  --mdc-checkbox-selected-icon-color: #dc0a0a;
  --mdc-checkbox-selected-pressed-icon-color: #dc0a0a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #dc0a0a;
  --mdc-checkbox-selected-hover-state-layer-color: #dc0a0a;
  --mdc-checkbox-selected-pressed-state-layer-color: #dc0a0a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #0062e1;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #0062e1;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 32px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}

html {
  --mdc-list-list-item-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--os-typography-font-default-font-family);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--os-typography-font-default-font-family);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px var(--os-typography-font-default-font-family);
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 48px;
}

.mat-mdc-paginator {
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-paginator-container-text-font: var(--os-typography-font-default-font-family);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #0062e1;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #0062e1;
  --mat-tab-header-active-ripple-color: #0062e1;
  --mat-tab-header-inactive-ripple-color: #0062e1;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0062e1;
  --mat-tab-header-active-hover-label-text-color: #0062e1;
  --mat-tab-header-active-focus-indicator-color: #0062e1;
  --mat-tab-header-active-hover-indicator-color: #0062e1;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #0033aa;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #0033aa;
  --mat-tab-header-active-ripple-color: #0033aa;
  --mat-tab-header-inactive-ripple-color: #0033aa;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0033aa;
  --mat-tab-header-active-hover-label-text-color: #0033aa;
  --mat-tab-header-active-focus-indicator-color: #0033aa;
  --mat-tab-header-active-hover-indicator-color: #0033aa;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #dc0a0a;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #dc0a0a;
  --mat-tab-header-active-ripple-color: #dc0a0a;
  --mat-tab-header-inactive-ripple-color: #dc0a0a;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #dc0a0a;
  --mat-tab-header-active-hover-label-text-color: #dc0a0a;
  --mat-tab-header-active-focus-indicator-color: #dc0a0a;
  --mat-tab-header-active-hover-indicator-color: #dc0a0a;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #0062e1;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #0033aa;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #dc0a0a;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 40px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: var(--os-typography-font-default-font-family);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 700;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  --mdc-checkbox-selected-hover-icon-color: #0033aa;
  --mdc-checkbox-selected-icon-color: #0033aa;
  --mdc-checkbox-selected-pressed-icon-color: #0033aa;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0033aa;
  --mdc-checkbox-selected-hover-state-layer-color: #0033aa;
  --mdc-checkbox-selected-pressed-state-layer-color: #0033aa;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #0062e1;
  --mdc-checkbox-selected-hover-icon-color: #0062e1;
  --mdc-checkbox-selected-icon-color: #0062e1;
  --mdc-checkbox-selected-pressed-icon-color: #0062e1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0062e1;
  --mdc-checkbox-selected-hover-state-layer-color: #0062e1;
  --mdc-checkbox-selected-pressed-state-layer-color: #0062e1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #dc0a0a;
  --mdc-checkbox-selected-hover-icon-color: #dc0a0a;
  --mdc-checkbox-selected-icon-color: #dc0a0a;
  --mdc-checkbox-selected-pressed-icon-color: #dc0a0a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #dc0a0a;
  --mdc-checkbox-selected-hover-state-layer-color: #dc0a0a;
  --mdc-checkbox-selected-pressed-state-layer-color: #dc0a0a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 32px;
}

.mat-mdc-checkbox-touch-target {
  display: none;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}

html {
  --mdc-text-button-label-text-color: #000;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: #000;
  --mat-text-button-disabled-state-layer-color: #000;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #000;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-disabled-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #000;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-disabled-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: #000;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #000;
  --mat-outlined-button-disabled-state-layer-color: #000;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #0062e1;
  --mat-text-button-state-layer-color: #0062e1;
  --mat-text-button-ripple-color: rgba(0, 98, 225, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #0033aa;
  --mat-text-button-state-layer-color: #0033aa;
  --mat-text-button-ripple-color: rgba(0, 51, 170, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #dc0a0a;
  --mat-text-button-state-layer-color: #dc0a0a;
  --mat-text-button-ripple-color: rgba(220, 10, 10, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #0062e1;
  --mdc-filled-button-label-text-color: #fff;
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #0033aa;
  --mdc-filled-button-label-text-color: #fff;
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #dc0a0a;
  --mdc-filled-button-label-text-color: #fff;
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #0062e1;
  --mdc-protected-button-label-text-color: #fff;
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #0033aa;
  --mdc-protected-button-label-text-color: #fff;
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #dc0a0a;
  --mdc-protected-button-label-text-color: #fff;
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #0062e1;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #0062e1;
  --mat-outlined-button-ripple-color: rgba(0, 98, 225, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #0033aa;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #0033aa;
  --mat-outlined-button-ripple-color: rgba(0, 51, 170, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #dc0a0a;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #dc0a0a;
  --mat-outlined-button-ripple-color: rgba(220, 10, 10, 0.1);
}

html {
  --mdc-text-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
}

.mat-mdc-button .mat-mdc-button-touch-target,
.mat-mdc-raised-button .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
.mat-mdc-outlined-button .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mdc-text-button-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 700;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 700;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 700;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 700;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-icon-button-state-layer-size: 48px;
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: #000;
  --mat-icon-button-disabled-state-layer-color: #000;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #0062e1;
  --mat-icon-button-state-layer-color: #0062e1;
  --mat-icon-button-ripple-color: rgba(0, 98, 225, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #0033aa;
  --mat-icon-button-state-layer-color: #0033aa;
  --mat-icon-button-ripple-color: rgba(0, 51, 170, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #dc0a0a;
  --mat-icon-button-state-layer-color: #dc0a0a;
  --mat-icon-button-ripple-color: rgba(220, 10, 10, 0.1);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: #000;
  --mat-fab-disabled-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary,
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #0062e1;
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent,
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #0033aa;
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn,
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #dc0a0a;
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mdc-extended-fab-label-text-font: var(--os-typography-font-default-font-family);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 700;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #0033aa;
}

html {
  --mdc-snackbar-supporting-text-font: var(--os-typography-font-default-font-family);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
}

html {
  --mat-table-header-headline-font: var(--os-typography-font-default-font-family);
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: var(--os-typography-font-default-font-family);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: var(--os-typography-font-default-font-family);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #0062e1;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #0033aa;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #dc0a0a;
}

html {
  --mat-badge-background-color: #0062e1;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #0033aa;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #dc0a0a;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: var(--os-typography-font-default-font-family);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: var(--os-typography-font-default-font-family);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 40px;
}

html {
  --mat-legacy-button-toggle-text-font: var(--os-typography-font-default-font-family);
  --mat-standard-button-toggle-text-font: var(--os-typography-font-default-font-family);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0062e1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 98, 225, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 98, 225, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 98, 225, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0062e1;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 98, 225, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0033aa;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 51, 170, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 51, 170, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 51, 170, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 51, 170, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc0a0a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 10, 10, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 10, 10, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 10, 10, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 10, 10, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #0033aa;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc0a0a;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-datepicker-calendar-text-font: var(--os-typography-font-default-font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 700;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 700;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
}

html {
  --mat-expansion-header-text-font: var(--os-typography-font-default-font-family);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--os-typography-font-default-font-family);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #0062e1;
}
.mat-icon.mat-accent {
  --mat-icon-color: #0033aa;
}
.mat-icon.mat-warn {
  --mat-icon-color: #dc0a0a;
}

html {
  --mat-sidenav-container-shape: 0;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0062e1;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0062e1;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0062e1;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc0a0a;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc0a0a;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0033aa;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0033aa;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0033aa;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc0a0a;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc0a0a;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc0a0a;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 64px;
}

html {
  --mat-stepper-container-text-font: var(--os-typography-font-default-font-family);
  --mat-stepper-header-label-text-font: var(--os-typography-font-default-font-family);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0062e1;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #0033aa;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc0a0a;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
}

html {
  --mat-toolbar-title-text-font: var(--os-typography-font-default-font-family);
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 40px;
}

html {
  --mat-tree-node-text-font: var(--os-typography-font-default-font-family);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

.gradient-border-left {
  border-left: 1px var(--secondary-color) solid;
}
.gradient-border-left[border-color=gradient-06-diagonal] {
  border-image: var(--gradient-06-diagonal) 1 100%;
}
.gradient-border-left[border-color=gradient-blue-02-diagonal] {
  border-image: var(--gradient-blue-02-diagonal) 1 100%;
}
.gradient-border-left[border-color=gradient-12-diagonal] {
  border-image: var(--gradient-12-diagonal) 1 100%;
}
.gradient-border-left[border-color=gradient-05-diagonal] {
  border-image: var(--gradient-05-diagonal) 1 100%;
}
.gradient-border-left[border-color=gradient-03-diagonal-reversed] {
  border-image: var(--gradient-03-diagonal-reversed) 1 100%;
}
.gradient-border-left[border-color=gradient-blue-01-diagonal] {
  border-image: var(--gradient-blue-01-diagonal) 1 100%;
}
.gradient-border-left[border-color=gradient-01-diagonal] {
  border-image: var(--gradient-01-diagonal) 1 100%;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.mat-mdc-dialog-title.mat-mdc-dialog-title {
  font-size: var(--os-typography-size-xl-font-size);
  line-height: var(--os-typography-size-xl-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.os-snackbar-neutral .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-neutral--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative--action .mat-mdc-snack-bar-label.mdc-snackbar__label {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-medium-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.mat-mdc-option {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--dark-grey-color);
}

.mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.os-button-icon svg {
  vertical-align: unset !important;
}

mat-icon {
  vertical-align: middle;
}
mat-icon.medium.medium {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
mat-icon.small.small {
  font-size: 14px;
  height: 14px;
  width: 14px;
  line-height: 14px;
}
mat-icon.inverse {
  color: var(--WHITE-COLOR);
}
mat-icon.primary {
  color: var(--PRIMARY-COLOR);
}
mat-icon.secondary {
  color: var(--FONT-LIGHT-COLOR);
}

.mat-slider-horizontal {
  width: 100%;
}

.mat-select-panel .mat-mdc-option.mat-option {
  line-height: inherit;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/
.mat-option-text {
  padding-left: 12px;
  padding-right: 12px;
  color: var(--light-grey-color);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--PRIMARY-COLOR-ALPHA);
}

.mat-ink-bar {
  height: 4px !important;
  background-color: var(--TERTIARY-COLOR) !important;
}

.mat-mdc-tab-header {
  background-color: var(--WHITE-COLOR);
}

.mat-mdc-tab {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
}
.mat-mdc-tab-group {
  overflow: hidden;
}
.mat-mdc-tab-label, .mat-mdc-tab-link {
  min-width: inherit;
  text-transform: uppercase;
  opacity: 1 !important;
}
.mat-mdc-tab-body-content.mat-tab-body-content {
  overflow: hidden;
}

snack-bar-container.success-snackbar {
  background-color: var(--POSITIVE-COLOR);
}

.mat-mdc-dialog-container.mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 12px;
  --mdc-dialog-subhead-color: var(--white-color);
  padding: 0 !important;
  display: block;
}
.mat-mdc-dialog-title.mat-mdc-dialog-title {
  margin: 0 !important;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--gradient-blue-01-diagonal);
}
.mat-mdc-dialog-title.mat-mdc-dialog-title.mdc-dialog__title::before {
  display: none;
}
.mat-mdc-dialog-title.mat-mdc-dialog-title.compact {
  padding: var(--os-border-width-5);
}
.mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
  display: block;
  padding: 16px;
  margin: auto;
  --mdc-dialog-supporting-text-color: var(--medium-grey-color);
}
.mat-mdc-dialog-actions.mat-mdc-dialog-actions.mdc-dialog__actions {
  padding-top: 16px;
  padding-bottom: var(--os-border-width-5);
  min-height: inherit;
}
.mat-mdc-dialog-actions.mat-mdc-dialog-actions.mdc-dialog__actions.compact {
  padding-top: var(--os-border-width-5);
  padding-bottom: var(--os-border-width-5);
}
.mat-mdc-dialog-actions:last-child {
  margin-bottom: 0 !important;
  justify-content: flex-end;
  padding-right: 16px;
}

.mat-mdc-form-field {
  --mdc-shape-small: 8px;
}

.cdk-overlay {
  max-width: 80%;
  width: 50%;
}

.mat-mdc-checkbox .mdc-checkbox__checkmark {
  --mdc-checkbox-selected-checkmark-color: var(--white-color);
}

.mat-divider {
  border-top-color: var(--pale-grey-color) !important;
}

.mat-mdc-slide-toggle .mdc-switch__icon {
  display: none;
}

.mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 8px !important;
  --mdc-outlined-text-field-outline-color: var(--light-grey-color);
  --mdc-outlined-text-field-hover-outline-color: var(--light-grey-color);
  --mdc-outlined-text-field-disabled-outline-color: var(--light-grey-color);
  --mdc-outlined-text-field-focus-outline-color: var(--secondary-color);
  --mdc-outlined-text-field-error-hover-outline-color: var(--negative-color);
  --mdc-outlined-text-field-label-text-color: var(--medium-grey-color);
  --mdc-outlined-text-field-hover-label-text-color: var(--medium-grey-color);
  --mdc-outlined-text-field-disabled-label-text-color: var(--medium-grey-color);
  --mdc-outlined-text-field-focus-label-text-color: var(--secondary-color);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--negative-color);
  --mdc-outlined-text-field-input-text-color: var(--dark-grey-color);
}
.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: var(--pale-grey-25-color);
}

.mdc-menu-surface {
  --mdc-shape-medium: 8px;
}

.mat-mdc-form-field.full-width {
  width: 100%;
}

.mat-datepicker-content {
  border-radius: 8px !important;
}

/*
 * Do not edit directly
 * Generated on Tue May 14 2024 10:28:22 GMT+0000 (Coordinated Universal Time)
 */
.mat-mdc-dialog-title.mat-mdc-dialog-title {
  font-size: var(--os-typography-size-xl-font-size);
  line-height: var(--os-typography-size-xl-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.os-snackbar-neutral .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-neutral--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-positive--action .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative .mat-mdc-snack-bar-label.mdc-snackbar__label,
.os-snackbar-negative--action .mat-mdc-snack-bar-label.mdc-snackbar__label {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--white-color);
}

.os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  font-size: var(--os-typography-size-m-font-size);
  line-height: var(--os-typography-size-m-line-height);
  font-weight: var(--os-typography-weight-medium-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

.mat-mdc-option {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--dark-grey-color);
}

.mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
  font-size: var(--os-typography-size-s-font-size);
  line-height: var(--os-typography-size-s-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--medium-grey-color);
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* Ionic theme colours */
/** Ionic CSS Variables **/
:root {
  --ion-font-family: var(--os-typography-font-default-font-family);
  --ion-color-primary: #0033aa;
  --ion-color-primary-rgb: 0, 51, 170;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #002d96;
  --ion-color-primary-tint: #1a47b3;
  --ion-color-secondary: #0062e1;
  --ion-color-secondary-rgb: 0, 98, 225;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0056c6;
  --ion-color-secondary-tint: #1a72e4;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb: 96, 48, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #008533;
  --ion-color-success-rgb: 0, 133, 51;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #00752d;
  --ion-color-success-tint: #1a9147;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #e70011;
  --ion-color-danger-rgb: 231, 0, 17;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cb000f;
  --ion-color-danger-tint: #e91a29;
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 255, 255, 255;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #e0e0e0;
  --ion-color-light-tint: #ffffff;
  --ion-color-medium: #02070d;
  --ion-color-medium-rgb: 2, 7, 13;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #02060b;
  --ion-color-medium-tint: #1b2025;
  --ion-color-dark: #1a314d;
  --ion-color-dark-rgb: 26, 49, 77;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #172b44;
  --ion-color-dark-tint: #31465f;
  --font-head: 20px;
  --font-title: 18px;
  --font-subtitle: 16px;
  --font-body: 14px;
  --font-small-body: 12px;
  --ion-border-color: #f1f0f0;
  --ion-border-radius: 10px;
  --ion-pale-gray: #f4f5f7;
}

html {
  /*
   * For more information on dynamic font scaling, visit the documentation:
   * https://ionicframework.com/docs/layout/dynamic-font-scaling
   */
  --ion-dynamic-font: var(--ion-default-dynamic-font);
}

/* Core CSS required for Ionic components to work properly */
html,
body {
  margin: 0;
  padding: 0;
  background-color: #f6f6f6;
  line-height: 1.5;
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
  margin: 0;
  padding: 0;
}

/* global button css start */
.mdc-button {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
}

.button-wrapper {
  text-transform: uppercase;
}
.button-wrapper .whiteBg.mat-mdc-button:not(:disabled) {
  --mdc-text-button-label-text-color: $primary-color;
  color: var(--mdc-text-button-label-text-color);
}

.noneWhiteBg.mat-mdc-button:not(:disabled) {
  --mdc-text-button-label-text-color: #ffffff;
  color: var(--mdc-text-button-label-text-color);
}

.font-bold-14-medium {
  font-size: 14;
  font-weight: bold;
}

/* global button css end */
/* ------------ ------------ ------------  common css : start ------------ ------------  -------------- */
.row {
  max-width: 980px !important;
  margin-right: auto;
  margin-left: auto;
  flex-flow: row wrap;
}

.align-justify {
  justify-content: space-between;
}

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

@media only screen and (max-width: 768px) {
  .right-section {
    margin-left: auto;
  }
}

.cursor-pointer,
.mat-icon {
  cursor: pointer;
}

.animate-up {
  animation: bottomAnimateUp 0.15s linear;
  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.no-animation,
.no-animation * {
  /*CSS transitions*/
  transition-property: none !important;
  /*CSS animations*/
  animation: none !important;
}

p {
  margin: 0px;
  line-height: inherit;
}

.mat-button-wrapper,
.section-label,
.divider-lable,
.beneficiary-details-header__name--capitalize,
.beneficicary-details__benef-name,
.details__benef-name,
.mat-radio-label-content,
.nav-link {
  text-transform: capitalize !important;
}

.rec-success-icon {
  font-size: 48px !important;
  margin: auto;
  width: 48px !important;
  color: #0e8a00 !important;
  height: 48px !important;
}

.rec-error-icon {
  font-size: 48px !important;
  margin: auto;
  width: 48px !important;
  color: #e70011 !important;
  height: 48px !important;
}

.rec-warning-icon {
  font-size: 48px !important;
  margin: auto;
  width: 48px !important;
  color: #ffb822 !important;
  height: 48px !important;
}

.mat-form-field-label {
  text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
  /* BORDER */
  .small-left-right-bottom-border-0 {
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
  }
  .small-left-right-border-0 {
    border-left: 0px !important;
    border-right: 0px !important;
  }
  .small-top-bottom-border-0 {
    border-top: 0px !important;
    border-bottom: 0px !important;
  }
  .small-top-border-0 {
    border-top: 0px !important;
  }
  .small-bottom-border-0 {
    border-bottom: 0px !important;
  }
  /* PADDING */
  .small-left-right-padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .small-top-bottom-padding-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .small-padding-0 {
    padding: 0px !important;
  }
  .small-top-right-botton-padding-1 {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  /* MARGIN */
  .small-left-right-margin-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .small-margin-0 {
    margin: 0px !important;
  }
}
.left-right-bottom-border-0 {
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}

.left-right-border-0 {
  border-left: 0px !important;
  border-right: 0px !important;
}

.left-right-padding-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.top-bottom-padding-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.left-right-margin-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* --------------- MARGIN : AUTO ----------------- */
.left-margin-auto {
  margin-left: auto;
}

.right-margin-auto {
  margin-left: auto;
}

.left-right-margin-auto {
  margin-left: auto;
  margin-right: auto;
}

/* --------------- PRINT DOWNLOAD SECTION ----------------- */
.pd-section {
  margin: auto;
  max-width: 150px;
}

@media only screen and (max-width: 768px) {
  .small-only-padding-top-1 {
    padding-top: 16px !important;
  }
}
.border-bottom {
  border-bottom: 1px solid #ededed;
}

.border-top {
  border-top: 1px solid #ededed;
}

.border-left {
  border-left: 1px solid #ededed;
}

.border-right {
  border-right: 1px solid #ededed;
}

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

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

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

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

.small-dashes {
  border-bottom: 1px dashed #767676;
  margin: 16px auto;
}

hr.light-solid {
  border-bottom: 1px solid #ededed;
  margin: 16px auto;
  opacity: 0.3;
}

.center-heading {
  text-align: center;
  font-size: 14px;
  color: #767676;
}

.center-heading-with-icon {
  text-align: center;
  font-size: 14px;
  color: #767676;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}

.manage-groups {
  height: auto;
  min-height: 62px;
  padding: 0 16px;
  background-color: #fefefe;
  border-top: 0;
}

.manage-groups .mat-form-field-wrapper {
  padding: 0px;
  padding-top: 7px;
}

.verifyButton {
  padding: 6px 0px;
  background-color: transparent;
  border: 1px solid #0033aa;
  border-radius: 4px;
  color: #0033aa;
  font-size: 14px;
  font-family: sfpro-text-medium;
  cursor: pointer;
  min-height: 28px;
  min-width: 72px;
  font-style: normal;
  line-height: 17px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3px;
}

@media only screen and (max-width: 640px) {
  .manage-groups {
    padding: 0px 10px;
  }
}
.bottom-divider {
  margin: 35px auto 22px auto;
}

.tips-notVerified {
  background-color: #e4e4e4;
  color: #555555;
  font-size: 12px;
  border-radius: 2px;
  padding: 8px;
  margin-bottom: 10px;
}

.tips-notVerified-hybrid {
  background-color: #f6f6f6;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12px;
  margin-bottom: 16px;
}

/* --------------- fonts----------------- */
.font-medium-14-primary {
  font-size: 14px;
  color: #0033aa;
  font-weight: 500;
}

.font-regular-14-medium {
  font-size: 14px;
  color: #444444;
}

.font-regular-12-light {
  font-size: 12px;
  color: #767676;
}

.font-regular-14-light {
  font-size: 14px;
  color: #767676;
}

.font-regular-14-gray {
  font-size: 14px;
  color: #444444;
}

.font-regular-14-primary {
  font-size: 14px;
  color: #0033aa;
}

.font-regular-20-primary {
  font-size: 20px;
  color: #0033aa;
}

.font-bold-14-medium {
  font-size: 14px;
  font-weight: 500;
}

/* ------------ ------------ ------------  common css : end ------------ ------------  -------------- */
/* ------------ ------------ ------------  sticky detail block : start ------------ ------------  -------------- */
@media only screen and (max-width: 640px) {
  .blocks-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1005;
    height: 100vh;
    overflow: auto;
    padding: 20px;
    display: block;
    visibility: visible;
    background-color: #f6f6f6;
    border-top: 4px solid #0033aa;
  }
  .blocks-sticky .block-heading {
    text-align: center;
    padding: 16px;
    font-size: 16px;
    color: #222222;
  }
  .blocks-sticky .detail-filter-container {
    height: 100%;
    padding: 0px;
  }
  .blocks-sticky .sticky-top-margin {
    margin-top: 24px;
  }
  .blocks-sticky .sticky-top-margin-8 {
    margin-top: 8px;
  }
  .blocks-sticky .sticky-top-margin-3px {
    margin-top: 3px;
  }
  .blocks-sticky .center-button {
    border-top: 1px solid #ededed;
    justify-content: center;
    margin-top: 24px;
  }
  .filter-block {
    padding: 0px;
  }
}
/* ------------ ------------ ------------  sticky detail block : end ------------ ------------  -------------- */
/* ------------ ------------ ------------ common css : start ------------ ------------ --------------- */
.line-height-1 {
  line-height: 1;
}

.parent-container {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.hyb-parent-container {
  background-color: #fefefe;
  border: none;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}

.back-white {
  background-color: #fefefe;
}

.module-wrap {
  max-width: 980px;
  margin: auto;
}

.router-container {
  max-width: 400px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .router-container {
    max-width: 100%;
    margin: 0px;
  }
}
.router-container .instant-money-to-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #ffffff;
}
.router-container .instant-money-to-wrapper .mdc-text-field--filled:hover {
  background-color: #ffffff;
}
.router-container .instant-money-to-wrapper .mat-mdc-form-field-flex:hover {
  background-color: #ffffff;
}
.router-container .instant-money-to-wrapper .mat-mdc-form-field:hover {
  background-color: #ffffff;
}
.router-container .instant-money-to-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.router-container .instant-money-to-wrapper .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.router-container .instant-money-to-wrapper .mat-mdc-text-field-wrapper {
  padding: 0px;
}
.router-container .instant-money-to-wrapper .mdc-text-field--filled .mat-mdc-floating-label {
  display: block;
}
.router-container .instant-money-to-wrapper .mat-mdc-floating-label.mdc-floating-label {
  top: 40% !important;
}

.card-container {
  max-width: 400px;
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card-container {
    width: 480px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}
.card-container .flex-container {
  display: flex;
}

.detail-card {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  padding: 18px;
  color: #444444;
}
@media only screen and (max-width: 768px) {
  .detail-card {
    border-left: none;
    border-right: none;
  }
}
.detail-card .detail-info {
  text-align: center;
}
.detail-card .detail-info .detail-info__amount {
  font-size: 24px;
  font-weight: bold;
}
.detail-card .detail-info-padding {
  padding: 18px;
  text-align: center;
}
.detail-card .mdc-text-field--disabled {
  padding: 0;
}
.detail-card .mdc-text-field--filled.mdc-text-field--disabled {
  --mdc-filled-text-field-disabled-container-color: #fefefe;
  background-color: var(--mdc-filled-text-field-disabled-container-color);
}
.detail-card .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.detail-card .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above {
  --mdc-filled-text-field-disabled-label-text-color: #00000099;
  color: var(--mdc-filled-text-field-disabled-label-text-color);
}
.detail-card .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.detail-card .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.detail-card .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.detail-card .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.detail-card .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-error-label-text-color);
}
.detail-card .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.detail-card .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  --mdc-filled-text-field-error-label-text-color: rgba(0, 0, 0, 0.6);
  color: var(--mdc-filled-text-field-error-label-text-color);
}
.detail-card .mat-mdc-form-field-hint-wrapper,
.detail-card .mat-mdc-form-field-error-wrapper {
  position: relative;
}
.detail-card .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(0px);
}

.detail-block {
  font-size: 16px;
}
.detail-block .detail__heading {
  font-size: 12px;
  color: #767676;
}
.detail-block .details__value {
  font-size: 14px;
  color: #444444;
}

.from-detail .detail__heading {
  font-size: 14px;
  color: #767676;
}

.receipt-card {
  border: 1px solid #ededed;
  border-top: none !important;
}
.receipt-card .detail-card {
  padding: 16px;
  border: none;
  background-color: #fefefe;
}

.detail-receipt + .detail-receipt,
.detail-block + .detail-block,
.detail-card + .detail-card {
  margin-top: 16px;
}

.detail-block-amount {
  margin-top: 4px;
  margin-bottom: 16px;
}

.detail-receipt .detail-block + .detail-block {
  margin-top: 8px;
}

.detail-card.v-padder {
  padding: 16px 0px;
}

.detail-card.h-padder {
  padding: 0px 16px;
}

.mat-form-field {
  width: 100%;
}

.mat-datepicker-toggle-default-icon {
  color: #0033aa;
}

.hybrid-detaild-card .mat-datepicker-toggle-default-icon {
  color: #0089ff;
}

.hybrid-card-container .mat-datepicker-toggle-default-icon {
  color: #0089ff;
}

.mat-mdc-raised-button,
.button__outline {
  border-radius: 2px;
}

.mat-mdc-raised-button[disabled]:not([class*=mat-elevation-z]) {
  border: 1px solid #cecece;
}

.mat-mdc-raised-button[disabled][disabled] {
  height: auto;
}

.cdk-overlay-container {
  z-index: 10000 !important;
}

@media only screen and (max-width: 768px) {
  .cdk-overlay-connected-position-bounding-box {
    z-index: 99999 !important;
  }
}
.mat-form-field-label {
  margin-top: 1px;
}

.mat-icon.primary {
  color: #0033aa;
}

.mat-mdc-raised-button {
  line-height: 32px;
}

.hybrid-detaild-card .mat-icon-button {
  width: 40px;
  height: 40px;
}

.mdc-button,
.mat-flat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-mdc-raised-button {
  padding: 0 14px;
}

/* Color same during error */
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  color: rgba(0, 0, 0, 0.54) !important;
}

/* Star hide from input/select */
.mat-form-field-required-marker {
  display: none;
}

/* input right side arrow small */
.mat-mdc-select-arrow {
  padding: 4px !important;
}

.section-label {
  font-size: 14px;
}

/* inside form label */
.divider-lable {
  font-size: 12px;
  color: #767676;
  margin: 32px 0px 16px 0px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .divider-lable {
    margin-left: 5px;
  }
}

.ben-receipt-background {
  max-width: 400px;
  background-image: url(/assets/images/receipt_brdr_1x.png);
  width: 100%;
  margin: auto;
  height: 5px;
}

.ben-receipt-logo {
  width: 150px;
  margin: auto;
}

.ben-receipt-status-img {
  width: 40px;
  margin: auto;
  display: block;
}

/* amount section in detail page */
.amount-display-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .amount-display-section {
    margin-right: 16px;
  }
}
.amount-display-section .amount-heading {
  font-size: 14px;
  color: #767676;
  padding-right: 0px;
}
.amount-display-section .amount-value {
  color: #0033aa;
  padding-right: 0px;
}
.amount-display-section .amount-value .currency {
  font-size: 14px;
}
.amount-display-section .amount-value .amount {
  font-size: 24px;
}

.receipt-amount-row {
  color: #444444;
}
.receipt-amount-row .currency {
  font-size: 16px;
}
.receipt-amount-row .amount {
  font-size: 20px;
}

.form-footer-row {
  margin: 16px 0px 16px;
}
@media only screen and (max-width: 768px) {
  .form-footer-row {
    margin: 16px;
  }
}

/* ------------ ------------ ------------ common css : end ------------ ------------ --------------- */
/* ---------- ------------ ------------  Radio : start ------------ ------------  ----------- */
.radio-group {
  display: flex;
  flex-direction: row;
  margin: 16px 0;
}

.ratio-btn-style .mat-radio-outer-circle {
  border-width: 1px;
  margin-right: 8px !important;
}
.ratio-btn-style .mat-radio-container,
.ratio-btn-style .mat-radio-outer-circle,
.ratio-btn-style .mat-radio-inner-circle {
  height: 16px;
  width: 16px;
}

/* ---------- ------------ ------------  Radio : end ------------ ------------  ----------- */
/* ------------ ------------ ------------  form container : start ------------ ------------  -------------- */
/* ------------ ------------ ------------  form container : end ------------ ------------  -------------- */
@media only screen and (max-width: 768px) {
  .mat-drawer {
    width: 280px !important;
    height: 100vh !important;
  }
  .sidenav__footer--timestamp {
    padding: 23px 60px;
  }
}
.mat-drawer-container {
  position: unset !important;
}

.mat-drawer-backdrop {
  height: 100vh !important;
}

:host {
  display: block;
}

.card-inner-detail:not(:last-child) {
  margin-bottom: 16px;
}

.card-inner-detail .mat-form-field-wrapper {
  padding: 0px !important;
}

.list__details {
  height: 70px;
}

.active-tab {
  background-color: #0033aa;
  color: #fefefe;
}

.header__menu {
  cursor: pointer;
  height: 100%;
}

.main-menu-header {
  padding-bottom: 6px;
  border-bottom: 1px solid #a3a3a5;
  font-weight: bold;
}

.main-menu-footer {
  color: #0033aa;
  font-size: 1em;
  padding-bottom: 6px;
  padding-top: 10px;
  border-top: 1px solid lightgray;
}

.header__menu .material-icons {
  font-size: 28px;
}

.header__sign-out {
  font-size: 16px;
  height: 100%;
  float: right;
}

.header__logo img {
  width: 36px;
  height: 40px;
}

.header__username--display {
  display: flex;
}

.header__icon--font-size {
  font-size: 20px;
}

.header__username--font-size {
  font-size: 14px;
}

.ham__header {
  padding-left: 7%;
}

.sidenav__footer {
  position: absolute;
  bottom: 0px;
}

.sidenav__footer--timestamp {
  height: 70px;
  text-align: center;
  padding: 23px 12px;
  background-color: lightgray;
}

.sidenav__options {
  border-top: 3px solid #1f12ad;
}

.sidenav__options--list-item:hover {
  background-color: #f2f5fb;
}

.sidenav__footer--list {
  padding: 10px 0px 10px 0px;
  font-size: 17px;
  border-top: 1px solid lightgray;
}

.sidenav__footer--list-item {
  padding: 10px 30px;
  font-size: 16px;
}

.sidenav__footer--list-item:hover {
  background-color: #f2f5fb;
}

.sidenav__footer--list-icon {
  font-size: 16px;
  padding-right: 5px;
}

.sidenav__footer--list-title {
  position: relative;
  top: -2px;
}

.choose__approver__rb .mat-radio-label {
  white-space: inherit !important;
  align-items: start !important;
  width: auto;
}
.choose__approver__rb .mat-radio-container {
  top: 3px;
}
.choose__approver__rb .mat-radio-label-content {
  padding-left: 7px !important;
}

.stamped-radio .hybrid-radio-button .mat-radio-label-content {
  margin-left: 4px;
}

.choose__approver__repeater .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}

.other-details__field-heading {
  font-size: 12px;
  color: #767676;
}

.other-details__field-value {
  font-size: 14px;
  color: #444444;
}

.other-details__field-value--bold {
  font-size: 20px;
  color: #222222;
}

@media only screen and (max-width: 640px) {
  .header-wrapper {
    padding: 0px 10px;
  }
}
.sub-header--display {
  cursor: pointer;
}

.button__custom-properties {
  font-family: inherit;
  font-weight: inherit;
  color: #444444;
  font-size: inherit;
}

.button__wrapper {
  display: inline-block;
}
.button__wrapper .button__basic--primary-color.mat-mdc-raised-button[disabled][disabled].mat-unthemed {
  height: 36px;
  background-color: #dbdbdb;
}
.button__wrapper .button__basic--secondary-color.mat-mdc-raised-button[disabled][disabled].mat-unthemed {
  background: transparent;
  border: 1px solid var(--light-grey-color);
  color: var(--light-grey-color) !important;
}
.button__wrapper .button__basic--primary-color.mat-mdc-raised-button.mat-unthemed {
  display: flex;
  flex-direction: row-reverse;
  color: #fefefe;
  background-color: #0033aa;
  font-size: 14px;
}
.button__wrapper .button__basic--primary-color.mat-mdc-raised-button.mat-unthemed .material-icons.keyboard_arrow_left,
.button__wrapper .button__basic--primary-color.mat-mdc-raised-button.mat-unthemed .material-icons.keyboard_arrow_right {
  border-radius: 50%;
  color: #0033aa;
  background: #fefefe;
  width: 16px;
  height: 16px;
  font-size: 20px;
}
.button__wrapper .button__basic--negative-color {
  font-weight: 500;
  background: #e70011 !important;
  color: #fefefe !important;
  font-size: 15px;
  border: 1px solid transparent;
}
.button__wrapper .button__basic--primary {
  border: 1px solid transparent;
}
.button__wrapper .leftIcon {
  padding-right: 3px;
}
.button__wrapper .rightIcon {
  padding-left: 3px;
}
.button__wrapper .button__basic--secondary-color {
  background: transparent;
  color: #0033aa;
  border: 1px solid #0033aa;
  font-size: 14px;
}
.button__wrapper .button__basic--secondary-color .material-icons.keyboard_arrow_left,
.button__wrapper .button__basic--secondary-color .material-icons.keyboard_arrow_right {
  border-radius: 50%;
  background: #0033aa;
  color: #fefefe;
  width: 16px;
  height: 16px;
  font-size: 20px;
}
.button__wrapper .mat-mdc-button.mat-mdc-button-base,
.button__wrapper .mat-mdc-raised-button.mat-mdc-button-base,
.button__wrapper .mat-mdc-unelevated-button.mat-mdc-button-base,
.button__wrapper .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 38px;
}
.button__wrapper .hyb-button__wrapper {
  display: inline-block;
}
.button__wrapper .hyb-button__wrapper .hyb_button__basic--tertiary-color {
  background: transparent;
  color: #0089ff;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #0089ff;
  border-radius: 22px;
}
.button__wrapper .hyb-button__wrapper .hyb_button__basic--tertiary-color .material-icons.keyboard_arrow_left,
.button__wrapper .hyb-button__wrapper .hyb_button__basic--tertiary-color .material-icons.keyboard_arrow_right {
  background: #0033aa;
  color: #0089ff;
  width: 10px;
  height: 10px;
  font-size: 12px;
}
.button__wrapper .button__outline {
  background: transparent !important;
  border: 1px solid #fefefe;
  border-radius: 3px;
  color: #fefefe !important;
}
.button__wrapper .button__outline--primary-color {
  background: transparent !important;
  border: 1px solid #0033aa;
  border-radius: 3px;
  color: #0033aa !important;
}
.button__wrapper .button__transparent {
  background: transparent;
  color: #0033aa;
  padding: 0 8px;
  line-height: inherit;
}
.button__wrapper .button__navigation-link {
  background: transparent;
  padding: 0 8px;
  font-weight: bold;
}
.button__wrapper .button__warn-prompt--negative-color {
  color: #e70011;
  background: transparent;
  padding: 0 8px;
}
.button__wrapper .mat-button-focus-overlay {
  background-color: transparent;
}
.button__wrapper .mat-button[disabled][disabled] {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  cursor: no-drop;
}
.button__wrapper .button__outline--disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent !important;
  color: rgba(0, 0, 0, 0.38);
}
.button__wrapper .button__without_outline--disabled {
  border: none !important;
  background: none !important;
}
.button__wrapper .button__outline--primary-disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent !important;
  color: rgba(0, 0, 0, 0.38);
}
.button__wrapper .button__outline-disabled {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.button__wrapper .mat-mdc-raised-button .material-icons {
  width: 18px;
  font-size: 17px;
  height: 18px;
  justify-content: center;
}
.button__wrapper .material-icons.left {
  margin: 0px 4px 0px 0px;
}
.button__wrapper .material-icons.right {
  margin: 0px 0px 0px 4px;
}

.range-button .button__wrapper .mdc-button[disabled][disabled] {
  background: #0033aa;
  color: #fefefe;
  cursor: no-drop;
}

.mdc-button {
  font-size: 13px;
  font-weight: 500;
}

.range-button .hyb-button__wrapper .mdc-button[disabled][disabled] {
  background: #0089ff;
  color: #ffffff;
  cursor: no-drop;
}

.details-container {
  width: 100%;
}
.details-container .sheduler-section {
  padding-top: 20px;
}
.details-container .sbg-label {
  font-size: 12px;
  color: #999;
}
.details-container .sbg-to-label {
  font-size: 12px;
  color: #999;
}
.details-container .mat-select {
  padding: 0 0 0 4px;
}
.details-container .details-container__body {
  position: relative;
}
.details-container .details-container__body .body__to {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  background-color: #0033aa;
}
.details-container .details-container__body .details-footer {
  padding-top: 24px;
  border-top: solid 1px #979797;
  padding-bottom: 20px;
}
.details-container .details-container__body .details-footer .details-footer__next {
  float: right;
}
.details-container .details-container__body .details__benef-name {
  color: white;
}
.details-container .details-container__body .offer-title {
  font-size: 14px;
  color: #333333;
  padding: 0px 0 16px 0;
  font-weight: bold;
}
.details-container .details-container__body .offer-content {
  font-size: 14px;
  padding-bottom: 16px;
  text-align: left;
}
.details-container .details-container__body .offer-content-last {
  padding-bottom: 22px;
  text-align: left;
}
.details-container .details-secondSection__body {
  padding: 11px;
}
.details-container .body__to {
  background: #e0ecff;
  display: table;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #c3d2ea;
}
.details-container .details__name-initials {
  display: table-cell;
  width: 20%;
  padding: 10px;
}
.details-container .details__account-details {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
  padding-right: 10px;
  width: 70%;
}
.details-container .body__second-block {
  width: 100%;
  background: #fafafa;
  border: 1px solid #d8d8d8;
  border-top: none;
}

.details-body {
  position: relative;
  background: #fafafa;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.beneficiary-details-header {
  border-bottom: 1px solid #ededed;
  margin: 0px 9px;
  text-align: center;
  padding: 16px 0px 16px;
}

.beneficiary-details-header__name-initials {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}

.beneficiary-details-header__name {
  font-size: 20px;
  font-weight: 300;
  margin-top: 6px;
  color: #222222;
}

.details__toogle-icon .ng-fa-icon {
  display: table-cell;
  padding-left: 10px;
  vertical-align: inherit;
  padding-right: 10px;
  width: 10%;
  color: #fefefe;
}

.beneficiary-details-header__account-details {
  font-size: 14px;
  color: #444444;
  min-height: 20px;
  display: flex;
  justify-content: center;
}

.details__benef-name {
  word-wrap: break-word;
  font-size: 18px;
  color: #333;
  font-family: "robotoregular", Arial, sans-serif;
}

.beneficiary-details-header__account-details--ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.beneficiary-details {
  padding: 0px 32px;
  display: flex;
}

.account-details-container,
.other-details-container {
  margin-top: 16px;
}

.form-field {
  width: 100%;
}

.form-field--margin {
  margin-top: 16px;
}

.form-field__name--margin,
.form-field__branch--margin,
.form-field__route--margin,
.form-field__payment-proof--margin,
.form-field__mobile-number--margin,
.form-field__email--margin {
  margin-top: 16px;
}

.form-default-property,
.account-details {
  font-size: 14px;
  font-family: robotoregular;
  color: #444444;
}

.account-details,
.other-details {
  margin-top: 8px;
}

.account-details__title,
.other-details__title {
  font-family: robotomedium;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
}

.slide-toggle-container {
  margin-top: 16px;
}

.beneficiary-details-footer {
  background-color: #f6f6f6;
  text-align: right;
  margin-top: 16px;
  padding: 16px 24px;
}

.beneficiary-details-container {
  max-width: 400px;
  margin: auto;
}

.to-section {
  border: 1px solid #dbdcdd;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.benficiary .sbg-label {
  color: #999999;
}

.beneficiary-details-header {
  margin: 0px;
}

.account-details,
.other-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.form-field__bank,
.form-field__account-number {
  order: -1;
}

.form-field--margin {
  margin-top: 0px;
}

.slide-toggle-container {
  width: 45%;
  display: flex;
  align-items: center;
}

.mat-ripple-element {
  display: none !important;
}

.mat-form-field-disabled .mat-form-field-underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mat-drawer.mat-sidenav {
    position: -ms-device-fixed;
  }
  .ie-issue-fixes {
    justify-content: flex-start !important;
  }
  .ie-issue-fixes .router-container-list {
    margin-left: 13%;
  }
}
.button-xs {
  line-height: 17px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
}
@media only screen and (max-width: 768px) {
  .button-xs {
    padding: 4px !important;
  }
}

.form-field-row {
  padding-right: 10px;
}

.radio-button {
  margin: 5px;
}

.name-initials__input-field input[type=radio]:checked + label::after {
  height: 40px;
  width: 40px;
  background: url(/assets/images/tick_checked_primery.png) no-repeat center;
  background-size: 65%;
  border-radius: 50%;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: " ";
}

.name-initials__input-field input[type=checkbox]:checked + label::after {
  height: 40px;
  width: 40px;
  background: url(/assets/images/tick_checked_primery.png) no-repeat center;
  background-size: 65%;
  border-radius: 50%;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: " ";
}

@media print {
  .isPrinting > * {
    display: none;
  }
  .isPrinting app-print-layout {
    display: block;
  }
}
.loader-overlay {
  z-index: 1000000;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 48%;
  left: 52%;
}

@media only screen and (max-width: 768px) {
  .loader-overlay {
    top: 48%;
    left: 59%;
  }
}
.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #0033aa;
  border-radius: 50%;
  border-top: 4px solid #0033aa;
  border-right: 4px solid #0033aa;
  width: 44px;
  height: 44px;
  animation: spin 1s linear infinite;
}

.please_wait {
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #222222;
  position: relative;
  top: 10px;
  right: 31px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animateLoader {
  /*position: relative;*/
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

.blurbg {
  opacity: 0.1;
  z-index: 20000;
  top: 48%;
  position: initial;
  pointer-events: none;
}
@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.listingContent ol {
  counter-reset: item;
}
.listingContent li {
  display: block;
}
.listingContent li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  color: black;
  font-size: 14px;
}

.condition-points {
  margin-left: 5px;
}

.space-for-sign {
  margin-bottom: 20px;
}

.subheading-points {
  display: inline;
  font-family: robotoregular, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #666;
}

.tc-boundary-border {
  padding: 20px 10px 0px 10px;
}

.condition-heading-margin {
  margin-top: 10px;
}

.condition-desc li {
  padding: 2px 0px 2px 0px;
}

.tc-wrap .condition-pay-international li {
  font-family: "robotoregular", Arial, sans-serif;
  font-size: 13px;
  color: #666;
  margin-top: 10px;
  margin-left: 35px;
}

.tc-wrap .condition-pay-international-text {
  font-family: "robotoregular", Arial, sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: bold;
}

.tc-wrap .tc-international-pay {
  padding: 0px 0px 0px 20px;
}

.mvp2Content ol,
.mvp2Content ul {
  padding: 0 0 0 12px;
}
.mvp2Content ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.mvp2Content li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.mvp2Content li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
.mvp2Content li li {
  margin: 0;
}
.mvp2Content li li:before {
  content: counters(item, ".") " ";
}

.tc-wrap .conditiom-heading {
  margin-bottom: 10px;
  font-family: "robotoregular", Arial, sans-serif;
  font-size: 15px;
  color: #333333;
}

.tc-wrap .condition-desc {
  font-family: "robotoregular", Arial, sans-serif;
  font-size: 13px;
  color: #666;
}

.tc-wrap ul.condition-desc {
  padding-left: 18px;
}

@media only screen and (max-width: 40em) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
  }
}
.banklogo3d {
  position: relative;
  vertical-align: middle;
  content: url("data:image/x-icon;base64,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");
  width: 65px;
}

.banklogo {
  width: 20px;
  height: 25px;
  position: relative;
  vertical-align: middle;
  content: url("data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABbCAYAAADZRGMIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEQ5RkU1NjU4RTcxMUU0QTYwNEY4RDFEMEM4NERENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEQ5RkU1NTU4RTcxMUU0QTYwNEY4RDFEMEM4NERENyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4MDI5NWY3LTdlZjUtNGMzZS04M2NlLTdmOWEwYmM2MzQxYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmJiMDUyZTJjLTk3ZDQtMTE3Ny1hMDkzLTkxMGVlN2M3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");
}

@media only screen and (max-width: 40em) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
  }
  .listingContent ol {
    padding: 0px;
  }
}
.listingContent ol {
  padding: 0 0 0 10px;
}

.navigation-list {
  color: #444444;
  min-height: 100vh;
  border-right: 1px solid #ededed;
  background-color: #fefefe;
}
.navigation-list__ul {
  margin-top: 0px;
}

ul {
  margin-left: 0px !important;
}

.sublist__li {
  background: #f6f6f6;
}

.navigation-list__li-border-top {
  border-top: 1px solid #dbdcdd;
}

.sublist-active-tab {
  background-color: #dbdbdb;
}

.navigation-list li {
  list-style-type: none;
}

.line-icons li {
  list-style-type: disc !important;
  list-style-position: outside !important;
}

.active-tab {
  background-color: #0033aa;
  color: #fefefe;
}

.profile-settings-wrap {
  max-height: 450px;
  min-height: 450px;
  overflow: hidden;
}

.navigation-list .clickText {
  font-size: 14px;
  font-family: "robotoregular", Arial, sans-serif;
  color: #666666;
  margin-right: 5px;
  vertical-align: middle;
  float: left;
}
.navigation-list .click-link {
  font-size: 14px;
  font-family: "robotoregular", Arial, sans-serif;
  color: #2570e0;
  cursor: pointer;
  float: right;
}

.navigation-list__li {
  list-style-type: none;
  font-size: 14px;
  padding: 20px;
  cursor: pointer;
}

.mobile-listing {
  background-color: white;
  max-width: 460px;
  width: 100%;
}

.change-password-heading {
  font-weight: bold;
  color: #333333;
  font-family: "robotobold", Arial, sans-serif;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 14px;
}

.change-password-formField {
  max-width: 400px;
  padding: 20px 0px;
}

.change-password-formField__input {
  padding-bottom: 10px;
}

.password-validation-overlay {
  position: absolute;
  left: 75%;
  padding: 10px;
  border: 1px solid #f8f8ff;
  top: 34%;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f8f8ff;
  border-radius: 4px;
}
.password-validation-overlay .text {
  color: #666666;
}

.change-password-section {
  padding-left: 20px;
  padding-top: 15px;
}
.change-password-section .valid-scenario {
  color: #0e8a00;
}
.change-password-section .pwd-valid-icon {
  margin-right: 10px;
}
.change-password-section .left {
  float: left !important;
}
.change-password-section .fa-check-circle-o:before {
  padding-right: 6px;
}

.change-password-formField {
  max-width: 400px;
  padding: 20px 0px;
}

.change-password-formField__input {
  padding-bottom: 10px;
}

.password-validation-overlay {
  position: absolute;
  left: 75%;
  padding: 10px;
  border: 1px solid #f8f8ff;
  top: 34%;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f8f8ff;
  border-radius: 4px;
}
.password-validation-overlay .text {
  color: #666666;
}

.password-validation-overlay__item {
  font-size: 14px;
  padding: 10px;
  color: lightgrey;
}

.password-validation-overlay:after {
  content: "";
  position: absolute;
  top: 47%;
  right: 100%;
  margin-top: -50px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent #f8f8f8 transparent transparent;
}

.beneficicary-details__benef-name {
  font-size: 18px;
  color: #fefefe;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

upl-offer {
  width: 100%;
}

.alertError {
  color: #e70011;
}

.name-initials__input-field input[type=checkbox],
.name-initials__input-field input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.list__table-label {
  background-color: #fefefe;
  border: 1px solid #0033aa;
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
}

.hyb_list__table-label {
  background-color: #fefefe;
  border: 1px solid #0033aa;
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
  color: #0033aa;
  font-size: 14px;
}

.primary-background {
  background-color: #0033aa;
}

.mat-radio-container,
.mat-radio-outer-circle,
.mat-radio-inner-circle {
  height: 16px !important;
  width: 16px !important;
}

.list-table__filter--width {
  display: inline-block;
  width: 70%;
}

.list-table__filter--full-width {
  display: inline-block;
  width: 100%;
}

.list-table {
  background: #fefefe;
  margin-bottom: 65px;
}

@media only screen and (max-width: 425px) {
  .list-beneficiary {
    width: 100vw !important;
  }
  .banklogo3d {
    width: 56px;
  }
}
@media only screen and (max-width: 640px) {
  .headpagination-section {
    padding: 15px;
  }
  .header-wrapper {
    padding: 0px 10px;
  }
  .recipients-management {
    /* .payReview {
      width: 90%;
      margin: 0px auto 20px auto;
    } */
  }
  .recipients-management .beneficiary-details {
    padding: 0px 10px !important;
  }
}
@media only screen and (min-width: 640px) {
  .router-container-list {
    margin-top: 24px;
    border: 1px solid #dbdcdd;
  }
}
.conditional-subheading-label {
  color: #e70011;
}

.offers-bar .notifiFont {
  font-weight: bold;
  color: #333;
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 1.5em !important;
}

.hybrid-detaild-card .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 1em 0 !important;
}

.mat-select-value {
  color: #333333;
}

.login-wrapper {
  background: #fff;
}
.login-wrapper .mat-form-field {
  width: 70vw;
}

.login-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.login-content {
  height: 100%;
  text-align: center;
  border-top: 3px solid #0033aa;
}

.login-content__form--heading {
  font-size: var(--os-typography-size-xxxxl-font-size);
  line-height: var(--os-typography-size-xxxxl-line-height);
  font-weight: var(--os-typography-weight-regular-font-weight);
  font-style: var(--os-typography-style-default-font-style);
  color: var(--dark-grey-color);
  margin-bottom: 18px;
  margin-top: 30px;
}

.login-content__form--validation {
  position: relative;
  padding: 0px 85px;
  text-align: start;
  font-size: 14px;
  color: red;
  top: -15px;
}

.login-content__form--link {
  color: #0033aa;
  cursor: pointer;
  font-size: 20px;
}

.login-content__form--button {
  padding: 40px 0px 15px 0px;
}

.login-content__footer {
  padding: 15px 0px;
}

.login-content__logo {
  padding: 15px 50px 40px 50px;
}

.login-content__footer--tnc {
  padding: 5px 28px;
  font-size: 13px;
}

.login-content__footer--email {
  padding: 5px 0px;
  font-size: 13px;
}

.login-content__footer--disclaimer {
  padding: 5px 0px;
  font-size: 13px;
  display: flex;
  justify-content: center;
}

.login-content__footer--link {
  cursor: pointer;
  color: #0033aa;
}

.login-content__form--error {
  color: #c03;
  font-weight: bold;
}

@media only screen and (min-width: 640px) {
  .login-wrapper {
    background: url(/assets/images/signin-bg.jpg);
    background-size: cover;
    background-position: 100% 100%;
    border-top: 0px solid #0033aa;
  }
  .login-wrapper .mat-form-field {
    width: 65%;
  }
  .login-content-wrapper {
    position: relative;
  }
  .login-content {
    width: 460px;
    height: auto;
    border-top: none;
  }
  .login-content__form {
    background: #fff;
    border-radius: 3px;
    padding-top: 40px;
    padding-bottom: 28px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
  .login-content__form--heading {
    margin-top: 0px;
  }
  .login-content__form--input {
    width: 65%;
  }
  .login-content__footer {
    color: white;
  }
  .login-content__footer--link {
    color: white;
    border-bottom: 1px solid;
  }
}
@keyframes shake {
  0% {
    left: -10px;
  }
  16% {
    left: 9px;
  }
  33% {
    left: -6px;
  }
  50% {
    left: 5px;
  }
  66% {
    left: -2px;
  }
  83% {
    left: 1px;
  }
  100% {
    left: 0px;
  }
}
.login-content__error--shake {
  animation: shake 0.6s linear;
  transform: translate3d(0, 0, 1px);
  -webkit-transform: translate3d(0, 0, 1px);
}

.mat-dialog-container {
  border-radius: 2px !important;
  border: solid 1px #ededed;
  padding: 0px !important;
  overflow: hidden !important;
}

.login-content__footer--lang {
  margin: 0px 30px;
  padding-bottom: 2px;
  border-bottom: 1px solid white;
  cursor: pointer;
}

.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 0px;
  height: 0px;
  border: solid #0033aa !important;
  border-width: 0 1px 1px 0 !important;
  display: inline-block;
  padding: 6px;
  margin: 0px 4px 4px 4px;
}
.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #0033aa !important;
}

.mat-slider-horizontal .mat-slider-wrapper {
  left: 0px !important;
  right: 0px !important;
}

.unsecured-lending-text {
  margin-bottom: -4px;
  color: #999;
  font-size: 12px;
  font-family: "robotoregular", Arial, sans-serif;
  margin-top: 8px;
}

.unsecured-lending-value {
  font-size: 16px;
  padding-top: 4px;
  font-family: "robotoregular", Arial, sans-serif;
}

.details-container.overdraftOffer .mat-slider-horizontal {
  height: 34px;
}

.overdraft-amount__inputBlock.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}

.input__amount--label .mat-form-field-prefix {
  position: relative;
  padding-bottom: 4px;
  top: -1px;
}
.input__amount--label .mat-form-field-appearance-legacy .mat-form-field-infix {
  position: absolute;
  top: -18px;
}
.input__amount--label .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  position: relative;
  top: 8px;
}
.input__amount--label .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  padding-left: 19%;
  position: relative;
}

.mat-form-field-appearance-legacy .mat-hint {
  font-family: "robotoregular", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #767676 !important;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.56em 0 !important;
}

.hybrid-to-section .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 8px 0 !important;
}

.hybrid-detaild-card .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 8px 0 !important;
}

.hyb-opt-input .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 8px 0 !important;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #767676 !important;
}

.mat-form-field-prefix,
.mat-form-field-suffix {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444444;
  font-family: "robotoregular", Arial, sans-serif;
}

.mat-mdc-raised-button[disabled][disabled] {
  color: #fefefe !important;
  height: 36px;
  border-radius: 2px;
  background-color: #dbdbdb;
}
.mat-mdc-raised-button[disabled][disabled] .material-icons.keyboard_arrow_left,
.mat-mdc-raised-button[disabled][disabled] .material-icons.keyboard_arrow_right {
  background: #fefefe;
  color: #dbdbdb !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0033aa !important;
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #0033aa !important;
}

.mat-checkbox-inner-container {
  height: 18px !important;
  width: 18px !important;
}

.mat-checkbox-padding {
  padding: 0px 24px 12px 0px !important;
}

.opt-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  text-align: center;
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}
.opt-input .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #979797 !important;
}
.opt-input .mdc-text-field {
  padding: 0;
}

.print-download-middle {
  text-align: center;
  padding-top: 24px;
}
.print-download-middle .download {
  color: #0033aa;
  cursor: pointer;
}
.print-download-middle .print {
  color: #0033aa;
  cursor: pointer;
  padding-left: 6px;
}

.receipt {
  max-width: 400px;
}

.form-field.amount-field_input--field.mvp1 .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  padding-left: 4px !important;
  font-size: 16px;
}
.form-field.amount-field_input--field.mvp1 .cdk-text-field-autofill-monitored:-webkit-autofill {
  padding-left: 4px !important;
  font-size: 16px;
}
.form-field.amount-field_input--field.mvp1 .mat-form-field-label-wrapper {
  overflow: visible !important;
  left: -25px;
}

.form-field.amount-field_input--field .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  padding-left: 4px !important;
  font-size: 16px;
}
.form-field.amount-field_input--field .cdk-text-field-autofill-monitored:-webkit-autofill {
  padding-left: 4px !important;
  font-size: 16px;
}
.form-field.amount-field_input--field .mat-form-field-label-wrapper {
  overflow: visible !important;
}

@media only screen and (max-width: 768px) {
  .form-field.amount-field_input--field.mpv1 .mat-form-field-label-wrapper {
    left: -24px;
  }
}
@media only screen and (max-width: 768px) {
  .navigation-list {
    color: #0033aa;
    background-color: transparent;
    border-right: none;
  }
  .navigation-list__li {
    border-bottom: none;
  }
}
.custom-input-field-set .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.custom-input-field-set .mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
  border: 0px !important;
}
.custom-input-field-set .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
  display: none !important;
}

.success-icon .material-icons {
  color: #ffffff;
  position: relative;
  top: 10px;
  left: 8px;
}

@media only screen and (max-width: 768px) {
  .close-icon,
  .back-icon {
    cursor: pointer;
    font-size: 24px !important;
  }
}
@media only screen and (max-width: 768px) {
  .close__container {
    margin-right: 16px !important;
  }
}
.amountBold {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px;
}

.netBold {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 600;
}

.hide-number-spinner::-webkit-outer-spin-button,
.hide-number-spinner::-webkit-inner-spin-button {
  display: none;
}

.faqs-accordian .mat-accordion .mat-expansion-panel:first-of-type {
  border-radius: 0 !important;
}
.faqs-accordian .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
  border-bottom: 1px solid #ededed;
}
.faqs-accordian .mat-expansion-panel {
  border-radius: 0px !important;
}
.faqs-accordian .mat-expansion-panel-header-description,
.faqs-accordian .mat-expansion-panel-header-title {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.faqs-accordian .mat-expansion-panel-body {
  padding: 0 16px 16px 16px;
}
.faqs-accordian .mat-expansion-panel-body p {
  padding-bottom: 14px;
  color: #767676;
}
.faqs-accordian .mat-expansion-panel-header {
  padding: 0 16px 0 16px;
}

.faqs-accordian .hybrid-div .mat-expansion-panel-body {
  background: #f6f6f6 !important;
  padding: 16px 16px 0px 16px;
}

.mt-radio-label {
  font-size: 12px;
  color: #767676;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  text-transform: none;
}

.full-height {
  height: 100vh;
}

.hybrid-card-container {
  padding: 0 16px;
  width: 100%;
  overflow-x: hidden;
  background-color: rgb(255, 255, 255);
  font-weight: 400;
  min-height: 84vh;
  box-sizing: border-box;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.hybrid-card-container_no_height {
  width: 100%;
  overflow-x: hidden;
  background-color: rgb(255, 255, 255);
  font-weight: 400;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.hybrid-divider-label {
  padding: 24px 0px 15px 4px;
  color: #0033aa;
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  font-style: normal;
  line-height: 17px;
}
.hybrid-divider-label--secondary {
  color: #000000;
  font-weight: 500;
  font-style: normal;
  line-height: 17px;
}

.hybrid-label {
  padding-top: 24px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 0;
  color: #0033aa;
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  font-style: normal;
  line-height: 17px;
}

.hybrid-to-section {
  padding: 16px 16px 7px 16px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  margin-bottom: 16px;
  background-color: #fefefe;
}
.hybrid-to-section--to-tile {
  border-bottom: none;
}

.verify-button .mat-mdc-form-field-icon-suffix,
.verify-button .mat-mdc-form-field-icon-prefix {
  padding: 0px 0px 8px 4px;
}

.verify-button .mat-mdc-form-field-icon-suffix,
.verify-button .mat-mdc-form-field-icon-prefix {
  align-self: flex-end;
}

.hybrid-section-label {
  font-size: 14px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  padding-top: 6px;
  padding-bottom: 12px;
  line-height: 17px;
}

.hybrid-hint {
  width: 100%;
  text-align: left;
  font-size: 12px !important;
  color: #767676;
  font-weight: 400 !important;
  line-height: 14px !important;
}

.bottom__border--radius-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.top__border--radius-0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.hybrid-icon {
  height: 40px !important;
  width: 40px !important;
}

.hybrid-primary {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #0033aa !important;
  line-height: 17px !important;
}
.hybrid-primary--list-items {
  color: #767676 !important;
}

.success {
  color: #0e8200 !important;
}

.failed {
  color: #e70011;
}

.processing {
  color: #ffa101;
}

.hybrid-detail-block {
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  padding: 0px 16px 8px 16px;
}
.hybrid-detail-block .hybrid-detail__heading {
  color: #444444;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
}
.hybrid-detail-block .hybrid-detail__value {
  color: #222222;
  margin-left: 18px;
  font-weight: 500;
  width: 100%;
  font-style: normal;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-word;
  position: relative;
}

.hybrid_navigation-list__li {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 14px 12px;
  padding-right: 8px;
  cursor: pointer;
  border-bottom: 1px solid #ededed;
  color: #444444;
  font-weight: 500;
  line-height: 19px;
}

.hybrid-to-section hr.light-solid {
  margin: 0 0 8px 0 !important;
}

.header-details {
  display: flex;
  align-items: center;
  padding: 16px 16px;
}

.hybrid-detaild-card {
  background-color: white;
  border: 1px solid #b0aeae;
  padding: 16px;
  border-radius: 6px;
  line-height: 19px;
}

.customer__details {
  flex-grow: 2;
}
.customer__details--name {
  text-align: left !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 19px !important;
  color: #444444;
}
.customer__details--number {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  color: #444444;
  margin-top: 4px;
  text-wrap: balance;
}
.customer__details--balance {
  font-size: 12px;
  font-weight: 400;
  color: #767676;
  margin-top: -2px;
  font-style: normal;
  line-height: 15px;
}
.customer__details--list_name {
  text-align: left;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-style: normal;
  line-height: 19px !important;
  color: #444444 !important;
}

.reviewDetails {
  text-align: center;
}

.hybrid__amount .mat-form-field-wrapper {
  padding: 0 !important;
}
.hybrid__amount .mat-form-field-flex {
  border: 1px solid #dbdbdb;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #0089ff;
}
.hybrid__amount .mat-form-field-flex .mat-form-field-prefix {
  padding: 16px 16px;
  font-size: 24px;
  color: rgb(255, 255, 255);
  border-right: 1px solid #ededed;
  line-height: 29px;
  font-weight: 400;
}
.hybrid__amount .mat-form-field-flex .mat-form-field-infix {
  border-top: 0;
  font-size: 24px;
  color: rgb(255, 255, 255);
  display: flex;
  font-weight: 400;
  line-height: 29px;
  padding: 6px 0px;
}
.hybrid__amount .mat-form-field-flex .placeholder,
.hybrid__amount .mat-form-field-flex ::placeholder {
  color: rgb(255, 255, 255);
  padding: 0px 24px;
  font-weight: 400;
  opacity: 0.8;
  line-height: 19.09px;
}
.hybrid__amount div.mat-form-field-infix input.mat-input-element {
  height: 28px;
  padding: 0 16px;
  caret-color: rgb(255, 255, 255);
  line-height: 29px;
  font-size: 24px !important;
}
.hybrid__amount .hybrid-card-container .mat-form-field-infix input.mat-input-element {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
.hybrid__amount .mat-form-field-underline {
  display: none !important;
}
.hybrid__amount .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.52em 0 !important;
}
.hybrid__amount mat-form-field input {
  font-size: 24px !important;
  line-height: 29px !important;
}

.hybrid__amount-blocked .mat-form-field-wrapper {
  padding: 0 !important;
}
.hybrid__amount-blocked .mat-form-field-flex {
  border: 1px solid #dbdbdb;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #f6f6f6 !important;
}
.hybrid__amount-blocked .mat-form-field-flex .mat-form-field-prefix {
  padding: 16px 16px;
  font-size: 24px;
  color: #767676;
  border-right: 1px solid #ededed;
  line-height: 29px;
  font-weight: 400;
}
.hybrid__amount-blocked .mat-form-field-flex .mat-form-field-infix {
  border-top: 0;
  font-size: 24px;
  color: #767676;
  display: flex;
  font-weight: 400;
  line-height: 29px;
  padding: 6px 0px;
}
.hybrid__amount-blocked .mat-form-field-flex .placeholder,
.hybrid__amount-blocked .mat-form-field-flex ::placeholder {
  color: #767676;
  padding: 0px 24px;
  font-weight: 400;
  opacity: 0.8;
  line-height: 19.09px;
}
.hybrid__amount-blocked div.mat-form-field-infix input.mat-input-element {
  height: 28px;
  padding: 0 16px;
  caret-color: #767676;
  line-height: 29px;
  font-size: 24px !important;
}
.hybrid__amount-blocked .hybrid-card-container .mat-form-field-infix input.mat-input-element {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
.hybrid__amount-blocked .mat-form-field-underline {
  display: none !important;
}
.hybrid__amount-blocked .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.52em 0 !important;
}
.hybrid__amount-blocked mat-form-field input {
  font-size: 24px !important;
  line-height: 29px !important;
}

.hybrid__amount ::ng-deep .mat-form-field-underline {
  display: none;
}

.hybrid_limit_text {
  font-size: 12px !important;
  font-weight: 400px !important;
  color: rgb(118, 118, 118);
  font-weight: 400;
}

.hybrid-radio-button .mat-radio-group .mat-radio-button .mat-radio-outer-circle {
  border-color: rgb(166, 166, 166) !important;
  border-width: 1px !important;
  height: 20px !important;
  width: 20px !important;
}

.hybrid-radio-button .mat-mdc-radio-group .mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio-outer-circle {
  border-color: rgb(0, 137, 255) !important;
  border-width: 1px !important;
  height: 20px !important;
  width: 20px !important;
}

.hybrid-radio-button .mat-radio-group .mat-radio-button .mat-radio-inner-circle {
  background-color: rgb(0, 137, 255) !important;
  opacity: 0.8;
  height: 20px !important;
  width: 20px !important;
}

.hybrid-radio-button .mat-radio-label {
  display: flex !important;
  align-items: baseline !important;
}

.hybrid-icon-right {
  height: 24px !important;
  width: 24px !important;
  display: inline-block !important;
  color: #0089ff;
}

.hybrid-filter {
  padding: 8px 8px !important;
}

.card-benefits-groups.international-groups {
  z-index: 0;
  position: relative;
}
.card-benefits-groups.international-groups .mat-tab-label .mat-tab-label-content {
  color: #0033aa !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: sfpro-text-regular;
}
.card-benefits-groups.international-groups .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #0033aa !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  font-family: sfpro-text-medium;
}
.card-benefits-groups.international-groups .mat-tab-label .mat-tab-label-content {
  text-transform: capitalize;
}
.card-benefits-groups.international-groups .mat-ink-bar {
  height: 2px !important;
  background-color: #0033aa !important;
}

.hybrid-custom-input-field-set {
  padding: 8px 16px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field {
  background-color: rgb(237, 237, 237);
  border-radius: 10px;
  line-height: normal;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding-bottom: 0px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-focus-overlay {
  background-color: rgb(237, 237, 237);
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-infix {
  border: 0px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-form-field-flex {
  align-items: center;
  margin-left: 8px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-form-field-underline {
  display: none;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  display: none;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  display: none;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 0.89em 0px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-infix {
  min-height: 0px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mdc-text-field--filled {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.hybrid-custom-input-field-set .mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon {
  padding-right: 0px;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field {
  background-color: rgb(237, 237, 237);
  border-radius: 10px;
  width: 72%;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field .mat-mdc-form-field-flex {
  align-items: center !important;
  margin-left: 8px !important;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field .mat-mdc-form-field-underline {
  display: none;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field .mat-mdc-form-field-infix {
  border: 0px !important;
}
.hybrid-custom-input-field-set--hybFilterSearch .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}

.faq-section--accordian .mat-expansion-panel-body {
  padding: 24px;
  background-color: #f4f5f7;
}
.faq-section--accordian .mat-expansion-panel-header {
  padding: 0px 18px;
  height: 52px;
}
.faq-section--accordian .mat-expansion-panel-header .mat-expansion-indicator::after {
  width: 6px;
  height: 6px;
  color: #0033aa;
}

/* Apply a blur effect to other active items */
.debit-card-carousel-wrapper .owl-item.active:first-of-type .card-details-wrapper.multiCard .card-img {
  border: 4px solid #0033aa;
}

.hybrid-card-container .fixed-deposit__terms-and-conditions .mat-mdc-checkbox .mdc-label {
  margin-top: 5px;
}
.hybrid-card-container .mat-mdc-select-arrow {
  border: none;
}
.hybrid-card-container .hybrid-to-section .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above,
.hybrid-card-container .hybrid-to-section .hybrid-form-notify .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
}
.hybrid-card-container .hybrid-to-section .mat-mdc-form-field {
  padding-bottom: 1.25em;
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-error-focus-active-indicator-color: #dc0a0a;
  border-bottom-color: var(--mdc-filled-text-field-error-focus-active-indicator-color);
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  display: none;
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  display: none;
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox:hover .mdc-checkbox__ripple {
  display: none;
}
.hybrid-card-container .hybrid-to-section .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  --mdc-checkbox-selected-hover-icon-color: #0033aa;
  --mdc-checkbox-selected-icon-color: #0033aa;
  --mdc-checkbox-selected-pressed-icon-color: #0033aa;
  --mdc-checkbox-selected-focus-state-layer-color: #0033aa;
  --mdc-checkbox-selected-hover-state-layer-color: #0033aa;
  --mdc-checkbox-selected-pressed-state-layer-color: #0033aa;
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-icon-color);
  background-color: var(--mdc-checkbox-selected-icon-color);
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-hover-icon-color);
  background-color: transparent;
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
}
.hybrid-card-container .hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-focus-icon-color);
}
.hybrid-card-container .hybrid-to-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 20px;
  padding-bottom: 8px;
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}
.hybrid-card-container .hybrid-to-section .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-error-caret-color: #dc0a0a;
  caret-color: var(--mdc-filled-text-field-error-caret-color);
}
.hybrid-card-container .hybrid-to-section .mat-mdc-form-field-hint {
  color: #767676;
}
.hybrid-card-container .hybrid-to-section .hybrid-mat-hint_text .mat-mdc-form-field-infix .mdc-floating-label {
  transform: translate(-3.1em, -1.7em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.hybrid-card-container .mat-select-arrow-wrapper .mat-mdc-select-arrow {
  border: none !important;
}

.hybrid-search-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 274px !important;
  padding: 8px !important;
  height: 51px !important;
  color: rgb(0, 137, 255) !important;
}
.hybrid-search-box .mat-form-field-hide-placeholder .mat-select-placeholder {
  font-size: 14px !important;
  font-weight: 400;
  display: inline-block !important;
  width: 41px !important;
}

.review-name-intials {
  margin-top: 24px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hybridButton__error--secondary-color {
  font-weight: 500 !important;
  color: rgb(0, 137, 255) !important;
  border: 1px solid rgb(0, 137, 255) !important;
  font-size: 14px !important;
  border-radius: 4px !important;
}
.hybridButton__error--secondary-color .material-icons.keyboard_arrow_left,
.hybridButton__error--secondary-color .material-icons.keyboard_arrow_right {
  border-radius: 50%;
  background: #0033aa;
  color: rgb(0, 137, 255) !important;
  width: 16px;
  height: 16px;
  font-size: 14px;
}

.userDetails--name {
  color: #222222;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  margin-bottom: 4px;
}
.userDetails--number {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  margin-bottom: 4px;
}
.userDetails--bankDetails {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: #222222;
  margin-bottom: 8px;
}

.hybrid-card-container .mat-select-arrow-wrapper .mat-select-arrow {
  border: none !important;
}

.hyb-input-form-wrapper {
  padding-top: 1px 0px;
}

.ref-border-container .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}

hr.hyb-light-solid {
  border-bottom: 1px solid #ededed !important;
  margin-bottom: 8px !important;
  margin-top: 0px !important;
}

.hybrid-to-section .mat-focused .mat-form-field-label {
  /*change color of label*/
  color: #0033aa !important;
}

.hybrid-to-section .mat-form-field-infix input.mat-input-element {
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}

.hybrid-radio-button .mat-radio-group .hybrid-radio-labels {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #444444 !important;
}
.hybrid-radio-button .mat-radio-group .hybrid-radio-labels .ref-border-container .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}

.currency-placement .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-2.3em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.3em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.currency-placement .mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  pointer-events: none;
}

.hybrid-to-section .currency-placement .mat-form-field-infix input.mat-input-element {
  text-align: right;
}

.hybrid-invoice-block {
  display: flex;
  color: #444444;
  line-height: 19px;
  font-size: 16px;
  font-weight: 400;
}

.hybrid-invoice-block .mat-checkbox-background,
.hybrid-invoice-block .mat-checkbox-frame {
  border-radius: 70% !important;
  height: 24px;
  width: 24px;
}

.hybrid-invoice-block .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
}

.hybrid_list--header {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #444444 !important;
}

.hybrid-mobile-input .mat-mdc-form-field-infix input.mat-mdc-input-element {
  color: #0089ff !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 19px !important;
  min-width: 50px !important;
}

.border-right-med {
  border-right: 2px solid #c4c4c4 !important;
  height: 20px !important;
  margin: 0px 8px !important;
}

.buy_list_items {
  text-transform: capitalize;
  max-width: 178px !important;
}

.hybrid-radio-label {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #444444 !important;
}

.hybrid_country_codes-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #0089ff;
}

.international-groups .mat-tab-label {
  width: 50%;
}

.international-groups .mat-ink-bar {
  width: 50%;
  height: 2px !important;
  background-color: var(--TERTIARY-COLOR) !important;
}

.mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #0089ff !important;
}

.hybrid-card-container .international-groups .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #0089ff !important;
  padding: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  text-align: center;
}

.hybrid-card-container .international-groups .mat-tab-label.mat-tab-label .mat-tab-label-content {
  padding: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  text-align: center;
  color: #767676;
}

.hybrid-international-title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #222222;
  margin: 24px 0px 16px 0px;
}

.hybrid-international-label {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #222222;
  padding: 16px;
}

p.test {
  list-style-position: outside !important;
}

.hybrid-to-section .mat-expansion-indicator::after {
  color: #0089ff !important;
  border-width: 0 1px 1px 0;
  height: 6px;
  width: 6px;
}

.hybrid-to-section .mat-expansion-indicator::before {
  color: #0089ff !important;
  color: #0089ff !important;
  border-width: 0 1px 1px 0;
  height: 6px;
  width: 6px;
}

.hybrid-accordian-header {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px;
  color: #444444;
}

.hybrid-accordian-bcg {
  background: #f6f6f6;
}

.hybrid-accordian-open-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  color: #444444;
}

@media only screen and (max-width: 425px) {
  .faqs-accordian .mat-expansion-panel-body {
    padding: 16px;
  }
  .faqs-accordian .mat-expansion-panel-body p {
    color: #767676;
  }
}
.hybrid-secondary-to-section {
  border: none;
  background: #f6f6f6;
  padding: 8px 16px 8px;
  border-radius: 6px;
}

.hybrid-tertiary-to-section {
  background: #f6f6f6;
  border-radius: 6px;
  padding: 8px 16px 16px;
}

.hybrid-infotext {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #0089ff;
}

.hybrid-secondary-infotext {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #0089ff;
}

.hybrid-to-section ul li::before {
  color: #444444 !important;
}

.hybrid-bcg-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-feature-settings: "case" on;
  color: #444444;
}

.hybrid-bcg-header {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #222222;
}

.hybrid-approver .hybrid-approver .mat-expansion-panel {
  box-shadow: none;
}
.hybrid-approver .hybrid-approver .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 !important;
}

.hybrid-card-container .hybrid-approver .mat-expansion-panel-body {
  padding: 0 !important;
}

.hybrid-approver .mat-expansion-indicator {
  padding: 0px 6px;
}

.hybrid-approver .mat-expansion-indicator::after {
  color: #0089ff !important;
  border-width: 0 1px 1px 0;
  height: 6px;
  width: 6px;
  transform: rotate(315deg) !important;
}

.hybrid-approver .mat-expanded .mat-expansion-indicator::after {
  color: #0089ff !important;
  border-width: 0 1px 1px 0;
  height: 6px;
  width: 6px;
  transform: rotate(225deg) !important;
}

.hybrid-approver .mat-expansion-indicator::before {
  color: #0089ff !important;
  border-width: 0 1px 1px 0;
  height: 6px;
  width: 6px;
  transform: rotate(90deg) !important;
}

.hyb-list__footer--position {
  position: fixed;
  height: 156px;
  width: 100%;
  bottom: 0;
  padding: 16px 44px;
  background-color: #fefefe;
  z-index: 3;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.hybrid_secondary_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0062e1;
  border: 1px solid #0062e1;
  border-radius: 4px;
  height: 36px !important;
}
.hybrid_secondary_button--button_text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

.hybrid_tertiary_button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0089ff;
  height: 32px !important;
  border-radius: 4px;
}
.hybrid_tertiary_button--button_text {
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #0089ff;
}

.hybrid-to-section .mat-form-field-infix {
  padding: 0.32em 0;
}
.hybrid-to-section .mat-form-field-infix input.mat-input-element {
  height: 22px !important;
  vertical-align: top;
  overflow: visible;
}

.hybrid-detaild-card .mat-form-field-infix {
  padding: 0.32em 0;
}
.hybrid-detaild-card .mat-form-field-infix input.mat-input-element {
  height: 22px !important;
  vertical-align: top;
  overflow: visible;
}

.hybrid-to-section.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  line-height: 14px !important;
  padding: 2px 0px;
}

.hybrid_disabled_button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #767676;
  height: 32px !important;
  border-radius: 4px;
}
.hybrid_disabled_button--button_text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #767676;
}

.hybrid-card-container .mat-error {
  color: #e70011;
  font-size: 12px !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  font-feature-settings: "case" on;
  margin: 2px 0px 6px;
}

.hyb-sms-container {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between;
}

.mat-checkbox.hybrid-terms-check {
  height: 14px;
  width: 14px;
  margin-right: 8px;
}
.mat-checkbox.hybrid-terms-check .mat-checkbox-layout .mat-checkbox-inner-container-no-side-margin {
  height: 14px !important;
  width: 14px !important;
}
.mat-checkbox.hybrid-terms-check .mat-checkbox-background,
.mat-checkbox.hybrid-terms-check .mat-checkbox-frame {
  border-radius: 50% !important;
}

.currency-placement_mobile .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-2.8em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.1em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.hybrid-register-component {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fefefe;
}
.hybrid-register-component .hybrid-register-title-wrapper {
  padding: 16px;
}
.hybrid-register-component .mat-expansion-panel {
  border: none;
}
.hybrid-register-component .mat-expansion-panel .mat-expansion-panel-header {
  border-top: 1px solid #d8d8d8;
}
.hybrid-register-component .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0px;
}
.hybrid-register-component .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .displayedQuestions {
  background: #f6f6f6;
  border-top: 1px solid #d8d8d8;
}
.hybrid-register-component .mat-expansion-panel-header-title {
  display: flex;
  align-items: center;
}
.hybrid-register-component .mat-expansion-panel-header-title .hybridQuestionNo {
  color: #0033aa;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0033aa;
  margin-right: 8px;
}
.hybrid-register-component .mat-expansion-indicator ::after {
  height: 15px;
  width: 15px;
  color: #0033aa;
  padding: 0;
}
.hybrid-register-component .afterSelect {
  color: #0033aa;
}
.hybrid-register-component .afterSelect.hybridQuestionNo {
  background-color: #0033aa !important;
  color: white !important;
}
.hybrid-register-component .beforeSelect.hybridQuestionNo {
  background-color: white !important;
  color: #0033aa !important;
}
.hybrid-register-component .displayedQuestions {
  padding: 16px;
}

.faqs-accordian.mat-accordion-multi .mat-expansion-indicator::after {
  color: #0033aa;
  border-width: 0 1px 1px 0;
  padding: 5px;
}
.faqs-accordian.mat-accordion-multi .currency-placement_mobile .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.faqs-accordian.mat-accordion-multi .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-3.1em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.1em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.currency-placement_mobile .mat-form-field-label-wrapper {
  text-align: left !important;
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  pointer-events: none;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.hybrid-card-container .mat-checkbox-background,
.hybrid-card-container .mat-checkbox-frame {
  border-radius: 50% !important;
  height: 22px;
  width: 22px;
}
.hybrid-card-container .mat-checkbox-inner-container {
  height: 22px !important;
  width: 22px !important;
}

.header_text--primary {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #222222;
}
.header_text--secondary_bg {
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 17px;
}
.header_text--secondary_bg--right {
  text-align: right !important;
}
.header_text--secondary_sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #767676;
}
.header_text--secondary_sm--right {
  text-align: right !important;
}

.hyb_flexi_around {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.header {
  font-weight: 400;
  color: #767676;
  font-size: 14px;
  text-align: right;
}

.header_text_right {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: #767676;
}

.header_text_label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #0033aa;
}

.header_text_secondary {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  font-feature-settings: "case" on;
  color: #0089ff;
}

.service-request-wrapper .hybrid-custom-input-field-set {
  padding: 8px 0 !important;
}
.service-request-wrapper .hyb-filter {
  padding: 0px 0px 0px 8px;
}

.hyb-filter {
  padding: 0px 14px 0px 8px;
}

.service-radio-button {
  display: block !important;
  padding-bottom: 16px;
}

.hybrid-checkbox .mat-checkbox-inner-container {
  height: 20px !important;
  width: 20px !important;
}

.hybrid-checkbox {
  padding-top: 16px;
}
.hybrid-checkbox .mat-checkbox-background,
.hybrid-checkbox .mat-checkbox-frame {
  border-radius: 70% !important;
}
.hybrid-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0089ff !important;
}
.hybrid-checkbox .mat-checkbox-label {
  font-size: 16px;
  color: #444444;
  font-family: sf-pro-regular;
}

.period-radio-button .hybrid-radio-button .mat-radio-label {
  align-items: center;
}
.period-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: 8px !important;
}

.hyb-summary-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1005;
  height: 100vh;
  overflow: auto;
  display: block;
  visibility: visible;
  background-color: white;
}
.hyb-summary-box .mat-mdc-form-field-flex {
  background-color: #ffffff;
}
.hyb-summary-box .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #ffffff;
}
.hyb-summary-box .mdc-text-field--filled:hover {
  background-color: #ffffff;
}
.hyb-summary-box .mat-mdc-form-field-flex:hover {
  background-color: #ffffff;
}
.hyb-summary-box .mat-mdc-form-field:hover {
  background-color: #ffffff;
}
.hyb-summary-box .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.hyb-summary-box .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.hyb-summary-box .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.hyb-summary-box .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.hyb-summary-box .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}

.hybrid-to-section .contact-placement .mat-form-field-infix input.mat-input-element {
  text-align: left;
}

.contact-placement .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-2.4em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px) !important;
  -ms-transform: translate(-2.3em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.contact-placement .mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  pointer-events: none;
}

.currency-placement_service .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-2.5em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.1em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.currency-placement_unayo .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(-4em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.1em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.currency-placement_unayo .mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  pointer-events: none;
}

.currency-placement_service .mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  pointer-events: none;
}

.hyb-note-align .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}

.in_progres .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid !important;
}
.in_progres .avatar-icon {
  background: none !important;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  line-height: normal;
  color: #ffa101 !important;
}

.not_sent .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid !important;
}
.not_sent .avatar-icon {
  background: none !important;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  line-height: normal;
  color: #767676 !important;
}

.hybrid-radio-checkbox .mat-checkbox-background,
.hybrid-radio-checkbox .mat-checkbox-frame {
  border-radius: 6px !important;
  height: 20px;
  width: 20px;
  border: 1px solid #a6a6a6 !important;
}

.hybrid-radio-checkbox .mat-checkbox-checked .mat-checkbox-background,
.hybrid-radio-checkbox .mat-checkbox-checked .mat-checkbox-frame {
  border-radius: 6px !important;
  height: 20px;
  width: 20px;
  border: 1px solid rgb(0, 137, 255) !important;
}

.hybrid-radio-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.hybrid-radio-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgb(0, 137, 255) !important;
  top: 4px !important;
  left: 4px !important;
  border: 1px solid rgb(0, 137, 255) !important;
}

.hybrid-radio-checkbox .mat-checkbox-checkmark {
  display: none !important;
}

.hybrid-radio-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.hybrid-radio-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-radius: 4px !important;
  width: 12px;
  height: 12px;
}
.hybrid-radio-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background .hybrid-white-icon,
.hybrid-radio-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background .hybrid-white-icon {
  height: 24px !important;
  width: 24px !important;
  display: inline-block !important;
  color: #ffffff !important;
}

.hybrid-icon-carsouel {
  height: 24px !important;
  width: 24px !important;
  display: inline-block !important;
  color: #fff;
}

.hybrid-bank-logo {
  width: 34.188px !important;
  height: 39.751px !important;
  flex-shrink: 0;
  color: #fff;
  flex: 1;
}

.top_transaction_elments .avatar-icon {
  color: #767676 !important;
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0;
  background-color: #fff !important;
}

.top_transaction_elments .avatar {
  width: 48px !important;
  height: 48px !important;
  background: white !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px !important;
  height: 8px !important;
}

.card_container_carousel_ghana {
  top: 3%;
  z-index: 0 !important;
}
.card_container_carousel_ghana .owl-carousel {
  z-index: 0 !important;
}
.card_container_carousel_ghana .owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.5) !important;
  width: 6px !important;
  height: 6px !important;
}
.card_container_carousel_ghana .owl-theme .owl-dots .owl-dot.active span, .card_container_carousel_ghana .owl-theme .owl-dots .owl-dot:hover span {
  background: rgb(255, 255, 255) !important;
  width: 30px !important;
  height: 4px !important;
}

.hybrid-multi-card-container {
  padding: 0 16px;
  overflow-x: hidden;
  background-color: #fff !important;
  font-weight: 400;
}

.tipsApprover .detail-card {
  border: none;
  padding: 0px;
}

.hyb_flexi_around {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.header {
  font-weight: 400;
  color: #767676;
  font-size: 14px;
  text-align: right;
}

.header_text_label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #0033aa;
}

.header_text_secondary {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  font-feature-settings: "case" on;
  color: #0089ff;
}

.hyb_input_blocked {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none;
}

.currency-placement_npl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translate(0.1em, -1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translate(-2.3em, -1.28125em) scale(0.75) !important;
  width: 133.3333333333%;
}

.hybrid-to-section .currency-placement_npl .mat-form-field-infix input.mat-input-element {
  text-align: right !important;
}

.hybrid-card-container .mat-form-field-suffix {
  display: flex;
  align-items: center;
}
.hybrid-card-container .hybridVerify .button__wrapper .button__basic--secondary-color {
  line-height: 26px;
}

.gepg-payment-input .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 8px 0 !important;
}

.defaultCheckbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #b0b0b0 !important;
}
.defaultCheckbox .beneficiary-details-btnCapture .detail-block {
  margin-top: 22px;
}
.defaultCheckbox .beneficiary-details-btnCapture .detail-block .mat-raised-button {
  min-width: 178px !important;
  display: flex;
  justify-content: center;
}
.defaultCheckbox .payment-details__info .mat-form-field-wrapper {
  padding-bottom: 0px;
}

.confirm-pin-inputs-wrapper.error-inputs .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #e70011 !important;
  height: 2px !important;
}
.confirm-pin-inputs-wrapper.error-inputs .mat-form-field-appearance-legacy.mat-focused .mat-form-field-underline {
  background-color: #e70011 !important;
  height: 2px !important;
}

ul {
  padding: 0;
}

.width-100 {
  width: 100%;
}

.mat-mdc-form-field {
  width: 100%;
}
.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0;
}

.noneWhite .mat-mdc-button.mat-unthemed {
  color: #ffffff;
}

.card-container .mdc-text-field {
  padding: 0 4px;
}
.card-container .align-justify-center {
  justify-content: center;
}

.align-spaced {
  justify-content: space-around;
}

.text-center {
  text-align: center;
}

.list-filter__search-input.sbg-form__input .mat-mdc-form-field-icon-prefix > .mat-icon,
.list-filter__search-input.sbg-form__input .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 8px 0px;
}
.list-filter__search-input.sbg-form__input .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.list-filter__search-input.sbg-form__input .mat-mdc-form-field-icon-prefix,
.list-filter__search-input.sbg-form__input .mat-mdc-form-field-icon-suffix {
  align-self: flex-end;
}
.list-filter__search-input.sbg-form__input .mat-mdc-form-field-icon-prefix .mat-icon {
  font-size: 18px;
  width: 1em;
}
.list-filter__search-input.sbg-form__input .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.list-filter__search-input.sbg-form__input .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #0033aa;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.list-filter__search-input.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.list-filter__search-input.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #0033aa;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}

.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.sbg-form__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: inherit;
}
.sbg-form__input .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0.54em;
  top: calc(100% - 1.66em);
}
.sbg-form__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
  height: 36px;
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
  padding: 1px 0 1px 0;
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
}
.sbg-form__input .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form__input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  margin-top: 8px;
  margin-bottom: 8px;
}
.sbg-form__input .mat-mdc-form-field-infix {
  min-height: 52px;
}
.sbg-form__input .mdc-text-field .mdc-floating-label {
  transform: translateY(0);
}
.sbg-form__input .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}
.sbg-form__input .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.sbg-form__input .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: rgba(0, 0, 0, 0.6);
}
.sbg-form__input .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.sbg-form__input .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
}
.sbg-form__input .mat-mdc-form-field-hint-wrapper,
.sbg-form__input .mat-mdc-form-field-error-wrapper {
  position: relative;
}
.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: #0033aa;
}

.hyb-opt-input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
}
.hyb-opt-input .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}

.hyb-search .mdc-line-ripple::before {
  border-bottom-style: none;
  border-bottom: none;
}

.hyb-search .mdc-line-ripple::after {
  border-bottom-style: none;
  border-bottom: none;
}

.hyb-search .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper .mdc-text-field--filled {
  border-radius: 10px;
}

.hyb-search .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  border-radius: 10px;
  height: 36px;
  padding-right: 0px;
}

.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
  display: none;
}

.sbg-form-payment__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.edit-cma-beneficiary-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.change-password-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.security-questions-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: inherit;
}
.sbg-form-payment__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.edit-cma-beneficiary-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.change-password-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.security-questions-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
  height: 36px;
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.sbg-form-payment__input .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.card-container .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.edit-cma-beneficiary-container .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.change-password-section .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.security-questions-section .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color);
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled),
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled),
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
  padding: 1px 0 1px 0;
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled),
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled),
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
}
.sbg-form-payment__input .mat-mdc-form-field-focus-overlay,
.card-container .mat-mdc-form-field-focus-overlay,
.edit-cma-beneficiary-container .mat-mdc-form-field-focus-overlay,
.change-password-section .mat-mdc-form-field-focus-overlay,
.security-questions-section .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form-payment__input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.sbg-form-payment__input .card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.card-container .card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.edit-cma-beneficiary-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.edit-cma-beneficiary-container .card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.change-password-section .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.change-password-section .card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.security-questions-section .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.security-questions-section .card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  margin-top: 8px;
}
.sbg-form-payment__input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.card-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.edit-cma-beneficiary-container .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.change-password-section .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input,
.security-questions-section .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  padding: 0 0 0 0;
}
.sbg-form-payment__input .mat-mdc-form-field-infix,
.card-container .mat-mdc-form-field-infix,
.edit-cma-beneficiary-container .mat-mdc-form-field-infix,
.change-password-section .mat-mdc-form-field-infix,
.security-questions-section .mat-mdc-form-field-infix {
  min-height: 52px;
}
.sbg-form-payment__input .mat-mdc-form-field-icon-prefix > .mat-icon,
.sbg-form-payment__input .mat-mdc-form-field-icon-suffix > .mat-icon,
.card-container .mat-mdc-form-field-icon-prefix > .mat-icon,
.card-container .mat-mdc-form-field-icon-suffix > .mat-icon,
.edit-cma-beneficiary-container .mat-mdc-form-field-icon-prefix > .mat-icon,
.edit-cma-beneficiary-container .mat-mdc-form-field-icon-suffix > .mat-icon,
.change-password-section .mat-mdc-form-field-icon-prefix > .mat-icon,
.change-password-section .mat-mdc-form-field-icon-suffix > .mat-icon,
.security-questions-section .mat-mdc-form-field-icon-prefix > .mat-icon,
.security-questions-section .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding-bottom: 0;
}
.sbg-form-payment__input .mdc-text-field--filled,
.card-container .mdc-text-field--filled,
.edit-cma-beneficiary-container .mdc-text-field--filled,
.change-password-section .mdc-text-field--filled,
.security-questions-section .mdc-text-field--filled {
  background-color: #fefefe;
}
.sbg-form-payment__input .mdc-text-field__input,
.card-container .mdc-text-field__input,
.edit-cma-beneficiary-container .mdc-text-field__input,
.change-password-section .mdc-text-field__input,
.security-questions-section .mdc-text-field__input {
  background-color: #fefefe;
}
.sbg-form-payment__input .mat-mdc-text-field-wrapper,
.card-container .mat-mdc-text-field-wrapper,
.edit-cma-beneficiary-container .mat-mdc-text-field-wrapper,
.change-password-section .mat-mdc-text-field-wrapper,
.security-questions-section .mat-mdc-text-field-wrapper {
  background-color: #fefefe;
}
.sbg-form-payment__input .mat-mdc-form-field-focus-overlay,
.card-container .mat-mdc-form-field-focus-overlay,
.edit-cma-beneficiary-container .mat-mdc-form-field-focus-overlay,
.change-password-section .mat-mdc-form-field-focus-overlay,
.security-questions-section .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form-payment__input .mat-mdc-form-field,
.card-container .mat-mdc-form-field,
.edit-cma-beneficiary-container .mat-mdc-form-field,
.change-password-section .mat-mdc-form-field,
.security-questions-section .mat-mdc-form-field {
  background-color: #ffffff;
  padding-bottom: 1.25em;
}
.sbg-form-payment__input .mat-mdc-form-field-subscript-wrapper,
.card-container .mat-mdc-form-field-subscript-wrapper,
.edit-cma-beneficiary-container .mat-mdc-form-field-subscript-wrapper,
.change-password-section .mat-mdc-form-field-subscript-wrapper,
.security-questions-section .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0.54em;
  top: calc(100% - 1.66em);
}
.sbg-form-payment__input .mat-mdc-form-field-icon-prefix,
.sbg-form-payment__input .mat-mdc-form-field-icon-suffix,
.card-container .mat-mdc-form-field-icon-prefix,
.card-container .mat-mdc-form-field-icon-suffix,
.edit-cma-beneficiary-container .mat-mdc-form-field-icon-prefix,
.edit-cma-beneficiary-container .mat-mdc-form-field-icon-suffix,
.change-password-section .mat-mdc-form-field-icon-prefix,
.change-password-section .mat-mdc-form-field-icon-suffix,
.security-questions-section .mat-mdc-form-field-icon-prefix,
.security-questions-section .mat-mdc-form-field-icon-suffix {
  align-items: baseline;
  display: contents;
}
.sbg-form-payment__input .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.card-container .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.edit-cma-beneficiary-container .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.change-password-section .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.security-questions-section .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 70%;
}
.sbg-form-payment__input .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label--float-above,
.card-container .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label--float-above,
.edit-cma-beneficiary-container .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label--float-above,
.change-password-section .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label--float-above,
.security-questions-section .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label--float-above {
  top: 50%;
}
.sbg-form-payment__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.edit-cma-beneficiary-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.change-password-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.security-questions-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block;
}
.sbg-form-payment__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.edit-cma-beneficiary-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.change-password-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.security-questions-section .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-bottom: 4px;
  padding-right: 4px;
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  margin-top: 8px;
}
.sbg-form-payment__input .mat-mdc-select,
.card-container .mat-mdc-select,
.edit-cma-beneficiary-container .mat-mdc-select,
.change-password-section .mat-mdc-select,
.security-questions-section .mat-mdc-select {
  padding-top: 8px;
}
.sbg-form-payment__input .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.card-container .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.edit-cma-beneficiary-container .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.change-password-section .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.security-questions-section .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
  top: 50%;
}
.sbg-form-payment__input .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow,
.card-container .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow,
.edit-cma-beneficiary-container .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow,
.change-password-section .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow,
.security-questions-section .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  --mat-select-focused-arrow-color: #0033aa;
  color: var(--mat-select-focused-arrow-color);
}
.sbg-form-payment__input .mdc-text-field--filled.mdc-text-field--disabled,
.card-container .mdc-text-field--filled.mdc-text-field--disabled,
.edit-cma-beneficiary-container .mdc-text-field--filled.mdc-text-field--disabled,
.change-password-section .mdc-text-field--filled.mdc-text-field--disabled,
.security-questions-section .mdc-text-field--filled.mdc-text-field--disabled {
  padding: 0;
  --mdc-filled-text-field-disabled-container-color: #ffffff;
  background-color: var(--mdc-filled-text-field-disabled-container-color);
}
.sbg-form-payment__input .mat-mdc-form-field-bottom-align::before,
.card-container .mat-mdc-form-field-bottom-align::before,
.edit-cma-beneficiary-container .mat-mdc-form-field-bottom-align::before,
.change-password-section .mat-mdc-form-field-bottom-align::before,
.security-questions-section .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.sbg-form-payment__input .mat-mdc-form-field-hint-wrapper,
.sbg-form-payment__input .mat-mdc-form-field-error-wrapper,
.card-container .mat-mdc-form-field-hint-wrapper,
.card-container .mat-mdc-form-field-error-wrapper,
.edit-cma-beneficiary-container .mat-mdc-form-field-hint-wrapper,
.edit-cma-beneficiary-container .mat-mdc-form-field-error-wrapper,
.change-password-section .mat-mdc-form-field-hint-wrapper,
.change-password-section .mat-mdc-form-field-error-wrapper,
.security-questions-section .mat-mdc-form-field-hint-wrapper,
.security-questions-section .mat-mdc-form-field-error-wrapper {
  position: relative;
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}

.sbg-form-payment-list__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: inherit;
}
.sbg-form-payment-list__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
  height: 36px;
}
.sbg-form-payment-list__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.sbg-form-payment-list__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #0033aa;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.sbg-form-payment-list__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
  padding: 1px 0 1px 0;
}
.sbg-form-payment-list__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
}
.sbg-form-payment-list__input .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form-payment-list__input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  margin: 6px 0 0 0;
}
.sbg-form-payment-list__input .mat-mdc-form-field-infix {
  min-height: 52px;
}
.sbg-form-payment-list__input .mat-mdc-form-field-icon-prefix > .mat-icon,
.sbg-form-payment-list__input .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding-bottom: 0 12px;
}
.sbg-form-payment-list__input .payments-list__items .mat-mdc-form-field-flex {
  align-items: center;
}

.sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
}
.sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
}
.sbg-form-select-dropdown__input .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form-select-dropdown__input .mdc-text-field--filled {
  background-color: #fefefe;
}
.sbg-form-select-dropdown__input .mdc-text-field__input {
  background-color: #fefefe;
}
.sbg-form-select-dropdown__input .mat-mdc-text-field-wrapper {
  background-color: #fefefe;
}
.sbg-form-select-dropdown__input .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.sbg-form-select-dropdown__input .mdc-text-field--filled.mdc-text-field--disabled {
  padding: 0;
  --mdc-filled-text-field-disabled-container-color: #ffffff;
  background-color: var(--mdc-filled-text-field-disabled-container-color);
}
.sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.sbg-form-select-dropdown__input .mat-focused,
.sbg-form-select-dropdown__input .mdc-text-field--focused {
  background-color: rgb(237, 237, 237);
}
.sbg-form-select-dropdown__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block;
  top: 1.28em;
  padding: 1px 0px;
}
.sbg-form-select-dropdown__input .mat-mdc-select-value-text {
  font-size: 14px;
  color: #444444;
}
@media screen and (max-width: 640px) {
  .sbg-form-select-dropdown__input .mat-mdc-select {
    padding-top: 0.56em;
  }
  .sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
  .sbg-form-select-dropdown__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    --mdc-filled-text-field-focus-label-text-color: #00000099;
    color: var(--mdc-filled-text-field-focus-label-text-color);
  }
  .sbg-form-select-dropdown__input .mdc-text-field {
    padding: 0px;
  }
}
.sbg-form-select-dropdown__input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding: 0.99em 0px;
}
.sbg-form-select-dropdown__input .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 1.28em;
}

.sbg-form-payment__input.search-div .mat-mdc-form-field {
  padding-bottom: 0px;
}

.sbg-form-payment__input.search-div .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 50%;
}

.sbg-form-payment__input.search-div .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 43%;
}

.sbg-form-payment__input.search-div .sbg-input-search .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding: 0px;
  min-height: 39.5px;
}
.sbg-form-payment__input.search-div .sbg-input-search .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  height: 34px;
}

.payment-recent-content .list-table-details__item--position {
  padding-top: 16px;
  box-sizing: border-box;
}

.payment-button .payment-details-footer .mt-20 {
  display: flex;
  justify-content: space-between;
}

.detail-card .from-detail__label {
  font-size: 14px;
  color: #767676;
}
.detail-card .align-center {
  justify-content: center;
}
.detail-card .flex-container {
  display: flex;
}
.detail-card .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: #0033aa;
}

.payments-list__items .mat-mdc-form-field-flex,
.card-container .mat-mdc-form-field-flex,
.edit-cma-beneficiary-container .mat-mdc-form-field-flex,
.change-password-section .mat-mdc-form-field-flex,
.security-questions-section .mat-mdc-form-field-flex {
  background-color: #ffffff;
}
.payments-list__items .mdc-text-field--filled:not(.mdc-text-field--disabled),
.card-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.change-password-section .mdc-text-field--filled:not(.mdc-text-field--disabled),
.security-questions-section .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #ffffff;
}
.payments-list__items .mdc-text-field--filled:hover,
.card-container .mdc-text-field--filled:hover,
.edit-cma-beneficiary-container .mdc-text-field--filled:hover,
.change-password-section .mdc-text-field--filled:hover,
.security-questions-section .mdc-text-field--filled:hover {
  background-color: #ffffff;
}
.payments-list__items .mat-mdc-form-field-flex:hover,
.card-container .mat-mdc-form-field-flex:hover,
.edit-cma-beneficiary-container .mat-mdc-form-field-flex:hover,
.change-password-section .mat-mdc-form-field-flex:hover,
.security-questions-section .mat-mdc-form-field-flex:hover {
  background-color: #ffffff;
}
.payments-list__items .mat-mdc-form-field:hover,
.card-container .mat-mdc-form-field:hover,
.edit-cma-beneficiary-container .mat-mdc-form-field:hover,
.change-password-section .mat-mdc-form-field:hover,
.security-questions-section .mat-mdc-form-field:hover {
  background-color: #ffffff;
}
.payments-list__items .mat-mdc-form-field-focus-overlay,
.card-container .mat-mdc-form-field-focus-overlay,
.edit-cma-beneficiary-container .mat-mdc-form-field-focus-overlay,
.change-password-section .mat-mdc-form-field-focus-overlay,
.security-questions-section .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}

.verified-hybrid-section .amount-field .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above,
.verified-hybrid-section .amount-field .hybrid-form-notify .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  left: -13%;
}

.hybrid-card-container .verified-hybrid-section .verified-hybrid-form-field .mdc-text-field--disabled .mdc-line-ripple--deactivating {
  display: none;
}

.hybrid-card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.hybrid-form-notify .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
}
.hybrid-card-container .hybrid-custom-input-field-set .mat-mdc-select-value-text,
.hybrid-form-notify .hybrid-custom-input-field-set .mat-mdc-select-value-text {
  font-size: 0.875em;
}
.hybrid-card-container .hybrid-custom-input-field-set .mat-mdc-form-field-flex,
.hybrid-form-notify .hybrid-custom-input-field-set .mat-mdc-form-field-flex {
  margin-left: 8px;
}
.hybrid-card-container .hybrid-custom-input-field-set .mdc-text-field--filled:not(.mdc-text-field--disabled),
.hybrid-form-notify .hybrid-custom-input-field-set .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: rgb(237, 237, 237);
}
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--disabled,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--disabled {
  background-color: white;
}
.hybrid-card-container .mdc-text-field,
.hybrid-form-notify .mdc-text-field {
  padding: 0px;
}
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-label-text-color);
}
.hybrid-card-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.hybrid-form-notify .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #fff;
  background-color: var(--mdc-filled-text-field-container-color);
  padding: 1px 0 1px 0;
}
.hybrid-card-container .mat-mdc-form-field-focus-overlay,
.hybrid-form-notify .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.hybrid-card-container .mat-mdc-form-field-icon-prefix,
.hybrid-form-notify .mat-mdc-form-field-icon-prefix {
  align-self: baseline;
  padding: 0px;
}
.hybrid-card-container .mdc-text-field .mdc-floating-label,
.hybrid-form-notify .mdc-text-field .mdc-floating-label {
  transform: translateY(0);
}
.hybrid-card-container .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above,
.hybrid-form-notify .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}
.hybrid-card-container .mat-mdc-form-field-error-wrapper,
.hybrid-form-notify .mat-mdc-form-field-error-wrapper {
  padding: 0px;
}
.hybrid-card-container .mat-mdc-form-field-icon-prefix > .mat-icon,
.hybrid-card-container .mat-mdc-form-field-icon-suffix > .mat-icon,
.hybrid-form-notify .mat-mdc-form-field-icon-prefix > .mat-icon,
.hybrid-form-notify .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0px;
}
.hybrid-card-container .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.hybrid-form-notify .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: inherit;
}
.hybrid-card-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.hybrid-card-container .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.hybrid-form-notify .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.hybrid-form-notify .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #0033aa;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.hybrid-card-container .mdc-text-field--filled:not(.mdc-text-field--disabled),
.hybrid-form-notify .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
}
.hybrid-card-container .mat-mdc-form-field-infix,
.hybrid-form-notify .mat-mdc-form-field-infix {
  min-height: 48px;
}
.hybrid-card-container .mat-mdc-form-field-subscript-wrapper,
.hybrid-form-notify .mat-mdc-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
  letter-spacing: normal;
}
.hybrid-card-container .mat-mdc-form-field-hint-spacer,
.hybrid-form-notify .mat-mdc-form-field-hint-spacer {
  flex: none;
}
.hybrid-card-container .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper,
.hybrid-form-notify .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
.hybrid-card-container .mdc-floating-label,
.hybrid-form-notify .mdc-floating-label {
  color: var(--mdc-filled-text-field-label-text-color);
}
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-filled-text-field-label-text-color);
}
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.hybrid-card-container .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.hybrid-form-notify .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #0033aa;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.hybrid-card-container .mat-mdc-form-field-hint-wrapper,
.hybrid-card-container .mat-mdc-form-field-error-wrapper,
.hybrid-form-notify .mat-mdc-form-field-hint-wrapper,
.hybrid-form-notify .mat-mdc-form-field-error-wrapper {
  position: relative;
  padding: 0;
}
.hybrid-card-container .mat-mdc-form-field-bottom-align::before,
.hybrid-form-notify .mat-mdc-form-field-bottom-align::before {
  display: inline;
}

.hybrid__amount .mat-mdc-form-field .mat-mdc-form-field-infix input::placeholder {
  color: #fefefe;
  opacity: 0.8;
}
.hybrid__amount .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 12px;
}
.hybrid__amount .mat-mdc-form-field-flex {
  border: 1px solid #dbdbdb;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #0089ff;
}
.hybrid__amount .mat-mdc-form-field-flex .placeholder,
.hybrid__amount .mat-mdc-form-field-flex ::placeholder {
  color: rgb(255, 255, 255);
  padding: 0px 24px;
  font-weight: 400;
  opacity: 0.8;
  line-height: 19.09px;
}
.hybrid__amount .mat-mdc-form-field-flex:hover {
  background-color: #0089ff;
}
.hybrid__amount .mat-mdc-form-field-icon-prefix {
  padding: 16px;
  font-size: 24px;
  color: #fefefe;
  border-right: 1px solid #ededed;
  line-height: 29px;
  font-weight: 400;
}
.hybrid__amount .mat-mdc-form-field-infix {
  position: relative;
}
.hybrid__amount .mat-mdc-form-field-infix input.mat-input-element {
  height: 28px;
  padding: 0 16px;
  caret-color: #fff;
  line-height: 29px;
  font-size: 24px;
}
.hybrid__amount .mdc-line-ripple {
  display: none;
}
.hybrid__amount .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  padding: 0 16px;
  box-sizing: border-box;
}
.hybrid__amount .mat-form-field-infix input.mat-input-element {
  height: 28px;
  padding: 0 16px;
  caret-color: #fefefe;
  line-height: 29px;
  font-size: 24px;
}
.hybrid__amount .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.hybrid__amount .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  color: #fefefe;
  caret-color: #ffffff;
}
.hybrid__amount .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  padding-top: 0px;
}
.hybrid__amount .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.hybrid-search-input .mat-mdc-form-field {
  padding-bottom: 0px;
}
.hybrid-search-input .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 12px;
}
.hybrid-search-input .mat-mdc-text-field-wrapper {
  align-items: center;
}
.hybrid-search-input .mat-mdc-form-field-flex,
.hybrid-search-input .mat-mdc-form-field-flex:hover {
  background: #ededed;
}
.hybrid-search-input .mat-mdc-form-field-icon-prefix mat-icon {
  width: 1em;
}
.hybrid-search-input .mat-mdc-form-field-icon-prefix {
  margin-left: 8px;
}
.hybrid-search-input .mat-mdc-form-field-focus-overlay,
.hybrid-search-input .mat-mdc-form-field-focus-overlay:hover {
  background-color: #ededed;
}
.hybrid-search-input .mdc-text-field {
  padding: 0px;
}
.hybrid-search-input .mat-mdc-form-field-icon-prefix > .mat-icon,
.hybrid-search-input .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0px;
}

.list-table .list-table__wrapper .mdc-list-item__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-table .list-table__wrapper .mdc-list-item {
  padding: 0px;
}
.list-table .list-table__wrapper .mdc-list {
  padding: 0px;
}
.list-table .list-table__wrapper .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  margin-left: 10px;
  margin-right: 0px;
}

.payments-list__items .flex-container {
  display: flex;
}
.payments-list__items .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.payments-list__items .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2.3px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.payments-list__items .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.payments-list__items .mdc-text-field--filled.mdc-text-field--disabled {
  padding: 0;
  --mdc-filled-text-field-disabled-container-color: #fefefe;
  background-color: var(--mdc-filled-text-field-disabled-container-color);
}
.payments-list__items .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  --mdc-filled-text-field-label-text-color: #00000099;
  color: var(--mdc-filled-text-field-label-text-color);
}
.payments-list__items .mat-mdc-form-field-hint-wrapper,
.payments-list__items .mat-mdc-form-field-error-wrapper {
  position: relative;
}
.payments-list__items .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.payments-list__items .cma-payments__detail-card_wrapper:hover {
  background-color: #f6f6f6;
}
.payments-list__items .cma-payments__detail-card_wrapper {
  background-color: #f6f6f6;
}
.payments-list__items .cma-payments__detail-card_wrapper .mat-mdc-form-field-flex {
  background-color: #f6f6f6;
}
.payments-list__items .cma-payments__detail-card_wrapper input {
  background-color: #f6f6f6;
}
.payments-list__items .cma-payments__detail-card_wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #f6f6f6;
}
.payments-list__items .mat-mdc-form-field-subscript-wrapper {
  color: #767676;
}
.payments-list__items .mat-mdc-radio-button {
  margin-right: 30px;
}
.payments-list__items .mat-mdc-radio-button .mdc-radio {
  padding: 0;
}
.payments-list__items .mdc-form-field > label {
  font-size: 16px;
}
.payments-list__items .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  height: auto;
}
.payments-list__items .mat-button-toggle-group-appearance-standard {
  border: none;
}

.row-buy-container {
  max-width: 980px !important;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}

.mdc-radio__outer-circle {
  box-sizing: border-box;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color ease 280ms;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}

.mdc-radio__inner-circle {
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: transform ease 280ms, background-color ease 280ms, opacity linear 1ms 280ms;
  width: 20px;
  transform: scale(0.001);
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  margin-right: 3px;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 6px;
}

.hybrid-form-notify,
.hybrid-mobile-input,
.hybrid-radio-button {
  --radio-button-color: #0089ff;
}
.hybrid-form-notify .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-mobile-input .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
  border-color: var(--radio-button-color);
  background-color: #fefefe;
}
.hybrid-form-notify .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-mobile-input .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
.hybrid-form-notify .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle,
.hybrid-mobile-input .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle,
.hybrid-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--radio-button-color);
  opacity: 0.8;
  border-color: var(--radio-button-color);
}
.hybrid-form-notify .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-mobile-input .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.hybrid-radio-button .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--radio-button-color);
}
.hybrid-form-notify .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle,
.hybrid-mobile-input .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle,
.hybrid-radio-button .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--radio-button-color);
  opacity: 0.8;
  border-color: var(--radio-button-color);
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 8px;
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 16px;
}

.example-form-field .mat-mdc-select-arrow svg {
  display: none;
}

.example-form-field .mat-mdc-text-field-wrapper {
  width: 80px;
}

.router-container-list .payments-list .navigation-list {
  flex: 0 0 25%;
  max-width: 25%;
}
@media only screen and (max-width: 768px) {
  .router-container-list .payments-list .navigation-list {
    color: #444444;
    background-color: transparent;
    border-right: none;
  }
}

.cdk-overlay-container .mat-mdc-option .mdc-list-item__primary-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
}

.cdk-overlay-container {
  color: #0033aa;
}
.cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  color: #0033aa;
}
.cdk-overlay-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.cdk-overlay-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #0033aa;
}
.cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  --mat-option-selected-state-label-text-color: #0033aa;
  color: var(--mat-option-selected-state-label-text-color);
}

.otpContainer .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0);
}
.otpContainer .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0);
}
.otpContainer .mat-mdc-form-field:hover {
  background-color: #f6f6f6;
}
.otpContainer .mdc-text-field--filled:hover {
  background-color: #f6f6f6;
}
.otpContainer .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.otpContainer .mdc-text-field--filled:not(.mdc-text-field--disabled):hover {
  --mdc-filled-text-field-container-color: #f6f6f6;
  background-color: var(--mdc-filled-text-field-container-color);
}
.otpContainer .mdc-text-field--filled:not(.mdc-text-field--disabled):focus {
  --mdc-filled-text-field-container-color: #f6f6f6;
  background-color: var(--mdc-filled-text-field-container-color);
}
.otpContainer .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #f6f6f6;
  background-color: var(--mdc-filled-text-field-container-color);
}
.otpContainer .mdc-text-field--focused {
  background-color: transparent;
}
.otpContainer .mat-focused {
  background-color: transparent;
}
.otpContainer .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}

.edit-cma-beneficiary-container .mat-mdc-select-arrow svg {
  top: 160%;
}

.card-container .align-right {
  justify-content: flex-end;
}

.detail-card .mdc-radio__outer-circle {
  border-width: 2px;
}

.detail-card .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 2px;
  border-color: #0033aa;
  height: 16px;
  width: 16px;
}

.choose__approver__rb .mdc-form-field > label {
  padding-left: 8px;
}

.mat-mdc-radio-button .mdc-radio {
  padding: calc((var(--mdc-radio-state-layer-size) - 20px) / 2);
}

.approval-list .mdc-lista-item--with-trailing-meta .mdc-list-item__end {
  margin: 0;
}

.bulkFileBlock .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block;
}
.bulkFileBlock .mdc-text-field {
  padding: 0;
  margin-left: 5px;
}
.bulkFileBlock .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.bulkFileBlock .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #00000099;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.bulkFileBlock .detail-card .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  margin-top: 8px;
}
.bulkFileBlock .mdc-text-field .mdc-floating-label {
  transform: translateY(0);
}
.bulkFileBlock .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}
.bulkFileBlock .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0;
}
.bulkFileBlock .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0.54em;
  top: calc(100% - 1.66em);
}

.transaction-management__list .navigation-list {
  flex: 0 0 25%;
  max-width: 25%;
}
.transaction-management__list .font-regular-12-medium {
  font-size: 12px;
}
.transaction-management__list .mat-mdc-button:not(:disabled) {
  --mdc-text-button-label-text-color: #0033aa;
  color: var(--mdc-text-button-label-text-color, inherit);
}
.transaction-management__list .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.transaction-management__list .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.transaction-management__list .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.transaction-management__list .list-filter__search-input.sbg-form__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.transaction-management__list .mdc-text-field--filled .mdc-floating-label {
  --mdc-filled-text-field-label-text-size: 14px;
  font-size: var(--mdc-filled-text-field-label-text-size);
}

.recipients-management .flex-container {
  display: flex;
}
.recipients-management .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  border-width: 2px;
  --mdc-tab-indicator-active-indicator-color: #0033aa;
  border-color: var(--mdc-tab-indicator-active-indicator-color);
}
.recipients-management .mat-mdc-tab-link .mdc-tab__text-label {
  --mat-tab-header-inactive-label-text-color: #0033aa;
  color: var(--mat-tab-header-inactive-label-text-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
  --mat-tab-header-active-label-text-color: #0033aa;
  color: var(--mat-tab-header-active-label-text-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active:hover .mdc-tab__text-label {
  --mat-tab-header-active-hover-label-text-color: #0033aa;
  color: var(--mat-tab-header-active-hover-label-text-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  --mat-tab-header-active-hover-indicator-color: #0033aa;
  border-color: var(--mat-tab-header-active-hover-indicator-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before,
.recipients-management .mat-mdc-tab-link.mdc-tab--active .mat-ripple-element {
  --mat-tab-header-active-ripple-color: #fefefe;
  background-color: var(--mat-tab-header-active-ripple-color);
}
.recipients-management .mat-mdc-tab-link .mdc-tab__ripple::before {
  --mat-tab-header-inactive-ripple-color: #fefefe;
  background-color: var(--mat-tab-header-inactive-ripple-color);
}
.recipients-management .mat-mdc-tab-link:hover .mdc-tab__text-label {
  --mat-tab-header-inactive-hover-label-text-color: #0033aa;
  color: var(--mat-tab-header-inactive-hover-label-text-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab__text-label {
  --mat-tab-header-active-focus-label-text-color: #0033aa;
  color: var(--mat-tab-header-active-focus-label-text-color);
}
.recipients-management .mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  --mat-tab-header-active-focus-indicator-color: #0033aa;
  border-color: var(--mat-tab-header-active-focus-indicator-color);
}
.recipients-management .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.recipients-management .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}
.recipients-management .mdc-text-field .mdc-floating-label {
  transform: translateY(0%);
}
.recipients-management .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75);
}
.recipients-management .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.recipients-management .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.recipients-management .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.recipients-management .mat-mdc-tab-link {
  font-weight: 500;
}
.recipients-management .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 50%;
}

/*--------------------------schedule transaction------------------------------*/
.schedule-transaction-list .navigation-list {
  flex: 0 0 25%;
  max-width: 25%;
}
.schedule-transaction-list .column {
  flex: 1 1 0;
}
.schedule-transaction-list .text-right {
  text-align: right;
}
.schedule-transaction-list .row {
  display: flex;
}
.schedule-transaction-list .column,
.schedule-transaction-list .columns {
  padding-right: 16px;
  padding-left: 16px;
  flex: 1 1 0px;
  min-width: 0;
}
@media screen and (max-width: 39.99875em) {
  .schedule-transaction-list .show-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .schedule-transaction-list .show-for-small-only {
    display: none !important;
  }
}

.debit-card .row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.debit-card .navigation-list {
  flex: auto;
  max-width: 25%;
}
.debit-card .list-table {
  margin-bottom: 0px;
}

.custom-input-field-set .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {
  background-color: white;
}

.custom-input-field-set .mdc-text-field {
  padding: 0;
}

.tabs-group .mat-mdc-tab-link .mdc-tab__text-label {
  font-size: 16px;
  color: #0033aa;
}

.tabs-group .mat-mdc-tab-link {
  font-weight: 500;
  flex: 1;
}

.column .columns {
  padding-right: 16px;
  padding-left: 16px;
}

.parent-filter-wrapper {
  /* ------------ ------------ ------------ alignment/font ------------ ------------  -------------- */
  /* ------------ ------------ ------------ material lib ------------ ------------  -------------- */
  /* ------------ ------------ ------------ grid/flex ------------ ------------  -------------- */
}
.parent-filter-wrapper .row {
  display: flex;
}
.parent-filter-wrapper .align-right {
  justify-content: flex-end;
}
.parent-filter-wrapper .align-self-middle {
  align-self: center;
}
.parent-filter-wrapper .font-primary {
  color: #0033aa;
}
.parent-filter-wrapper .font-medium {
  font-size: 12px;
  color: #444444;
}
.parent-filter-wrapper .align-self-bottom {
  align-self: flex-end;
}
.parent-filter-wrapper .text-center {
  text-align: center;
}
.parent-filter-wrapper .hybrid-section-label-mdc {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.parent-filter-wrapper .font-18 {
  font-size: 18px;
}
.parent-filter-wrapper .mat-mdc-button.mat-mdc-button-base,
.parent-filter-wrapper .mat-mdc-raised-button.mat-mdc-button-base,
.parent-filter-wrapper .mat-mdc-unelevated-button.mat-mdc-button-base,
.parent-filter-wrapper .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 28px;
}
.parent-filter-wrapper .filter-block__clear-filter .mat-mdc-button.mat-mdc-button-base,
.parent-filter-wrapper .filter-block__clear-filter .mat-mdc-raised-button.mat-mdc-button-base,
.parent-filter-wrapper .filter-block__clear-filter .mat-mdc-unelevated-button.mat-mdc-button-base,
.parent-filter-wrapper .filter-block__clear-filter .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 38px;
}
.parent-filter-wrapper .sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.parent-filter-wrapper .sbg-form-payment__input .card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.parent-filter-wrapper .sbg-form-payment__input .edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
}
.parent-filter-wrapper .sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.parent-filter-wrapper .sbg-form-payment__input .card-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.parent-filter-wrapper .sbg-form-payment__input .edit-cma-beneficiary-container .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
}
.parent-filter-wrapper .sbg-form-payment__input .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
}
.parent-filter-wrapper .sbg-form-payment__input .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  height: 16px;
  width: 16px;
}
.parent-filter-wrapper .sbg-form-payment__input .mdc-radio__outer-circle,
.parent-filter-wrapper .sbg-form-payment__input .mdc-radio__inner-circle {
  height: 16px;
  width: 16px;
}
.parent-filter-wrapper .sbg-form-payment__input .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  height: 16px;
  width: 16px;
}
.parent-filter-wrapper .mdc-radio__outer-circle {
  height: 17px;
  width: 17px;
}
.parent-filter-wrapper .mdc-radio__inner-circle {
  height: 17px;
  width: 17px;
}
.parent-filter-wrapper .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 5px;
}
.parent-filter-wrapper .mdc-form-field > label {
  white-space: nowrap;
}
.parent-filter-wrapper .row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.parent-filter-wrapper .small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.parent-filter-wrapper .columns {
  padding-right: 16px;
  padding-left: 16px;
  flex: 1 1 0px;
}
.parent-filter-wrapper .column,
.parent-filter-wrapper .columns {
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}
.parent-filter-wrapper .column,
.parent-filter-wrapper .columns {
  padding-right: 16px;
  padding-left: 16px;
}
.parent-filter-wrapper .shrink {
  flex: 0 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 39.99875em) {
  .parent-filter-wrapper .show-for-medium {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .parent-filter-wrapper .filter-field-block--sort {
    display: block;
    padding: 0 8px;
  }
}
@media only screen and (max-width: 530px) {
  .parent-filter-wrapper .filter-field-block > div {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .parent-filter-wrapper .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .hide-for-medium {
    display: none !important;
  }
}
@media print, screen and (min-width: 64em) {
  .parent-filter-wrapper .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .column,
  .parent-filter-wrapper .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .parent-filter-wrapper .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 63.99875em) {
  .parent-filter-wrapper .show-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .parent-filter-wrapper .show-for-medium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 64em) {
  .parent-filter-wrapper .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

.profile-settings__detail-info .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.profile-settings__detail-info .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color);
}
.profile-settings__detail-info .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
@media only screen and (max-width: 640px) {
  .profile-settings__detail-info .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
  .profile-settings__detail-info .mat-mdc-form-field,
  .profile-settings__detail-info .detail-card,
  .profile-settings__detail-info .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input,
  .profile-settings__detail-info .mdc-text-field--filled:not(.mdc-text-field--disabled),
  .profile-settings__detail-info .mat-mdc-form-field:hover,
  .profile-settings__detail-info .mdc-text-field__input {
    background-color: #f6f6f6;
  }
}
.profile-settings__detail-info .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.profile-settings__detail-info .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  --mdc-filled-text-field-error-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-error-label-text-color);
}

.open-fixed-deposit-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-bonus-investment-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-sibekelo-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-contract-save-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-current-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-pure-save-account .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label,
.open-call-deposit .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  top: 55%;
}
.open-fixed-deposit-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-bonus-investment-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-sibekelo-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-contract-save-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-current-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-pure-save-account .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
.open-call-deposit .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 10px;
  padding-bottom: 10px;
}
.open-fixed-deposit-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-bonus-investment-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-sibekelo-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-contract-save-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-current-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-pure-save-account .mdc-text-field--filled .mdc-floating-label--float-above,
.open-call-deposit .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-155%) scale(0.75);
}
.open-fixed-deposit-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-fixed-deposit-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-bonus-investment-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-bonus-investment-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-sibekelo-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-sibekelo-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-contract-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-contract-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-current-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-current-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-pure-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-pure-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.open-call-deposit .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.open-call-deposit .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  --mdc-filled-text-field-error-label-text-color: rgba(0, 0, 0, 0, 54);
  color: var(--mdc-filled-text-field-error-label-text-color);
}
.open-fixed-deposit-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-fixed-deposit-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-bonus-investment-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-bonus-investment-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-sibekelo-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-sibekelo-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-contract-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-contract-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-current-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-current-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-pure-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-pure-save-account .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above,
.open-call-deposit .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.open-call-deposit .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-error-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-error-focus-label-text-color);
}
.open-fixed-deposit-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-bonus-investment-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-sibekelo-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-contract-save-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-current-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-pure-save-account .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.open-call-deposit .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(0px);
}
.open-fixed-deposit-account .mat-mdc-form-field-hint,
.open-bonus-investment-account .mat-mdc-form-field-hint,
.open-sibekelo-account .mat-mdc-form-field-hint,
.open-contract-save-account .mat-mdc-form-field-hint,
.open-current-account .mat-mdc-form-field-hint,
.open-pure-save-account .mat-mdc-form-field-hint,
.open-call-deposit .mat-mdc-form-field-hint {
  color: #767676;
}
.open-fixed-deposit-account .mat-mdc-select-value-text,
.open-bonus-investment-account .mat-mdc-select-value-text,
.open-sibekelo-account .mat-mdc-select-value-text,
.open-contract-save-account .mat-mdc-select-value-text,
.open-current-account .mat-mdc-select-value-text,
.open-pure-save-account .mat-mdc-select-value-text,
.open-call-deposit .mat-mdc-select-value-text {
  color: #444444;
  font-size: 14px;
}
.open-fixed-deposit-account .mdc-form-field,
.open-bonus-investment-account .mdc-form-field,
.open-sibekelo-account .mdc-form-field,
.open-contract-save-account .mdc-form-field,
.open-current-account .mdc-form-field,
.open-pure-save-account .mdc-form-field,
.open-call-deposit .mdc-form-field {
  margin-top: 4px;
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  display: none;
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  display: none;
}
.open-fixed-deposit-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-bonus-investment-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-sibekelo-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-contract-save-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-current-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-pure-save-account .mdc-checkbox:hover .mdc-checkbox__ripple,
.open-call-deposit .mdc-checkbox:hover .mdc-checkbox__ripple {
  display: none;
}
.open-fixed-deposit-account .mat-mdc-checkbox.mat-primary,
.open-bonus-investment-account .mat-mdc-checkbox.mat-primary,
.open-sibekelo-account .mat-mdc-checkbox.mat-primary,
.open-contract-save-account .mat-mdc-checkbox.mat-primary,
.open-current-account .mat-mdc-checkbox.mat-primary,
.open-pure-save-account .mat-mdc-checkbox.mat-primary,
.open-call-deposit .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  --mdc-checkbox-selected-hover-icon-color: #0033aa;
  --mdc-checkbox-selected-icon-color: #0033aa;
  --mdc-checkbox-selected-pressed-icon-color: #0033aa;
  --mdc-checkbox-selected-focus-state-layer-color: #0033aa;
  --mdc-checkbox-selected-hover-state-layer-color: #0033aa;
  --mdc-checkbox-selected-pressed-state-layer-color: #0033aa;
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-icon-color);
  background-color: var(--mdc-checkbox-selected-icon-color);
}
.open-fixed-deposit-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-hover-icon-color);
  background-color: transparent;
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
}
.open-fixed-deposit-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-bonus-investment-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-sibekelo-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-contract-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-current-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-pure-save-account .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.open-call-deposit .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-focus-icon-color);
}

.registration-check .mdc-checkbox {
  padding: 0;
  margin: 0;
}
.registration-check .mdc-checkbox .mdc-checkbox__background {
  top: 0px;
  left: 0px;
}
.registration-check .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  background-color: transparent;
}
.registration-check .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-icon-color);
  background-color: transparent;
}
.registration-check a {
  line-height: inherit;
  color: #0033aa;
  text-decoration: none;
  cursor: pointer;
}

.slide-container .mdc-slider__track .mdc-slider__track--inactive {
  background-color: rgba(0, 0, 0, 0.38);
  height: 2px;
}
.slide-container .mdc-slider__track .mdc-slider__track--active {
  height: 2px;
}
.slide-container .mat-mdc-slider .mdc-slider__track {
  height: 0px;
}

.list-table__filter--width .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.list-table__filter--width .sbg-form-payment-list__input .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: #00000099;
  color: var(--mdc-filled-text-field-focus-label-text-color);
}

.blocks-sticky .mat-mdc-button.mat-mdc-button-base {
  height: 38px;
}

/* common flex scss */
.flex-container {
  display: flex;
}

.flex-dir-column {
  flex-direction: column;
}

/* end  common flex scss */
/* media query for screen specific */
@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none;
  }
}
/* end media query for screen specific */
.increase-amount-details__info .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: #ffffff;
  background-color: var(--mdc-filled-text-field-container-color);
}
.increase-amount-details__info .mdc-text-field--filled {
  background-color: #ffffff;
}
.increase-amount-details__info .mdc-text-field__input {
  background-color: #ffffff;
}
.increase-amount-details__info .mat-mdc-text-field-wrapper {
  background-color: #ffffff;
}
.increase-amount-details__info .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.increase-amount-details__info .mat-mdc-form-field {
  background-color: #ffffff;
  padding-bottom: 1.25em;
  font-size: 14px;
}
.increase-amount-details__info .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.increase-amount-details__info .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.increase-amount-details__info .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  display: block;
  padding: 2px 0px;
}
.increase-amount-details__info .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 1.28125em;
}
.increase-amount-details__info .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 14px;
}
.increase-amount-details__info .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.increase-amount-details__info .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.6);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.increase-amount-details__info .row {
  display: flex;
  flex-direction: column;
}
.increase-amount-details__info .column {
  flex-direction: row;
  flex: 1 1 0px;
  padding: 0 0.625rem;
  min-width: 0;
}
.increase-amount-details__info .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  display: none;
}
.increase-amount-details__info .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  display: none;
}
.increase-amount-details__info .mdc-checkbox:hover .mdc-checkbox__ripple {
  display: none;
}
.increase-amount-details__info .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-hover-icon-color);
  background-color: transparent;
}

.input__controls .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  display: none;
}
.input__controls .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  display: none;
}
.input__controls .mdc-checkbox:hover .mdc-checkbox__ripple {
  display: none;
}
.input__controls .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  --mdc-checkbox-selected-hover-icon-color: #0033aa;
  --mdc-checkbox-selected-icon-color: #0033aa;
  --mdc-checkbox-selected-pressed-icon-color: #0033aa;
  --mdc-checkbox-selected-focus-state-layer-color: #0033aa;
  --mdc-checkbox-selected-hover-state-layer-color: #0033aa;
  --mdc-checkbox-selected-pressed-state-layer-color: #0033aa;
}
.input__controls .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.input__controls .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
}
.input__controls .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-icon-color: #0033aa;
  border-color: var(--mdc-checkbox-selected-icon-color);
  background-color: var(--mdc-checkbox-selected-icon-color);
}
.input__controls .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-hover-icon-color);
  background-color: transparent;
}

.small-uncollapse .mat-mdc-form-field-flex {
  background-color: white;
}

.small-uncollapse .mat-mdc-form-field-focus-overlay {
  background-color: white;
}

.small-uncollapse .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: white;
}

.mdc-checkbox .mdc-checkbox__ripple {
  background-color: white;
}

.hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  background: none;
}

.hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  border-radius: 50%;
  height: 22px;
  width: 22px;
}

.hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-radius: 50%;
  height: 22px;
  width: 22px;
}

.hybrid-to-section .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-radius: 50%;
  height: 22px;
  width: 22px;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:hover:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: #0033aa;
  background-color: var(--mdc-checkbox-selected-focus-icon-color);
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  --mdc-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unselected-focus-icon-color);
}

.choose-approver-block .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block;
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  --mdc-filled-text-field-label-text-color: rgb(68, 68, 68);
  color: var(--mdc-filled-text-field-label-text-color);
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: rgba(0, 0, 0, 0);
  background-color: var(--mdc-filled-text-field-container-color);
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 0, 0, 0.54);
  color: var(--mdc-filled-text-field-focus-label-text-color);
}
.choose-approver-block .mat-mdc-form-field-flex {
  background-color: #ffffff;
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #ffffff;
}
.choose-approver-block .mdc-text-field--filled:hover {
  background-color: #ffffff;
}
.choose-approver-block .mat-mdc-form-field-flex:hover {
  background-color: #ffffff;
}
.choose-approver-block .mat-mdc-form-field:hover {
  background-color: #ffffff;
}
.choose-approver-block .mat-mdc-form-field-focus-overlay {
  background-color: #ffffff;
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-width: 1px;
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}
.choose-approver-block .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-width: 2px;
  --mdc-filled-text-field-focus-active-indicator-color: #0033aa;
  border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}
.choose-approver-block .mdc-text-field {
  padding: 0px;
}
.choose-approver-block .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-135%) scale(0.75);
}

.selectAccount .hyb-search .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  height: 40px;
}
.selectAccount .mat-mdc-form-field-icon-prefix > .mat-icon,
.selectAccount .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0px 0px 0px 12px;
}
.selectAccount .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0);
}
.selectAccount .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  --mdc-filled-text-field-caret-color: #0033aa;
  caret-color: var(--mdc-filled-text-field-caret-color);
}

.payment-type-dropdown .mat-mdc-form-field-focus-overlay {
  --mdc-filled-text-field-container-color: white;
  background-color: var(--mdc-filled-text-field-container-color);
}
.payment-type-dropdown .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --mdc-filled-text-field-container-color: rgba(0, 0, 0, 0);
  background-color: var(--mdc-filled-text-field-container-color);
}

.font-14 {
  font-size: 14px;
}

.text-left {
  text-align: left;
}

.trade-id-details-wrap .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  width: auto;
  min-width: 0px;
}

.lending-wrapper .mat-accordion.accordion-container .mat-expansion-panel-body {
  padding: 0 !important;
}

/* Use this below class if the feature is new
add isNewFeature = true & createdDate [header component for Ref.]
<span *ngIf="key.isNewFeature && config.isNewFeature" class="new-tag">NEW<span>
Invoke this.maskingService.isNewTagEnabled to hide `NEW` tag after the required days.*/
.new-tag {
  background-color: #0e8a00;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 32px;
  margin-left: 6px;
}

.display-block {
  display: block;
}

.details-section .mat-expansion-panel-body {
  padding: 0 16px 16px !important;
}

.insurance-section-wrapper .mat-accordion .mat-expansion-panel div.mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0px !important;
}

.download-content .mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
  display: block;
}

.audit-trail_transactions .list-table {
  margin-bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .audit-trail_transactions .navigation-list {
    color: #444444;
    min-height: 100vh;
    border-right: 1px solid #ededed;
    background-color: #fefefe;
  }
}
.audit-trail_transactions .mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: flex;
  margin-top: 11px;
  color: #03a;
}
.audit-trail_transactions .list-table-details__info-icon {
  border: none;
}
.audit-trail_transactions .list-table .list-table__wrapper .mat-mdc-list-item.mdc-list-item.list-table-details__item--position {
  height: 74px;
}

.field-container-disabled .mat-mdc-form-field {
  background-color: #f6f6f6 !important;
}
.field-container-disabled .mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--disabled {
  background-color: #f6f6f6 !important;
}
.field-container-disabled .mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--disabled .mat-mdc-form-field-flex {
  background-color: #f6f6f6 !important;
}
.field-container-disabled .mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--disabled .mat-mdc-form-field-flex .amount-field {
  background-color: #f6f6f6 !important;
}

.field-container-selected .mat-mdc-form-field {
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex {
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex .amount-field {
  background-color: #0033aa !important;
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex .amount-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex .amount-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex {
  background-color: #0033aa !important;
}
.field-container-selected .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex .amount-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-flex .amount-field {
  background-color: #0033aa !important;
  color: #ffffff;
}

.rec-list__search {
  background-color: #fefefe;
}

.unayo-voucher__details .flex-container {
  flex-direction: row-reverse;
}

.approval-list .approval-list__items .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: none;
}

.email-confirmation__button .button__wrapper .button__basic--primary-color.mat-mdc-raised-button.mat-unthemed {
  height: 36px;
}

.hybrid-card-container .debit-card-wrapper .hybrid-debit-card-tabgroup-container .mat-mdc-tab-group.international-groups .mat-mdc-tab-header, .hybrid-card-container .debit-card-wrapper .hybrid-debit-card-tabgroup-container .mat-mdc-tab-group.hide-tabs .mat-mdc-tab-header {
  position: fixed;
  width: 100%;
  z-index: 10;
}
.hybrid-card-container .debit-card-wrapper .hybrid-debit-card-tabgroup-container .mat-mdc-tab-group.international-groups .mat-mdc-tab-header .mat-mdc-tab-label-container, .hybrid-card-container .debit-card-wrapper .hybrid-debit-card-tabgroup-container .mat-mdc-tab-group.hide-tabs .mat-mdc-tab-header .mat-mdc-tab-label-container {
  background-color: var(--ion-color-primary-contrast);
}
.hybrid-card-container .debit-card-wrapper .hybrid-debit-card-tabgroup-container .mat-mdc-tab-group.hide-tabs .mat-mdc-tab-header {
  display: none;
}

.hybrid-debit-card-tabgroup-container.ghana-card-hub-tab .mat-mdc-tab.mdc-tab {
  padding-left: 0;
  padding-right: 0;
}

.display-none-arrow .mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
  display: none;
}

.list-table__wrapper .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: none;
}

.card-benefits-groups .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
  display: none;
}
.card-benefits-groups .mat-mdc-tab .mdc-tab__text-label {
  font-size: 14px;
  font-weight: 700;
  line-height: 18.2px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #0062e1;
}
.card-benefits-groups .mdc-tab-indicator .mdc-tab-indicator__content {
  width: 92px;
  height: 2px;
  border-radius: 4px;
}
.card-benefits-groups .mdc-tab {
  padding: 0px 12px;
}

.financial-transaction .success-progress .mdc-linear-progress__bar-inner {
  border-color: #008545;
}
.financial-transaction .error-progress .mdc-linear-progress__bar-inner {
  border-color: #e31e46;
}

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

.detail-sub-block {
  font-size: 12px;
  font-weight: 400;
  color: #1a314d;
  padding: 8px 24px 8px 24px;
}

.cancel-payment-list__container .list-table .list-table__wrapper .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.cancel-payment-list__container .list-table .list-table__wrapper .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.cancel-payment-list__container .list-table .list-table__wrapper .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 74px;
}
.cancel-payment-list__container .mdc-list-item.mdc-list-item--with-two-lines {
  height: 74px;
}
.cancel-payment-list__container .mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
  margin-top: 7px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/ar-common-styles/src/lib/sharedSass/ieStyle.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane {
    left: 9%;
  }
  .list__table-label {
    position: relative;
  }
  .account-info {
    overflow: hidden;
  }
  .button__custom-properties.button-fixed-width {
    width: auto;
  }
  .name-initials__input-field input[type=checkbox]:checked + label::after {
    top: 0px;
    left: 0px;
  }
  .name-initials__input-field input[type=radio]:checked + label::after {
    top: 0px;
    left: 0px;
  }
  .banklogo3d::before {
    position: relative;
    background-size: contain;
    background-image: url(/assets/images/logo-3D.png);
    content: "";
    height: 78px;
    width: 68px;
    display: inline-block;
    background-repeat: no-repeat;
    top: 4px;
  }
  .header__logo .banklogo3d::before {
    position: relative;
    background-size: contain;
    background-image: url(/assets/images/logo-3D.png);
    content: "";
    height: 41px;
    width: 36px;
    display: inline-block;
    background-repeat: no-repeat;
    top: 4px;
  }
  .mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 0.1em !important;
    position: relative;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/material-icons/iconfont/material-icons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.59322316b3fd6063.woff2') format("woff2"), url('material-icons.4ad034d2c499d9b6.woff') format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.f86cb7b0aa53f0fe.woff2') format("woff2"), url('material-icons-outlined.78a93b2079680a08.woff') format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.b10ec9db5b7fbc74.woff2') format("woff2"), url('material-icons-round.92dc7ca2f4c591e7.woff') format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.3885863ee4746422.woff2') format("woff2"), url('material-icons-sharp.a71cb2bf66c604de.woff') format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.675bd578bd14533e.woff2') format("woff2"), url('material-icons-two-tone.588d63134de807a7.woff') format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flag-icons/css/flag-icons.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.7aec16810dca7f60.svg')}.fi-xx.fis{background-image:url('xx.36e887fc76e738db.svg')}.fi-ad{background-image:url('ad.1dfc3f3f7de2f4c0.svg')}.fi-ad.fis{background-image:url('ad.556f0aec8b53cfef.svg')}.fi-ae{background-image:url('ae.4080c9881171bb2b.svg')}.fi-ae.fis{background-image:url('ae.0f60a44750783234.svg')}.fi-af{background-image:url('af.a8143fdad47bbd57.svg')}.fi-af.fis{background-image:url('af.babbdd007f433261.svg')}.fi-ag{background-image:url('ag.dbfdbce4ffda30b0.svg')}.fi-ag.fis{background-image:url('ag.27ded252756bb399.svg')}.fi-ai{background-image:url('ai.30c429edf192151e.svg')}.fi-ai.fis{background-image:url('ai.bf8984115f92cd98.svg')}.fi-al{background-image:url('al.e3d0a57da931325d.svg')}.fi-al.fis{background-image:url('al.5c024319be04a340.svg')}.fi-am{background-image:url('am.7f72827af55a8f62.svg')}.fi-am.fis{background-image:url('am.348922259dbf7514.svg')}.fi-ao{background-image:url('ao.40e1ef2eb61d9b5d.svg')}.fi-ao.fis{background-image:url('ao.c9ee89c8ad963689.svg')}.fi-aq{background-image:url('aq.67fda1d0fba1a69b.svg')}.fi-aq.fis{background-image:url('aq.ac6bb35e2ec7e8ee.svg')}.fi-ar{background-image:url('ar.61217a057225b595.svg')}.fi-ar.fis{background-image:url('ar.152c5c6444f2d016.svg')}.fi-as{background-image:url('as.fd488266e7bd9be8.svg')}.fi-as.fis{background-image:url('as.5f67747e2ad925a4.svg')}.fi-at{background-image:url('at.7f76f2d4a81ab420.svg')}.fi-at.fis{background-image:url('at.13c0b458a21c3398.svg')}.fi-au{background-image:url('au.7307c81252f27c23.svg')}.fi-au.fis{background-image:url('au.d3dcd44a42b916f6.svg')}.fi-aw{background-image:url('aw.4f35aac32cf27a0b.svg')}.fi-aw.fis{background-image:url('aw.dcaea302408f3bd2.svg')}.fi-ax{background-image:url('ax.52a8096744eeaf23.svg')}.fi-ax.fis{background-image:url('ax.ff1515de1cf51d7d.svg')}.fi-az{background-image:url('az.4e6bb6a68f28c18e.svg')}.fi-az.fis{background-image:url('az.79a5ded1e98a211d.svg')}.fi-ba{background-image:url('ba.c365aa219ee6187b.svg')}.fi-ba.fis{background-image:url('ba.cca0b534ea6f927e.svg')}.fi-bb{background-image:url('bb.090688049b4e0a13.svg')}.fi-bb.fis{background-image:url('bb.0b7d1f0eb6f59b96.svg')}.fi-bd{background-image:url('bd.3b0570c07b3d5939.svg')}.fi-bd.fis{background-image:url('bd.dda0e02d20397524.svg')}.fi-be{background-image:url('be.c7e269facd23b43f.svg')}.fi-be.fis{background-image:url('be.fd3dac77140baf26.svg')}.fi-bf{background-image:url('bf.415d3659f5921d67.svg')}.fi-bf.fis{background-image:url('bf.580f6b0064cbbf56.svg')}.fi-bg{background-image:url('bg.829d62f226dcc581.svg')}.fi-bg.fis{background-image:url('bg.ded21d66060a5fc3.svg')}.fi-bh{background-image:url('bh.2ff06f83d9358d99.svg')}.fi-bh.fis{background-image:url('bh.84867991167708c5.svg')}.fi-bi{background-image:url('bi.a6b2059a867edda8.svg')}.fi-bi.fis{background-image:url('bi.9a61ba67e09262bb.svg')}.fi-bj{background-image:url('bj.1375d8c94d10c7e1.svg')}.fi-bj.fis{background-image:url('bj.14b050e13703dc55.svg')}.fi-bl{background-image:url('bl.0d579979be9f41e9.svg')}.fi-bl.fis{background-image:url('bl.2c23e6774f03a005.svg')}.fi-bm{background-image:url('bm.090dfe6ba4c0582b.svg')}.fi-bm.fis{background-image:url('bm.1c3aff0907189461.svg')}.fi-bn{background-image:url('bn.aa9a3a5105111dbc.svg')}.fi-bn.fis{background-image:url('bn.94ac4cd9f82a8b78.svg')}.fi-bo{background-image:url('bo.fea05d8a1c0a0195.svg')}.fi-bo.fis{background-image:url('bo.143f58702c4fd165.svg')}.fi-bq{background-image:url('bq.f6d582bf4f9bfc60.svg')}.fi-bq.fis{background-image:url('bq.68b35ed629d1ea01.svg')}.fi-br{background-image:url('br.27e4ab7a1562f3f6.svg')}.fi-br.fis{background-image:url('br.df307ccd5ddc3253.svg')}.fi-bs{background-image:url('bs.6dcc6fbe8842dc01.svg')}.fi-bs.fis{background-image:url('bs.be81ee4acb41cf82.svg')}.fi-bt{background-image:url('bt.42da611bd59e7ddb.svg')}.fi-bt.fis{background-image:url('bt.a8a0e4b8138f84c5.svg')}.fi-bv{background-image:url('bv.dbc727c7842fce88.svg')}.fi-bv.fis{background-image:url('bv.b376a0c2343796ac.svg')}.fi-bw{background-image:url('bw.34c45dc335ca649b.svg')}.fi-bw.fis{background-image:url('bw.7437625357ab1426.svg')}.fi-by{background-image:url('by.969948343b04348e.svg')}.fi-by.fis{background-image:url('by.2b8791650bbf42fc.svg')}.fi-bz{background-image:url('bz.0f5b03b38ddb037e.svg')}.fi-bz.fis{background-image:url('bz.cd0854a9582e861c.svg')}.fi-ca{background-image:url('ca.b65f0783e41cd4c9.svg')}.fi-ca.fis{background-image:url('ca.7f1fcfaa9974fbbc.svg')}.fi-cc{background-image:url('cc.257b07d14947718c.svg')}.fi-cc.fis{background-image:url('cc.67fce0cd3d2255ce.svg')}.fi-cd{background-image:url('cd.b4d4a6fc973bdea9.svg')}.fi-cd.fis{background-image:url('cd.d5ee72bcb272d195.svg')}.fi-cf{background-image:url('cf.be784cc82b889a72.svg')}.fi-cf.fis{background-image:url('cf.6cff29be918d1c48.svg')}.fi-cg{background-image:url('cg.ed86c5ec58c56b6e.svg')}.fi-cg.fis{background-image:url('cg.8407d137591abaa7.svg')}.fi-ch{background-image:url('ch.a4939cb8c2aa19fa.svg')}.fi-ch.fis{background-image:url('ch.baba02d3298d8a3d.svg')}.fi-ci{background-image:url('ci.514886a6a9de37d2.svg')}.fi-ci.fis{background-image:url('ci.6778515bcba89f55.svg')}.fi-ck{background-image:url('ck.04d9039d808915fb.svg')}.fi-ck.fis{background-image:url('ck.d6781181f1a2e61e.svg')}.fi-cl{background-image:url('cl.43ce4e7bd371c803.svg')}.fi-cl.fis{background-image:url('cl.6e7a9aafa3980b26.svg')}.fi-cm{background-image:url('cm.a298fc085fca793a.svg')}.fi-cm.fis{background-image:url('cm.f4820dd59ef96363.svg')}.fi-cn{background-image:url('cn.7fd9bbb984ea05a6.svg')}.fi-cn.fis{background-image:url('cn.cb52daf10bc5dc7e.svg')}.fi-co{background-image:url('co.6b78e07bd53630e9.svg')}.fi-co.fis{background-image:url('co.76882952b77ef725.svg')}.fi-cr{background-image:url('cr.cc08891297c3ff7e.svg')}.fi-cr.fis{background-image:url('cr.1b2274305dff0b9d.svg')}.fi-cu{background-image:url('cu.96fc0e2aaba5a00b.svg')}.fi-cu.fis{background-image:url('cu.002199978f85537f.svg')}.fi-cv{background-image:url('cv.8b2e1c156fca3509.svg')}.fi-cv.fis{background-image:url('cv.526fd91addce4a85.svg')}.fi-cw{background-image:url('cw.93b85dbfa0a167a1.svg')}.fi-cw.fis{background-image:url('cw.02547adfd3d81949.svg')}.fi-cx{background-image:url('cx.52b8092e2ed9dd4c.svg')}.fi-cx.fis{background-image:url('cx.af64809fe75ff60a.svg')}.fi-cy{background-image:url('cy.8434a40f71146257.svg')}.fi-cy.fis{background-image:url('cy.8759e97a9d293b44.svg')}.fi-cz{background-image:url('cz.7c86bb18c1ff0fd7.svg')}.fi-cz.fis{background-image:url('cz.83554014de457e71.svg')}.fi-de{background-image:url('de.a677badc3f3629bf.svg')}.fi-de.fis{background-image:url('de.01580221fa679549.svg')}.fi-dj{background-image:url('dj.dbcea7540220f273.svg')}.fi-dj.fis{background-image:url('dj.06d4c4767f3a72b6.svg')}.fi-dk{background-image:url('dk.4b0313b37cd3d5c0.svg')}.fi-dk.fis{background-image:url('dk.89836fb354ac9b77.svg')}.fi-dm{background-image:url('dm.8976e6f704bcd703.svg')}.fi-dm.fis{background-image:url('dm.f99b6eda99e017d4.svg')}.fi-do{background-image:url('do.7583be0e30edd253.svg')}.fi-do.fis{background-image:url('do.9b956fc20a32d107.svg')}.fi-dz{background-image:url('dz.eccc2d17ce6f84eb.svg')}.fi-dz.fis{background-image:url('dz.4d424eed3af7ad15.svg')}.fi-ec{background-image:url('ec.8d71a98e18ee4bd0.svg')}.fi-ec.fis{background-image:url('ec.594783612e477d92.svg')}.fi-ee{background-image:url('ee.249ad574a8efea41.svg')}.fi-ee.fis{background-image:url('ee.d3eeaa0a27369762.svg')}.fi-eg{background-image:url('eg.8d27433c6e2d0451.svg')}.fi-eg.fis{background-image:url('eg.6fcba1846c8b3289.svg')}.fi-eh{background-image:url('eh.7e7a605a4b1958b1.svg')}.fi-eh.fis{background-image:url('eh.a6ca34a0160008b6.svg')}.fi-er{background-image:url('er.d712247398bfeb60.svg')}.fi-er.fis{background-image:url('er.34eafbdf0a883441.svg')}.fi-es{background-image:url('es.b796348253df1d0d.svg')}.fi-es.fis{background-image:url('es.3cde52fa937c9699.svg')}.fi-et{background-image:url('et.f979c6b54c7f305f.svg')}.fi-et.fis{background-image:url('et.8880304ada5fea40.svg')}.fi-fi{background-image:url('fi.97487f84deb430e1.svg')}.fi-fi.fis{background-image:url('fi.26d2687deb18715f.svg')}.fi-fj{background-image:url('fj.1d30dd297b02d3e7.svg')}.fi-fj.fis{background-image:url('fj.45a1317c70540084.svg')}.fi-fk{background-image:url('fk.31508c18880dc375.svg')}.fi-fk.fis{background-image:url('fk.2155bffd4796b1b9.svg')}.fi-fm{background-image:url('fm.624c0401e143daec.svg')}.fi-fm.fis{background-image:url('fm.9f69c44dd8e60a9f.svg')}.fi-fo{background-image:url('fo.ef8a9800f38c75d8.svg')}.fi-fo.fis{background-image:url('fo.6e10eda3ba95f57b.svg')}.fi-fr{background-image:url('fr.f5380d92cd1106ba.svg')}.fi-fr.fis{background-image:url('fr.9b218945e2ba2611.svg')}.fi-ga{background-image:url('ga.c54a47167127d025.svg')}.fi-ga.fis{background-image:url('ga.ed2911b69769082d.svg')}.fi-gb{background-image:url('gb.90bfbf6e60d2b604.svg')}.fi-gb.fis{background-image:url('gb.2117e9c7214fc8f3.svg')}.fi-gd{background-image:url('gd.ae8d24a5212e9775.svg')}.fi-gd.fis{background-image:url('gd.f3bcbea26428408b.svg')}.fi-ge{background-image:url('ge.6f2dd0661334c75c.svg')}.fi-ge.fis{background-image:url('ge.c2c862df9b87681b.svg')}.fi-gf{background-image:url('gf.3432de9d3d0a3edf.svg')}.fi-gf.fis{background-image:url('gf.ebd3395c6fdf6cd5.svg')}.fi-gg{background-image:url('gg.2a17e1f5e16f9a6f.svg')}.fi-gg.fis{background-image:url('gg.20336d11563a42c0.svg')}.fi-gh{background-image:url('gh.96434a66f6f47f56.svg')}.fi-gh.fis{background-image:url('gh.83c22782ef826463.svg')}.fi-gi{background-image:url('gi.850d5e638cb11864.svg')}.fi-gi.fis{background-image:url('gi.222c2206ba6a0986.svg')}.fi-gl{background-image:url('gl.78358425ff2479d1.svg')}.fi-gl.fis{background-image:url('gl.5444bdb44a269036.svg')}.fi-gm{background-image:url('gm.ed8bbaabdb1528d1.svg')}.fi-gm.fis{background-image:url('gm.f9f1be291eaa0359.svg')}.fi-gn{background-image:url('gn.649ba66fbb281995.svg')}.fi-gn.fis{background-image:url('gn.f18770787f9844b6.svg')}.fi-gp{background-image:url('gp.bbea90b219d412a4.svg')}.fi-gp.fis{background-image:url('gp.6fcf1bbe26532776.svg')}.fi-gq{background-image:url('gq.261ba19799761e24.svg')}.fi-gq.fis{background-image:url('gq.743a878e918f7994.svg')}.fi-gr{background-image:url('gr.c44dd9de880416fb.svg')}.fi-gr.fis{background-image:url('gr.b29b73ccc2667842.svg')}.fi-gs{background-image:url('gs.64d4f1a2797613e0.svg')}.fi-gs.fis{background-image:url('gs.43d6bfeb618c5204.svg')}.fi-gt{background-image:url('gt.e2cda228741ed767.svg')}.fi-gt.fis{background-image:url('gt.3770fdc016d3c1ff.svg')}.fi-gu{background-image:url('gu.4b7301546e378efc.svg')}.fi-gu.fis{background-image:url('gu.948403c6e6a77f0d.svg')}.fi-gw{background-image:url('gw.ae6a156a5154790a.svg')}.fi-gw.fis{background-image:url('gw.6e16acc27bf14fce.svg')}.fi-gy{background-image:url('gy.17a8677b7102bc6f.svg')}.fi-gy.fis{background-image:url('gy.f351eb1076248fdf.svg')}.fi-hk{background-image:url('hk.500018a07c16de9e.svg')}.fi-hk.fis{background-image:url('hk.dce082af96103240.svg')}.fi-hm{background-image:url('hm.9dd4e6d71374b0f1.svg')}.fi-hm.fis{background-image:url('hm.079f8f97dc3d7ac2.svg')}.fi-hn{background-image:url('hn.2743fae6fcea669c.svg')}.fi-hn.fis{background-image:url('hn.04ddc9c93958b948.svg')}.fi-hr{background-image:url('hr.6d69c81f4388bf0e.svg')}.fi-hr.fis{background-image:url('hr.0e8e086dc922338d.svg')}.fi-ht{background-image:url('ht.a481da7ae6b0551e.svg')}.fi-ht.fis{background-image:url('ht.1b77907b7a0e90ee.svg')}.fi-hu{background-image:url('hu.16c6335fefd2e760.svg')}.fi-hu.fis{background-image:url('hu.dd178f4f4d4b8365.svg')}.fi-id{background-image:url('id.4cad97a881744b6d.svg')}.fi-id.fis{background-image:url('id.14f7cd2000cdaba5.svg')}.fi-ie{background-image:url('ie.81491cb3746c1b2f.svg')}.fi-ie.fis{background-image:url('ie.3ffc25e6b10af1bf.svg')}.fi-il{background-image:url('il.39678e499a3d12e3.svg')}.fi-il.fis{background-image:url('il.f1de2b02740739e1.svg')}.fi-im{background-image:url('im.7933eb49cfaf6fa7.svg')}.fi-im.fis{background-image:url('im.b042253294f629cc.svg')}.fi-in{background-image:url('in.e6cced5552eb6003.svg')}.fi-in.fis{background-image:url('in.400aae328969be80.svg')}.fi-io{background-image:url('io.8e946728a7f08955.svg')}.fi-io.fis{background-image:url('io.537808363954d03d.svg')}.fi-iq{background-image:url('iq.866cd02c8e7181f2.svg')}.fi-iq.fis{background-image:url('iq.1a2ae365d5b50185.svg')}.fi-ir{background-image:url('ir.477c205cf2958ba3.svg')}.fi-ir.fis{background-image:url('ir.4632089bf9810cfc.svg')}.fi-is{background-image:url('is.f7831ec661095916.svg')}.fi-is.fis{background-image:url('is.513a73148768ef73.svg')}.fi-it{background-image:url('it.919398e666b04e52.svg')}.fi-it.fis{background-image:url('it.a33eed705f40f5fa.svg')}.fi-je{background-image:url('je.c0a0101271d98765.svg')}.fi-je.fis{background-image:url('je.aa4dbc38de0e31a1.svg')}.fi-jm{background-image:url('jm.b11627482ab8e39e.svg')}.fi-jm.fis{background-image:url('jm.da265f631a97254d.svg')}.fi-jo{background-image:url('jo.5de84cc25c2f83b0.svg')}.fi-jo.fis{background-image:url('jo.f88a2d7da49b8351.svg')}.fi-jp{background-image:url('jp.469572a423fdc92a.svg')}.fi-jp.fis{background-image:url('jp.f7679c7d5ab6f8b0.svg')}.fi-ke{background-image:url('ke.00d35fdbf5f5fc04.svg')}.fi-ke.fis{background-image:url('ke.81de2362f20a9c21.svg')}.fi-kg{background-image:url('kg.ce280af9814cafb3.svg')}.fi-kg.fis{background-image:url('kg.4fcd0a8d76aab92b.svg')}.fi-kh{background-image:url('kh.7a65519f89847898.svg')}.fi-kh.fis{background-image:url('kh.555e3a5a0f1dcfd7.svg')}.fi-ki{background-image:url('ki.86772cdc3db74c13.svg')}.fi-ki.fis{background-image:url('ki.3804f84defa44aa3.svg')}.fi-km{background-image:url('km.16b0abc199863f6b.svg')}.fi-km.fis{background-image:url('km.7ce2dd2b85578ad5.svg')}.fi-kn{background-image:url('kn.e4f13092deeb9ed3.svg')}.fi-kn.fis{background-image:url('kn.0cb0ab39165ac99e.svg')}.fi-kp{background-image:url('kp.904381dbff036bab.svg')}.fi-kp.fis{background-image:url('kp.3cb6e60f5e01aaad.svg')}.fi-kr{background-image:url('kr.ef6badeda6aec1d7.svg')}.fi-kr.fis{background-image:url('kr.7e41fb195ce9b10d.svg')}.fi-kw{background-image:url('kw.07a3a449e6c1e6e4.svg')}.fi-kw.fis{background-image:url('kw.6a169b4f992f0f61.svg')}.fi-ky{background-image:url('ky.36cf1f093c85fe92.svg')}.fi-ky.fis{background-image:url('ky.60712b7004fd4f31.svg')}.fi-kz{background-image:url('kz.330a47ca33317a7a.svg')}.fi-kz.fis{background-image:url('kz.4b5169a6fec3d330.svg')}.fi-la{background-image:url('la.6a4fb31da1cec0eb.svg')}.fi-la.fis{background-image:url('la.09f842fd7f2eec9e.svg')}.fi-lb{background-image:url('lb.1589d221d2227742.svg')}.fi-lb.fis{background-image:url('lb.88895209cd444a30.svg')}.fi-lc{background-image:url('lc.91eebda35b46092f.svg')}.fi-lc.fis{background-image:url('lc.cb398d47df89c144.svg')}.fi-li{background-image:url('li.924a1d6c6044498f.svg')}.fi-li.fis{background-image:url('li.bf9df1993776af66.svg')}.fi-lk{background-image:url('lk.3d1f59ed0eaf2abc.svg')}.fi-lk.fis{background-image:url('lk.72c332d037322e82.svg')}.fi-lr{background-image:url('lr.3fe45e962c8960c2.svg')}.fi-lr.fis{background-image:url('lr.92587e1c41201b51.svg')}.fi-ls{background-image:url('ls.1c3125a81c505ada.svg')}.fi-ls.fis{background-image:url('ls.ee420d92863b9a2d.svg')}.fi-lt{background-image:url('lt.bf4fafec395bfdd1.svg')}.fi-lt.fis{background-image:url('lt.8caacf8e3a68923e.svg')}.fi-lu{background-image:url('lu.c7c449cb39d4ba52.svg')}.fi-lu.fis{background-image:url('lu.f76643bed0f47af9.svg')}.fi-lv{background-image:url('lv.a0f4e5015920e189.svg')}.fi-lv.fis{background-image:url('lv.4971dcb7bdedeb14.svg')}.fi-ly{background-image:url('ly.38c0325a2e20e461.svg')}.fi-ly.fis{background-image:url('ly.819d4c36264db013.svg')}.fi-ma{background-image:url('ma.ac9e86477b1dfcf1.svg')}.fi-ma.fis{background-image:url('ma.011669b174f36ccc.svg')}.fi-mc{background-image:url('mc.4575357b9824acd5.svg')}.fi-mc.fis{background-image:url('mc.8d86df982f0bef34.svg')}.fi-md{background-image:url('md.ce95114e4be56da9.svg')}.fi-md.fis{background-image:url('md.02e5cdc1142ed78b.svg')}.fi-me{background-image:url('me.327a700bf3e225ea.svg')}.fi-me.fis{background-image:url('me.fb36c3a6b230dcfd.svg')}.fi-mf{background-image:url('mf.ec6640d7752877e1.svg')}.fi-mf.fis{background-image:url('mf.bc0949877b22fa98.svg')}.fi-mg{background-image:url('mg.fdccffd887bcc5c9.svg')}.fi-mg.fis{background-image:url('mg.4877b16a2bcfad9e.svg')}.fi-mh{background-image:url('mh.fb7529093be16633.svg')}.fi-mh.fis{background-image:url('mh.268d39bc510429f4.svg')}.fi-mk{background-image:url('mk.e08d824ee41156ca.svg')}.fi-mk.fis{background-image:url('mk.2e8a86db062ab93e.svg')}.fi-ml{background-image:url('ml.8913b6a0fecc4c4b.svg')}.fi-ml.fis{background-image:url('ml.ba7ce81b14de908f.svg')}.fi-mm{background-image:url('mm.88f1ae1b66d67338.svg')}.fi-mm.fis{background-image:url('mm.588f0238db599345.svg')}.fi-mn{background-image:url('mn.0a6431d762446e18.svg')}.fi-mn.fis{background-image:url('mn.5c2759f224522714.svg')}.fi-mo{background-image:url('mo.f9694f3364f7647f.svg')}.fi-mo.fis{background-image:url('mo.933cc39d11f99eaa.svg')}.fi-mp{background-image:url('mp.f7212c13e720d8df.svg')}.fi-mp.fis{background-image:url('mp.694a14e08b98df9a.svg')}.fi-mq{background-image:url('mq.552f523c9f672ad6.svg')}.fi-mq.fis{background-image:url('mq.ff8d61a6f4aa39be.svg')}.fi-mr{background-image:url('mr.5324004179315391.svg')}.fi-mr.fis{background-image:url('mr.acf8d7f9f99f37a6.svg')}.fi-ms{background-image:url('ms.56a7d194850378b3.svg')}.fi-ms.fis{background-image:url('ms.82e9ec631979a494.svg')}.fi-mt{background-image:url('mt.94dd545a9c701731.svg')}.fi-mt.fis{background-image:url('mt.86e121ad67a6196d.svg')}.fi-mu{background-image:url('mu.c9c6e4ee68ac3e58.svg')}.fi-mu.fis{background-image:url('mu.42abd700c57bc853.svg')}.fi-mv{background-image:url('mv.f37078c165257992.svg')}.fi-mv.fis{background-image:url('mv.cd985551a0e467a4.svg')}.fi-mw{background-image:url('mw.05e2049f5e65d8f7.svg')}.fi-mw.fis{background-image:url('mw.298e493a5fce6a5f.svg')}.fi-mx{background-image:url('mx.427d7675adb1fa44.svg')}.fi-mx.fis{background-image:url('mx.1925a8ee62094360.svg')}.fi-my{background-image:url('my.5f2bc916eac19512.svg')}.fi-my.fis{background-image:url('my.439cf3eaab1b960c.svg')}.fi-mz{background-image:url('mz.f0b9d01ce4927305.svg')}.fi-mz.fis{background-image:url('mz.51e62617dc79b66c.svg')}.fi-na{background-image:url('na.511a133e3d01fbaf.svg')}.fi-na.fis{background-image:url('na.50ffeccea239dfec.svg')}.fi-nc{background-image:url('nc.4a4e0f60466b6d31.svg')}.fi-nc.fis{background-image:url('nc.a704e98e214d2fcf.svg')}.fi-ne{background-image:url('ne.6a215ca5c7aded3a.svg')}.fi-ne.fis{background-image:url('ne.ddabaa80d9de1318.svg')}.fi-nf{background-image:url('nf.f1ae96409d27f221.svg')}.fi-nf.fis{background-image:url('nf.38445d36ce2e9f54.svg')}.fi-ng{background-image:url('ng.ec2e74e25c841892.svg')}.fi-ng.fis{background-image:url('ng.5247079e7909b3e4.svg')}.fi-ni{background-image:url('ni.01158d301969ef1d.svg')}.fi-ni.fis{background-image:url('ni.9e94d299b8c9f4d1.svg')}.fi-nl{background-image:url('nl.855125168e8136ad.svg')}.fi-nl.fis{background-image:url('nl.0f90b76dc87568ce.svg')}.fi-no{background-image:url('no.4ceb414c5349393c.svg')}.fi-no.fis{background-image:url('no.a519bc0fe2e7bce4.svg')}.fi-np{background-image:url('np.465f28ecd4029d3c.svg')}.fi-np.fis{background-image:url('np.1c71dd044a7c4299.svg')}.fi-nr{background-image:url('nr.f98dec915bc94708.svg')}.fi-nr.fis{background-image:url('nr.a83a706b6398fc21.svg')}.fi-nu{background-image:url('nu.e3a84a02f795b0c2.svg')}.fi-nu.fis{background-image:url('nu.ab755ce55ddc7a84.svg')}.fi-nz{background-image:url('nz.16212e51f5c15164.svg')}.fi-nz.fis{background-image:url('nz.e296aaa6a63f2f94.svg')}.fi-om{background-image:url('om.b056ea0258e5de3d.svg')}.fi-om.fis{background-image:url('om.dc50f2a7bf6c8060.svg')}.fi-pa{background-image:url('pa.78bb9a3dbec97e33.svg')}.fi-pa.fis{background-image:url('pa.42995b1cd263d8c6.svg')}.fi-pe{background-image:url('pe.1320cd1a6c400204.svg')}.fi-pe.fis{background-image:url('pe.74e80a9765619d1d.svg')}.fi-pf{background-image:url('pf.236ad5be1fe14b41.svg')}.fi-pf.fis{background-image:url('pf.219cc0b18d9af63b.svg')}.fi-pg{background-image:url('pg.8fcd66c6419c7ad6.svg')}.fi-pg.fis{background-image:url('pg.06823331927227f0.svg')}.fi-ph{background-image:url('ph.84a2556b5d78ead3.svg')}.fi-ph.fis{background-image:url('ph.63c4356d4d48923e.svg')}.fi-pk{background-image:url('pk.4e379b9a02716aa2.svg')}.fi-pk.fis{background-image:url('pk.a3662ce628c5e7bf.svg')}.fi-pl{background-image:url('pl.4ca59b6d587566c3.svg')}.fi-pl.fis{background-image:url('pl.b7f0464cbdaae06c.svg')}.fi-pm{background-image:url('pm.a5508b8f3136656f.svg')}.fi-pm.fis{background-image:url('pm.6e3b8747a7986c90.svg')}.fi-pn{background-image:url('pn.91aad233fd0b7f38.svg')}.fi-pn.fis{background-image:url('pn.ebc925932acf278c.svg')}.fi-pr{background-image:url('pr.c5ab0d9326ad98be.svg')}.fi-pr.fis{background-image:url('pr.3741ef772216fa5d.svg')}.fi-ps{background-image:url('ps.517a359382c3c6cc.svg')}.fi-ps.fis{background-image:url('ps.f8d7641bcbbcd71a.svg')}.fi-pt{background-image:url('pt.674827a47066ffc4.svg')}.fi-pt.fis{background-image:url('pt.a31657c8ebd026cf.svg')}.fi-pw{background-image:url('pw.a868a4433a501534.svg')}.fi-pw.fis{background-image:url('pw.e47cd8a05feb4109.svg')}.fi-py{background-image:url('py.6e43abf22d9f399d.svg')}.fi-py.fis{background-image:url('py.a5e30c42ce24d977.svg')}.fi-qa{background-image:url('qa.779b4876c446bf0c.svg')}.fi-qa.fis{background-image:url('qa.7023ac39837312aa.svg')}.fi-re{background-image:url('re.d3c4fc19965fe67d.svg')}.fi-re.fis{background-image:url('re.4d18457f5c4225b8.svg')}.fi-ro{background-image:url('ro.c05f47cb02a1804b.svg')}.fi-ro.fis{background-image:url('ro.4885a544c38934a1.svg')}.fi-rs{background-image:url('rs.f294f880d8abbc9b.svg')}.fi-rs.fis{background-image:url('rs.9161cc07ad098413.svg')}.fi-ru{background-image:url('ru.6d651e8b5f901c01.svg')}.fi-ru.fis{background-image:url('ru.63932a35a2218052.svg')}.fi-rw{background-image:url('rw.c85e0781fcb133d3.svg')}.fi-rw.fis{background-image:url('rw.04eaf790279bd7b8.svg')}.fi-sa{background-image:url('sa.ce3b9d10d1fca3a3.svg')}.fi-sa.fis{background-image:url('sa.8b38992e7dbdcd1e.svg')}.fi-sb{background-image:url('sb.648068e994ff5fc6.svg')}.fi-sb.fis{background-image:url('sb.df47aa2650da8af5.svg')}.fi-sc{background-image:url('sc.ae98e9c514fed817.svg')}.fi-sc.fis{background-image:url('sc.95a235db72612296.svg')}.fi-sd{background-image:url('sd.394317a3c9b499a8.svg')}.fi-sd.fis{background-image:url('sd.17256bf87d2b52eb.svg')}.fi-se{background-image:url('se.dd120acdfad463e2.svg')}.fi-se.fis{background-image:url('se.f9a4bb5a30023c7f.svg')}.fi-sg{background-image:url('sg.7ad85643544ae93f.svg')}.fi-sg.fis{background-image:url('sg.1ddbd26e8f19d6e5.svg')}.fi-sh{background-image:url('sh.86f78a53e275ce13.svg')}.fi-sh.fis{background-image:url('sh.82f6bd55733f1b14.svg')}.fi-si{background-image:url('si.1bdbab4167ec2e2c.svg')}.fi-si.fis{background-image:url('si.1a9d83825ca750d2.svg')}.fi-sj{background-image:url('sj.239f992c4b154e30.svg')}.fi-sj.fis{background-image:url('sj.86309dc7785d4e09.svg')}.fi-sk{background-image:url('sk.cf67b282bb345b64.svg')}.fi-sk.fis{background-image:url('sk.0c2a33d9db410308.svg')}.fi-sl{background-image:url('sl.193f7759cbfb5ccc.svg')}.fi-sl.fis{background-image:url('sl.b8e2f9c89b6eafb0.svg')}.fi-sm{background-image:url('sm.7491fc6557e91069.svg')}.fi-sm.fis{background-image:url('sm.4d65b54f360877ef.svg')}.fi-sn{background-image:url('sn.562c00ddb3d3bcf0.svg')}.fi-sn.fis{background-image:url('sn.3ab9bf55d0c959a1.svg')}.fi-so{background-image:url('so.41d1d791bbd638e3.svg')}.fi-so.fis{background-image:url('so.a140284d75c4a651.svg')}.fi-sr{background-image:url('sr.3b1c3796bd0cc5d3.svg')}.fi-sr.fis{background-image:url('sr.0953a6a09fbec3c2.svg')}.fi-ss{background-image:url('ss.8fddfda633a43ddf.svg')}.fi-ss.fis{background-image:url('ss.a8826f4bde4b5090.svg')}.fi-st{background-image:url('st.bb4e017170e01bd9.svg')}.fi-st.fis{background-image:url('st.b7913ff1d9ea7702.svg')}.fi-sv{background-image:url('sv.0848f4a121a621a7.svg')}.fi-sv.fis{background-image:url('sv.c9d2ec665cb74d65.svg')}.fi-sx{background-image:url('sx.f3ef4d85cff8b5d4.svg')}.fi-sx.fis{background-image:url('sx.952f4221132af7b9.svg')}.fi-sy{background-image:url('sy.3cd612af85427585.svg')}.fi-sy.fis{background-image:url('sy.3776a47b58b7f538.svg')}.fi-sz{background-image:url('sz.c5f86e14bc3a79e0.svg')}.fi-sz.fis{background-image:url('sz.3bbab06d872a8f23.svg')}.fi-tc{background-image:url('tc.307c79d1ce5534bf.svg')}.fi-tc.fis{background-image:url('tc.bae9de44ba745c36.svg')}.fi-td{background-image:url('td.4112ccd59f6a957b.svg')}.fi-td.fis{background-image:url('td.5f20acc41c21f0f9.svg')}.fi-tf{background-image:url('tf.6db8774f236ec030.svg')}.fi-tf.fis{background-image:url('tf.3fafa04b2f347148.svg')}.fi-tg{background-image:url('tg.0213d4048b2a34dd.svg')}.fi-tg.fis{background-image:url('tg.ecd692cffca22e2f.svg')}.fi-th{background-image:url('th.b00e082a0a342e7e.svg')}.fi-th.fis{background-image:url('th.ef3740665c0c9208.svg')}.fi-tj{background-image:url('tj.9c507e1740d09c2a.svg')}.fi-tj.fis{background-image:url('tj.843ead1dadc528d6.svg')}.fi-tk{background-image:url('tk.37fdd4d2af6185ef.svg')}.fi-tk.fis{background-image:url('tk.baa05cabdf62849a.svg')}.fi-tl{background-image:url('tl.642e466716d25e53.svg')}.fi-tl.fis{background-image:url('tl.b84ce3f65a675e49.svg')}.fi-tm{background-image:url('tm.46f00ab959658415.svg')}.fi-tm.fis{background-image:url('tm.ce03046f1b89c06c.svg')}.fi-tn{background-image:url('tn.6de91e86224c3ff9.svg')}.fi-tn.fis{background-image:url('tn.b9be4cf2bf24e80b.svg')}.fi-to{background-image:url('to.e21e7b0263e689e8.svg')}.fi-to.fis{background-image:url('to.c6f3657cced64456.svg')}.fi-tr{background-image:url('tr.50bef57273441fa0.svg')}.fi-tr.fis{background-image:url('tr.be5a4bf2d4ccc498.svg')}.fi-tt{background-image:url('tt.456aabdca77c7cc1.svg')}.fi-tt.fis{background-image:url('tt.e5eb3074e415c712.svg')}.fi-tv{background-image:url('tv.3824bd65f79ff7f3.svg')}.fi-tv.fis{background-image:url('tv.6903cb034d7920a9.svg')}.fi-tw{background-image:url('tw.73a45808a2e09fcb.svg')}.fi-tw.fis{background-image:url('tw.be895da5d21f59c1.svg')}.fi-tz{background-image:url('tz.b8671ef0da22c531.svg')}.fi-tz.fis{background-image:url('tz.0ea71b45dd4673e9.svg')}.fi-ua{background-image:url('ua.f2fcca8eaa807370.svg')}.fi-ua.fis{background-image:url('ua.1906adac43c44984.svg')}.fi-ug{background-image:url('ug.27276f0fdfe0f09f.svg')}.fi-ug.fis{background-image:url('ug.6ce1a24f8b6810a9.svg')}.fi-um{background-image:url('um.8d4bdede905b511f.svg')}.fi-um.fis{background-image:url('um.0f809b94ed5a5aff.svg')}.fi-us{background-image:url('us.4f2d5574b8ed4508.svg')}.fi-us.fis{background-image:url('us.01a407e4f0d6c6b8.svg')}.fi-uy{background-image:url('uy.9537a65db4d73ba7.svg')}.fi-uy.fis{background-image:url('uy.d2ccd30830412a42.svg')}.fi-uz{background-image:url('uz.f2c7bb342a2d4dd6.svg')}.fi-uz.fis{background-image:url('uz.547d4bad2416b30b.svg')}.fi-va{background-image:url('va.81c1f670dd5d0c9e.svg')}.fi-va.fis{background-image:url('va.7c71b13bee0b3b68.svg')}.fi-vc{background-image:url('vc.2f08a5a716c89c11.svg')}.fi-vc.fis{background-image:url('vc.269d043c4f1edab2.svg')}.fi-ve{background-image:url('ve.fc18ce1071521e33.svg')}.fi-ve.fis{background-image:url('ve.fadaaf829dd74968.svg')}.fi-vg{background-image:url('vg.1f40b28cd8ff059e.svg')}.fi-vg.fis{background-image:url('vg.25dc3132c2349eeb.svg')}.fi-vi{background-image:url('vi.d9a76db5f894646f.svg')}.fi-vi.fis{background-image:url('vi.29f9aa547206cc0a.svg')}.fi-vn{background-image:url('vn.72f1ed8d98c3d37b.svg')}.fi-vn.fis{background-image:url('vn.1b4c219909ef6cfa.svg')}.fi-vu{background-image:url('vu.29423b04c452df6f.svg')}.fi-vu.fis{background-image:url('vu.76732ba818065f89.svg')}.fi-wf{background-image:url('wf.bca98a8bbc7ff179.svg')}.fi-wf.fis{background-image:url('wf.f72e2367632adc9e.svg')}.fi-ws{background-image:url('ws.7d68a871e4efcb78.svg')}.fi-ws.fis{background-image:url('ws.7f5978f736b57d8c.svg')}.fi-ye{background-image:url('ye.6c1af2f703a9b4e6.svg')}.fi-ye.fis{background-image:url('ye.a577e010a240b440.svg')}.fi-yt{background-image:url('yt.045dc59672b69dda.svg')}.fi-yt.fis{background-image:url('yt.a50469fc051cbce0.svg')}.fi-za{background-image:url('za.68bb765944d28fc1.svg')}.fi-za.fis{background-image:url('za.11a3c7874e2fe2da.svg')}.fi-zm{background-image:url('zm.82fb5f64ed580ca7.svg')}.fi-zm.fis{background-image:url('zm.7c32bcf683bf5a57.svg')}.fi-zw{background-image:url('zw.655ccb4ca55d0a15.svg')}.fi-zw.fis{background-image:url('zw.985d35d8d7d130af.svg')}.fi-arab{background-image:url('arab.1aea04ba7489f1e6.svg')}.fi-arab.fis{background-image:url('arab.6a3a7942b0da6741.svg')}.fi-cefta{background-image:url('cefta.3c76a8688e63ae0c.svg')}.fi-cefta.fis{background-image:url('cefta.6ce94a4259735fbe.svg')}.fi-cp{background-image:url('cp.d0eb7df6815695e9.svg')}.fi-cp.fis{background-image:url('cp.f400c9bae76286f7.svg')}.fi-dg{background-image:url('dg.b19579720cec3608.svg')}.fi-dg.fis{background-image:url('dg.9db846a9f8cfcb1d.svg')}.fi-eac{background-image:url('eac.16da032f2b4491b8.svg')}.fi-eac.fis{background-image:url('eac.041b8ec5e65c2ef7.svg')}.fi-es-ct{background-image:url('es-ct.5e59862b44fecd94.svg')}.fi-es-ct.fis{background-image:url('es-ct.c6598d85ba8e8d6e.svg')}.fi-es-ga{background-image:url('es-ga.b207234fc50081d2.svg')}.fi-es-ga.fis{background-image:url('es-ga.c04fa7ac7c386182.svg')}.fi-es-pv{background-image:url('es-pv.73f0dc2b53d55eb3.svg')}.fi-es-pv.fis{background-image:url('es-pv.98874354f758eff5.svg')}.fi-eu{background-image:url('eu.cef9551f072175b1.svg')}.fi-eu.fis{background-image:url('eu.6f18afcd826d76b8.svg')}.fi-gb-eng{background-image:url('gb-eng.e1fc6b4f1ef88793.svg')}.fi-gb-eng.fis{background-image:url('gb-eng.5107a4c27ebbb74f.svg')}.fi-gb-nir{background-image:url('gb-nir.2b8f27ee50338544.svg')}.fi-gb-nir.fis{background-image:url('gb-nir.861994054179ed71.svg')}.fi-gb-sct{background-image:url('gb-sct.10f3906a11c229f1.svg')}.fi-gb-sct.fis{background-image:url('gb-sct.6618f22c09f95e71.svg')}.fi-gb-wls{background-image:url('gb-wls.ed753b1e1ddfb56c.svg')}.fi-gb-wls.fis{background-image:url('gb-wls.177b6ee1d5c570a3.svg')}.fi-ic{background-image:url('ic.1404e905104fed88.svg')}.fi-ic.fis{background-image:url('ic.b8b8078e217a5b6e.svg')}.fi-pc{background-image:url('pc.f4f93430ae7353ba.svg')}.fi-pc.fis{background-image:url('pc.7598f75405e2d84e.svg')}.fi-sh-ac{background-image:url('sh-ac.12d1137d7583ffad.svg')}.fi-sh-ac.fis{background-image:url('sh-ac.f23e902dd48ecd10.svg')}.fi-sh-hl{background-image:url('sh-hl.9df1782da9d24dfa.svg')}.fi-sh-hl.fis{background-image:url('sh-hl.4447cadde4560b36.svg')}.fi-sh-ta{background-image:url('sh-ta.7824e395ab375bf0.svg')}.fi-sh-ta.fis{background-image:url('sh-ta.e8d410266173c6f5.svg')}.fi-un{background-image:url('un.7d6509c4460bfa10.svg')}.fi-un.fis{background-image:url('un.50200965d032a914.svg')}.fi-xk{background-image:url('xk.5065e3aad1251cbc.svg')}.fi-xk.fis{background-image:url('xk.d29fc16dc530d323.svg')}


/*# sourceMappingURL=styles.d2befab393f34969.css.map*/