/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-ripple-color: rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color: #3f51b5;--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: #ff4081;--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: #f44336;--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)}html{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}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-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: white;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-container-color: white;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);--mat-card-filled-container-color: white;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}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{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #3f51b5;--mat-progress-bar-track-color: rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #ff4081;--mat-progress-bar-track-color: rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25)}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px}html{--mat-tooltip-container-color: #616161;--mat-tooltip-supporting-text-color: #fff}html{--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: 0.0333333333em}html{--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px}html{--mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);--mat-form-field-filled-caret-color: #3f51b5;--mat-form-field-filled-focus-active-indicator-color: #3f51b5;--mat-form-field-filled-focus-label-text-color: rgba(63, 81, 181, 0.87);--mat-form-field-outlined-caret-color: #3f51b5;--mat-form-field-outlined-focus-outline-color: #3f51b5;--mat-form-field-outlined-focus-label-text-color: rgba(63, 81, 181, 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: #f44336;--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-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);--mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);--mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);--mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);--mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);--mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);--mat-form-field-filled-caret-color: #ff4081;--mat-form-field-filled-focus-active-indicator-color: #ff4081;--mat-form-field-filled-focus-label-text-color: rgba(255, 64, 129, 0.87);--mat-form-field-outlined-caret-color: #ff4081;--mat-form-field-outlined-focus-outline-color: #ff4081;--mat-form-field-outlined-focus-label-text-color: rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: rgba(244, 67, 54, 0.87);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px}html{--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;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: 0.03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: 0.03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}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(63, 81, 181, 0.87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(255, 64, 129, 0.87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(244, 67, 54, 0.87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform: translateY(-8px)}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{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color: white}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: white;--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.6)}html{--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: 0.0125em;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: 0.03125em}.mat-mdc-standard-chip{--mat-chip-container-shape-radius: 16px;--mat-chip-disabled-container-opacity: 0.4;--mat-chip-disabled-outline-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-focus-outline-color: transparent;--mat-chip-hover-state-layer-opacity: 0.04;--mat-chip-outline-color: transparent;--mat-chip-outline-width: 0;--mat-chip-selected-hover-state-layer-opacity: 0.04;--mat-chip-selected-trailing-action-state-layer-color: transparent;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-focus-state-layer-opacity: 0;--mat-chip-trailing-action-hover-state-layer-opacity: 0;--mat-chip-trailing-action-opacity: 0.54;--mat-chip-trailing-action-state-layer-color: transparent;--mat-chip-with-avatar-avatar-shape-radius: 14px;--mat-chip-with-avatar-avatar-size: 28px;--mat-chip-with-avatar-disabled-avatar-opacity: 1;--mat-chip-with-icon-disabled-icon-opacity: 1;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1}.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: #212121;--mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);--mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);--mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);--mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);--mat-chip-focus-state-layer-color: black;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: black;--mat-chip-label-text-color: #212121;--mat-chip-selected-disabled-trailing-icon-color: #212121;--mat-chip-selected-focus-state-layer-color: black;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: black;--mat-chip-selected-label-text-color: #212121;--mat-chip-selected-trailing-icon-color: #212121;--mat-chip-with-icon-disabled-icon-color: #212121;--mat-chip-with-icon-icon-color: #212121;--mat-chip-with-icon-selected-icon-color: #212121;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;--mat-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{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #3f51b5;--mat-chip-elevated-disabled-container-color: #3f51b5;--mat-chip-elevated-selected-container-color: #3f51b5;--mat-chip-flat-disabled-selected-container-color: #3f51b5;--mat-chip-focus-state-layer-color: black;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: black;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: black;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: black;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-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{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #ff4081;--mat-chip-elevated-disabled-container-color: #ff4081;--mat-chip-elevated-selected-container-color: #ff4081;--mat-chip-flat-disabled-selected-container-color: #ff4081;--mat-chip-focus-state-layer-color: black;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: black;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: black;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: black;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-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{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: black;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: black;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: black;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: black;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mat-chip-container-height: 32px}.mat-mdc-standard-chip{--mat-chip-label-text-font: Roboto, sans-serif;--mat-chip-label-text-line-height: 20px;--mat-chip-label-text-size: 14px;--mat-chip-label-text-tracking: 0.0178571429em;--mat-chip-label-text-weight: 400}html{--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;--mat-slide-toggle-disabled-track-opacity: 0.12;--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-slide-toggle-with-icon-handle-size: 20px}html .mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;--mat-slide-toggle-disabled-track-opacity: 0.12;--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-slide-toggle-with-icon-handle-size: 20px}html{--mat-slide-toggle-selected-focus-state-layer-color: #3949ab;--mat-slide-toggle-selected-handle-color: #3949ab;--mat-slide-toggle-selected-hover-state-layer-color: #3949ab;--mat-slide-toggle-selected-pressed-state-layer-color: #3949ab;--mat-slide-toggle-selected-focus-handle-color: #1a237e;--mat-slide-toggle-selected-hover-handle-color: #1a237e;--mat-slide-toggle-selected-pressed-handle-color: #1a237e;--mat-slide-toggle-selected-focus-track-color: #7986cb;--mat-slide-toggle-selected-hover-track-color: #7986cb;--mat-slide-toggle-selected-pressed-track-color: #7986cb;--mat-slide-toggle-selected-track-color: #7986cb;--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-disabled-selected-handle-color: #424242;--mat-slide-toggle-disabled-selected-icon-color: #fff;--mat-slide-toggle-disabled-selected-track-color: #424242;--mat-slide-toggle-disabled-unselected-handle-color: #424242;--mat-slide-toggle-disabled-unselected-icon-color: #fff;--mat-slide-toggle-disabled-unselected-track-color: #424242;--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-handle-surface-color: #fff;--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-selected-icon-color: #fff;--mat-slide-toggle-unselected-hover-handle-color: #212121;--mat-slide-toggle-unselected-focus-handle-color: #212121;--mat-slide-toggle-unselected-focus-state-layer-color: #424242;--mat-slide-toggle-unselected-focus-track-color: #e0e0e0;--mat-slide-toggle-unselected-icon-color: #fff;--mat-slide-toggle-unselected-handle-color: #616161;--mat-slide-toggle-unselected-hover-state-layer-color: #424242;--mat-slide-toggle-unselected-hover-track-color: #e0e0e0;--mat-slide-toggle-unselected-pressed-handle-color: #212121;--mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;--mat-slide-toggle-unselected-pressed-state-layer-color: #424242;--mat-slide-toggle-unselected-track-color: #e0e0e0}html{--mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-focus-state-layer-color: #d81b60;--mat-slide-toggle-selected-handle-color: #d81b60;--mat-slide-toggle-selected-hover-state-layer-color: #d81b60;--mat-slide-toggle-selected-pressed-state-layer-color: #d81b60;--mat-slide-toggle-selected-focus-handle-color: #880e4f;--mat-slide-toggle-selected-hover-handle-color: #880e4f;--mat-slide-toggle-selected-pressed-handle-color: #880e4f;--mat-slide-toggle-selected-focus-track-color: #f06292;--mat-slide-toggle-selected-hover-track-color: #f06292;--mat-slide-toggle-selected-pressed-track-color: #f06292;--mat-slide-toggle-selected-track-color: #f06292}html .mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-focus-state-layer-color: #e53935;--mat-slide-toggle-selected-handle-color: #e53935;--mat-slide-toggle-selected-hover-state-layer-color: #e53935;--mat-slide-toggle-selected-pressed-state-layer-color: #e53935;--mat-slide-toggle-selected-focus-handle-color: #b71c1c;--mat-slide-toggle-selected-hover-handle-color: #b71c1c;--mat-slide-toggle-selected-pressed-handle-color: #b71c1c;--mat-slide-toggle-selected-focus-track-color: #e57373;--mat-slide-toggle-selected-hover-track-color: #e57373;--mat-slide-toggle-selected-pressed-track-color: #e57373;--mat-slide-toggle-selected-track-color: #e57373}html{--mat-slide-toggle-state-layer-size: 40px}html .mat-mdc-slide-toggle{--mat-slide-toggle-state-layer-size: 40px}html{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: 0.38;--mat-radio-disabled-unselected-icon-opacity: 0.38;--mat-radio-state-layer-size: 40px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #3f51b5;--mat-radio-selected-hover-icon-color: #3f51b5;--mat-radio-selected-icon-color: #3f51b5;--mat-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #ff4081;--mat-radio-selected-hover-icon-color: #ff4081;--mat-radio-selected-icon-color: #ff4081;--mat-radio-selected-pressed-icon-color: #ff4081;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: 0.0178571429em;--mat-radio-label-text-weight: 400}html{--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: 0.6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: 0.6}html{--mat-slider-active-track-color: #3f51b5;--mat-slider-focus-handle-color: #3f51b5;--mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);--mat-slider-handle-color: #3f51b5;--mat-slider-hover-handle-color: #3f51b5;--mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);--mat-slider-inactive-track-color: #3f51b5;--mat-slider-ripple-color: #3f51b5;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-slider-disabled-active-track-color: #000;--mat-slider-disabled-handle-color: #000;--mat-slider-disabled-inactive-track-color: #000;--mat-slider-label-container-color: #000;--mat-slider-label-label-text-color: #fff;--mat-slider-value-indicator-opacity: 0.6;--mat-slider-with-overlap-handle-outline-color: #fff;--mat-slider-with-tick-marks-disabled-container-color: #000}html .mat-accent{--mat-slider-active-track-color: #ff4081;--mat-slider-focus-handle-color: #ff4081;--mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);--mat-slider-handle-color: #ff4081;--mat-slider-hover-handle-color: #ff4081;--mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);--mat-slider-inactive-track-color: #ff4081;--mat-slider-ripple-color: #ff4081;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #ff4081}html .mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}html{--mat-slider-label-label-text-font: Roboto, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: 0.0071428571em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}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;--mat-menu-divider-color: rgba(0, 0, 0, 0.12)}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{--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: 0.38;--mat-list-list-item-disabled-leading-icon-opacity: 0.38;--mat-list-list-item-disabled-trailing-icon-opacity: 0.38}html{--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-disabled-label-text-color: black;--mat-list-list-item-disabled-leading-icon-color: black;--mat-list-list-item-disabled-trailing-icon-color: black;--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-hover-state-layer-color: black;--mat-list-list-item-hover-state-layer-opacity: 0.04;--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);--mat-list-list-item-focus-state-layer-color: black;--mat-list-list-item-focus-state-layer-opacity: 0.12}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #3f51b5;--mat-radio-selected-hover-icon-color: #3f51b5;--mat-radio-selected-icon-color: #3f51b5;--mat-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #ff4081;--mat-radio-selected-hover-icon-color: #ff4081;--mat-radio-selected-icon-color: #ff4081;--mat-radio-selected-pressed-icon-color: #ff4081;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-radio-disabled-selected-icon-color: black;--mat-radio-disabled-unselected-icon-color: black;--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);--mat-radio-ripple-color: black;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: #212121;--mat-radio-unselected-hover-icon-color: #212121;--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54)}.mat-mdc-list-option{--mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #3f51b5;--mat-checkbox-selected-hover-icon-color: #3f51b5;--mat-checkbox-selected-icon-color: #3f51b5;--mat-checkbox-selected-pressed-icon-color: #3f51b5;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #3f51b5;--mat-checkbox-selected-hover-state-layer-color: #3f51b5;--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-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--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: 0.03125em;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-supporting-text-line-height: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: 0.0178571429em;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-trailing-supporting-text-line-height: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.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: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block}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}html{--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);--mat-tab-pagination-icon-color: black;--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-label-text-color: #3f51b5;--mat-tab-active-ripple-color: #3f51b5;--mat-tab-inactive-ripple-color: #3f51b5;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-focus-label-text-color: #3f51b5;--mat-tab-active-hover-label-text-color: #3f51b5;--mat-tab-active-focus-indicator-color: #3f51b5;--mat-tab-active-hover-indicator-color: #3f51b5;--mat-tab-active-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);--mat-tab-pagination-icon-color: black;--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-label-text-color: #ff4081;--mat-tab-active-ripple-color: #ff4081;--mat-tab-inactive-ripple-color: #ff4081;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-focus-label-text-color: #ff4081;--mat-tab-active-hover-label-text-color: #ff4081;--mat-tab-active-focus-indicator-color: #ff4081;--mat-tab-active-hover-indicator-color: #ff4081;--mat-tab-active-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);--mat-tab-pagination-icon-color: black;--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-header{--mat-tab-container-height: 48px}.mat-mdc-tab-header{--mat-tab-label-text-font: Roboto, sans-serif;--mat-tab-label-text-size: 14px;--mat-tab-label-text-tracking: 0.0892857143em;--mat-tab-label-text-line-height: 36px;--mat-tab-label-text-weight: 500}html{--mat-checkbox-disabled-selected-checkmark-color: #fff;--mat-checkbox-selected-focus-state-layer-opacity: 0.16;--mat-checkbox-selected-hover-state-layer-opacity: 0.04;--mat-checkbox-selected-pressed-state-layer-opacity: 0.16;--mat-checkbox-unselected-focus-state-layer-opacity: 0.16;--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;--mat-checkbox-unselected-pressed-state-layer-opacity: 0.16}html{--mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-primary{--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #3f51b5;--mat-checkbox-selected-hover-icon-color: #3f51b5;--mat-checkbox-selected-icon-color: #3f51b5;--mat-checkbox-selected-pressed-icon-color: #3f51b5;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #3f51b5;--mat-checkbox-selected-hover-state-layer-color: #3f51b5;--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: #212121;--mat-checkbox-unselected-hover-icon-color: #212121;--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: black;--mat-checkbox-unselected-hover-state-layer-color: black;--mat-checkbox-unselected-pressed-state-layer-color: black}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: 0.0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px}html{--mat-button-filled-container-color: white;--mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);--mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-button-filled-disabled-state-layer-color: black;--mat-button-filled-focus-state-layer-opacity: 0.12;--mat-button-filled-hover-state-layer-opacity: 0.04;--mat-button-filled-label-text-color: black;--mat-button-filled-pressed-state-layer-opacity: 0.12;--mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);--mat-button-filled-state-layer-color: black;--mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-disabled-state-layer-color: black;--mat-button-outlined-focus-state-layer-opacity: 0.12;--mat-button-outlined-hover-state-layer-opacity: 0.04;--mat-button-outlined-label-text-color: black;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-pressed-state-layer-opacity: 0.12;--mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);--mat-button-outlined-state-layer-color: black;--mat-button-protected-container-color: white;--mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);--mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-button-protected-disabled-state-layer-color: black;--mat-button-protected-focus-state-layer-opacity: 0.12;--mat-button-protected-hover-state-layer-opacity: 0.04;--mat-button-protected-label-text-color: black;--mat-button-protected-pressed-state-layer-opacity: 0.12;--mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);--mat-button-protected-state-layer-color: black;--mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-button-text-disabled-state-layer-color: black;--mat-button-text-focus-state-layer-opacity: 0.12;--mat-button-text-hover-state-layer-opacity: 0.04;--mat-button-text-label-text-color: black;--mat-button-text-pressed-state-layer-opacity: 0.12;--mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);--mat-button-text-state-layer-color: black;--mat-button-tonal-container-color: white;--mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);--mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);--mat-button-tonal-disabled-state-layer-color: black;--mat-button-tonal-focus-state-layer-opacity: 0.12;--mat-button-tonal-hover-state-layer-opacity: 0.04;--mat-button-tonal-label-text-color: black;--mat-button-tonal-pressed-state-layer-opacity: 0.12;--mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);--mat-button-tonal-state-layer-color: black}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #3f51b5;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #3f51b5;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: rgba(63, 81, 181, 0.1);--mat-button-outlined-state-layer-color: #3f51b5;--mat-button-protected-container-color: #3f51b5;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #3f51b5;--mat-button-text-ripple-color: rgba(63, 81, 181, 0.1);--mat-button-text-state-layer-color: #3f51b5;--mat-button-tonal-container-color: #3f51b5;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #ff4081;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #ff4081;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: rgba(255, 64, 129, 0.1);--mat-button-outlined-state-layer-color: #ff4081;--mat-button-protected-container-color: #ff4081;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #ff4081;--mat-button-text-ripple-color: rgba(255, 64, 129, 0.1);--mat-button-text-state-layer-color: #ff4081;--mat-button-tonal-container-color: #ff4081;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);--mat-button-outlined-ripple-color: rgba(244, 67, 54, 0.1);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: rgba(244, 67, 54, 0.1);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: 0.0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: 0.0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: 0.0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: 0.0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: 0.0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%}html{--mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);--mat-icon-button-disabled-state-layer-color: black;--mat-icon-button-focus-state-layer-opacity: 0.12;--mat-icon-button-hover-state-layer-opacity: 0.04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: 0.12;--mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);--mat-icon-button-state-layer-color: black}html .mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #3f51b5;--mat-icon-button-state-layer-color: #3f51b5;--mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #ff4081;--mat-icon-button-state-layer-color: #ff4081;--mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;--mat-icon-button-state-layer-size: 48px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:12px}html{--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-container-shape: 50%;--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-small-container-shape: 50%;--mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-fab-container-color: white;--mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);--mat-fab-disabled-state-layer-color: black;--mat-fab-focus-state-layer-opacity: 0.12;--mat-fab-foreground-color: black;--mat-fab-hover-state-layer-opacity: 0.04;--mat-fab-pressed-state-layer-opacity: 0.12;--mat-fab-ripple-color: rgba(0, 0, 0, 0.1);--mat-fab-small-container-color: white;--mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);--mat-fab-small-disabled-state-layer-color: black;--mat-fab-small-focus-state-layer-opacity: 0.12;--mat-fab-small-foreground-color: black;--mat-fab-small-hover-state-layer-opacity: 0.04;--mat-fab-small-pressed-state-layer-opacity: 0.12;--mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);--mat-fab-small-state-layer-color: black;--mat-fab-state-layer-color: black}html .mat-mdc-fab.mat-primary,html .mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #3f51b5;--mat-fab-foreground-color: white;--mat-fab-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-container-color: #3f51b5;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html .mat-mdc-fab.mat-accent,html .mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #ff4081;--mat-fab-foreground-color: white;--mat-fab-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-container-color: #ff4081;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html .mat-mdc-fab.mat-warn,html .mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Roboto, sans-serif;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: 0.0892857143em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: #333333;--mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color: #c5cae9}html{--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-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: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}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-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px}html{--mat-progress-spinner-active-indicator-color: #3f51b5}html .mat-accent{--mat-progress-spinner-active-indicator-color: #ff4081}html .mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0}html{--mat-badge-background-color: #3f51b5;--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: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-badge-text-font: Roboto, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}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: 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-button-toggle-focus-state-layer-opacity: 0.12;--mat-button-toggle-hover-state-layer-opacity: 0.04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px}html{--mat-button-toggle-background-color: white;--mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-disabled-state-background-color: white;--mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);--mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);--mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;--mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;--mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);--mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);--mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);--mat-button-toggle-selected-state-background-color: #e0e0e0;--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-button-toggle-state-layer-color: black;--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87)}html{--mat-button-toggle-height: 48px}html{--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: 0.03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: 0.03125em;--mat-button-toggle-legacy-label-text-weight: 400}html{--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 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: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color: black;--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: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 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: rgb(69.5241935484, 163.4758064516, 93.9516129032)}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 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: rgb(69.5241935484, 163.4758064516, 93.9516129032)}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color: #ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color: #f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display: none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;--mat-icon-button-state-layer-size: 40px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:8px}html{--mat-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-divider-width: 1px}html{--mat-divider-color: rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape: 4px;--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}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: 48px;--mat-expansion-header-expanded-state-height: 64px}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-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width: auto}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: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--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: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--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: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--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: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}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-sort-arrow-color: rgb(117.3, 117.3, 117.3)}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: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}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-container-background-color: white;--mat-tree-node-text-color: rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height: 48px}html{--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400}html{--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-timepicker-container-background-color: white}.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:.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:.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:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.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:.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:.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:.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:-.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:.0073529412em;margin:0 0 64px}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* branding colors */
:root {
  --primaryColor: #ff0000;
  --primaryColorRgb: 0, 103, 211;
  --secondaryColor: #1aa868;
  --nominalColor: #1aa868;
  --warningColor: #f2994a;
  --settlementColor: #6FCF97;
  --errorColor: #e52424;
  --secondaryErrorColor: #FFF1F1;
  --highlightShadow: 0px 4px 10px rgba(var(--primaryColorRgb), 0.12), 0px 1px 2px rgba(169, 169, 169, 0.05);
  --outline-style: 2px dotted rgba(80, 78, 78, 1);
  --outline-offset: 0.07rem;
  --overflow: visible;
  --outline-style-nav: 2px dotted #fff;
  --outline-offset-nav: 0.09rem;
  --returnColor: #e52424;
  --refundColor: #1aa868;
  --seriesColor: #281aa8;
}

:focus, :focus-visible{
outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow);
}
/* browser reset */
html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,surface,nav,output,ruby,section,select,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-family:'Work Sans',sans-serif;
  box-sizing:border-box;
  -webkit-tap-highlight-color: transparent;
}

select {
  border: 1px solid #ccc; /* Set the border style and color */
  padding: 5px;           /* Optional: Add padding for better appearance */
}

.custom-menu-item{   &:hover {outline: var(--outline-style)}}
button.mat-mdc-menu-item:focus {
  outline: var(--outline-style);
  background: rgba(0, 0, 0, 0.04);
}
*{margin:0;padding:0;}body{font-size:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1; clear: both;}
button:not(:disabled):hover, a:hover { cursor: pointer;}
button[disabled]:hover { cursor: default;  }
@media (any-hover: hover) {
  input:focus, select:focus, button:focus, .mat-focus-indicator:focus, body:not(#login) .page.page--sub.active:focus, .surface-sub--header h2:focus, .cta:focus, .component-list--item:focus, .history--viewAll:focus, .component:focus, #pay-method--add:focus, .radio--tabs [type=radio]:focus ~ label, #nav-profile--icon:focus, .onboard--dots a:focus:after {  outline: var(--outline-style);
    outline-offset: var(--outline-offset);
    /* overflow: var(--overflow);}  Fix issue with scrollbar disappearing */
    }
  }

/* typography */
body { font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility;}
h1, h2, h3, h4 { font-weight: 600; }
header h1 { font-size: 1.2rem; }
p { font-size: 1rem; color: #2c323c; }
.intro { text-align:center; margin: 0 0 2rem; line-height: 150%; font-size: .875rem;}
h1:focus, p.intro:focus, h2:focus, .text-field--input:focus { outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow); }
.subtext { font-size: .75rem; color: #727272; }
.subtext-extra-padding { font-size: .75rem; color: #727272; margin-top: 0.5rem}
.subtext--bottom-padding { padding-bottom: 1rem; }
.disclaimer { font-size: .75rem; }
.paid { color: var(--nominalColor); text-transform: uppercase; font-weight: 700; }
hr { display: block; width: 100%; margin: 1rem 0 1.5rem; border-top: 1px solid #bbb; border-bottom: 0; border-left: 0; border-right: 0;}
label { -webkit-user-select: none; user-select: none; cursor: pointer}
.upper { text-transform: uppercase; }

/* screen settings */
html, body { height: 100%; min-height: 100%; min-width: 320px;  }
.screen { display: block; height: 100%; width: 100%; overflow-x: hidden; }
#page--core > *, .page--sub { min-width: 320px; }
.page { display: flex; width: 100%; height: 100%; min-height: 100%;}
header { padding: .625rem 1.25rem; height: 3rem; width: 100%; display: flex; align-items: center; background: var(--primaryColor); position: fixed; color: #fff; cursor: default;}
.hidden { display: none; }
#brand-header { display: none; }
.screen-reader-only { position: absolute; width: 1px; clip: rect(0 0 0 0); overflow: hidden; white-space: nowrap; text-indent: -9999rem; }

.profile { margin-left: auto; cursor: pointer; display: flex; }
.profile.error { animation: none; }
.profile.error .profile--icon svg { animation: 180ms 2 shake; }
.profile.error .profile--icon:after { content: ''; display: block; position: absolute; top: .25rem; right: 1rem; width: .5rem; height: .5rem; background: var(--errorColor); border-radius: 1rem; border: 3px solid var(--primaryColor) }
.profile--name { display: none; }
.menu-surface { display: none; }


/* navigation mobile*/
nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 3.375rem; background: #fff; border-top: 1px solid #eee; box-shadow: 0 -5px 10px rgba(255,255,255,0.5); z-index: 5;}
nav ul { display: flex; height: 100%; width: 100%; align-items: center; align-content: center; list-style-type: none; padding: 0 1.2rem; max-width: 800px; margin: 0 auto; }
nav li { width: 33%; text-align: center; height: 100%; position: relative; }
nav a { display:block; width: 100%; height: 100%; text-decoration: none; font-size: .625rem; color: #333; padding-top: .5rem;}
nav a:hover, nav a:focus { background: rgba(169, 169, 169, 1)}
nav a svg { display: block; width: 2rem; margin: 0 auto;  }
nav path.on { display: none; }
#make-payment .nav-makePayment:before, #dashboard .nav-dashboard:before, #history .nav-history:before { content: ''; display: block; position: absolute; width: 5rem; left: calc(50% - 2.5rem); top: -1px; height: .25rem; background: var(--primaryColor); border-radius: 0 0 .25rem .25rem;}
#make-payment .nav-makePayment path.on, #dashboard .nav-dashboard path.on, #history .nav-history path.on { display: block; fill: var(--primaryColor);}
#make-payment .nav-makePayment path.off, #dashboard .nav-dashboard path.off, #history .nav-history path.off { display: none; }
#make-payment .nav-makePayment a, #dashboard .nav-dashboard a, #history .nav-history a { color: var(--primaryColor);}
nav .nav-profile { display: none; }
/* navigation w/o history  */
nav li { width: 50%;  }
span:focus-visible {
  outline: var(--outline-style);
outline-offset: var(--outline-offset);
overflow: var(--overflow);
}

/* Surface */
.surface { /* display: flex; */ position: fixed; top: 3rem; bottom: 3.375rem; height: calc(100% - 6.375rem); width: 100%; overflow-y: auto; background: #f9f9f9;}

/* Sub surface */
.page.page--sub { position: fixed; height: 100%; top: 0; transform: translateX(100%); transition: all 0.2s cubic-bezier(0, 0, 0.3, 1); visibility: hidden; overflow-y : auto; background: #fff; }
.page.page--sub.active {
  transform: translateX(0);
  display: block;
  width: 100%;
  visibility: visible;
  z-index: 10;
/*   animation: slideIn 160ms;
  transition: all 0.35s cubic-bezier(0, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.3, 1); */
}

.surface-sub { display: flex; flex-direction: column; width: 100%; height: 100%; }
.surface-sub--header { display: flex; text-align: center; height: auto; min-height: 3rem; }
.surface-sub--header button {position: absolute; left: 0; top:0;  height: 3rem; width: 3rem; transition: all 60ms ease-in-out; background: url('arrow-back.svg') no-repeat 1rem; padding: 0; overflow:hidden; text-indent: -9999rem;}
.surface-sub--header button:hover, .surface-sub--header button:focus { transform: scale(1.1); }
.surface-sub--header h2 { font-size: 1.2rem; width: 100%; margin: 0 3rem; text-align: center; align-self: flex-start; padding-top: 1rem; line-height: 1.2rem; }


.container { width: 100%; height: 100%; padding: 1.25rem 1rem; max-width: 800px; margin: 0 auto; }
.surface-sub .container { max-width: 400px; height: auto; }

.container1 { width: 100%; height: 100%; padding: 1.25rem 1rem; max-width: 430px; margin: 0 auto; }

/* loading */
#loading { display: flex; flex-direction: column; justify-content: center; visibility: hidden; opacity: 0; position: fixed; background: #fff; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; transition: all 120ms cubic-bezier(0, 0, 0.3, 1); z-index: 10; }
#loading .logo { display: block; max-width: 300px; margin: 0 auto 3rem; width: 70%; }
#loading.active { visibility: visible; opacity: 1; }
#loading .container { display: flex; justify-content: center; flex-direction: column; height: auto;}
#loading p { text-align: center; margin: 1rem auto; font-size: 1.25rem; }
#loading svg { margin: 0 auto; transition: all 180ms linear;}
#loading circle { animation: 660ms infinite alternate-reverse float; fill: var(--primaryColor); }
#loading circle:nth-of-type(2) { animation-delay: 220ms}
#loading circle:nth-of-type(3) { animation-delay: 440ms;}
#loading svg:hover { transform: scale(1.05) }
body #loading .logo { margin-bottom: 1rem; }
#login #loading .logo { animation: fadein 2s; }
@keyframes fadein {
    from { opacity: 0; transform: translateY(-1rem); }
    25% { opacity: 0; transform: translateY(-1rem); }
    to   { opacity: 1; transform: translateY(0);}
}
@keyframes fadeFast {
    from { opacity: 0; transform: translateY(-1rem); }
    to   { opacity: 1; transform: translateY(0);}
}
@keyframes slideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}
@keyframes float {
  from { transform: translateY(0); }
  50% { transform: translateY(.2rem); }
  to { transform: translateY(-.2rem); }
}

/* onboarding */
#onboard .container h2 { text-align: center; margin: .5rem 0 1.5rem; font-weight: 400; }
#onboard .container .disclaimer h2 { font-size: 1rem; margin: 1rem 0 .25rem ; text-align: left; font-weight: 700;  }
.legal-notice--new .container { justify-content: center;}
.onboard--dots { list-style-type: none; display: flex; height: 3rem; justify-content: center; overflow: hidden;  }
.onboard--dots li { margin: 0 .5rem 0; padding-top: .5em; }
.onboard--dots a { display: block; width: 2rem; height: 2rem; text-indent: -9999em; position: relative; }
.onboard--dots a:after { content: ''; display: block; width: 1rem; height: 1rem; background: #c4c4c4; position: absolute; left: .5rem; top: .5rem;  border-radius: 50%; }
.onboard--dots a.active:after {background: var(--primaryColor);}
.onboard--dots a[disabled]:hover { cursor: default; }
#onboard .page.page--sub.active { transition: none; animation: none; }
#onboard .notice { margin: auto auto 1rem; }
#onboard .cta.secondary:not(:disabled) { background: var(--secondaryColor); color: #fff; }
#onboard .btn:not(.btn.user-language) { display: inline-block; font-size: .75rem; width: unset; text-decoration: none; margin: 1rem auto 1rem; padding: .75rem 1rem; transition: all 60ms ease-in-out; border-radius: .25rem; font-weight: 600; letter-spacing: 0.01rem; text-transform: uppercase; color: var(--primaryColor); background: rgba(var(--primaryColorRgb),.09); border: 0; }
#onboard .btn.user-language { margin-bottom: 1rem;  }
@media screen and (device-width : 375px) and (device-height : 667px)  {
#onboard .surface-sub { height: unset; min-height: 100%; }
#onboard .form .btm .cta { border-radius: .25rem; }
#onboard .btm { margin: auto 1rem 1rem;}
}


/* components */
.component-list { display: flex; flex-direction: column; height: 100%; list-style-type: none; }
.component { display: flex; padding: .5rem .25rem; align-items: center; justify-content: space-between; min-height: 3rem; border-bottom: .25px solid #eee; -webkit-user-select: none; user-select: none;}
.component > p { padding: .5rem 0; flex: 0 0 100%; }
.component-list--item .component:first-of-type { padding-top: .5rem;}
.component[tabindex]:hover, .component-list--item[tabindex]:hover { cursor: pointer; background: rgba(0,0,0,0.01); }
.component:focus { outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow); }
.component:first-of-type { padding-top: 0; }
/* .component-list, .surface .component { animation: fadeFast 240ms 1 backwards;}
.surface .component:nth-of-type(2) { animation-delay: 80ms; }
.surface .component:nth-of-type(3) { animation-delay: 160ms; }
.surface .component:nth-of-type(4) { animation-delay: 240ms; }
.surface .component:nth-of-type(5) { animation-delay: 320ms; }
.surface .component:nth-of-type(6) { animation-delay: 400ms; }
.surface .component:nth-of-type(7) { animation-delay: 480ms; }
.surface .component:nth-of-type(8) { animation-delay: 560ms; }
.surface .component:nth-of-type(9) { animation-delay: 640ms; }
.surface .component:nth-of-type(10) { animation-delay: 720ms; } */
.component-list--icon { position: relative; width: 1.5rem; min-width: 1.5rem; }
.component:not(.payment-amount) .component-list--icon { display: flex; flex-direction: column; justify-content: center; float: left;}
.component-list--content:not(#verify .component-list-content) { flex-grow: 2; }
.component-list--meta { margin-left:auto;}
.component-list--meta > * { display: block; text-align: right; }
.component-list--item > .component { border-bottom: 0; cursor: default; }
.component + .component-list--item .component-list--controls { border-bottom: .25px solid #eee; }
.component +.component-list--item:last-of-type .component-list--controls  { border: 0; }
.component-list--meta+.component-list--meta { margin-left: 1rem; }
.component-list--meta+.component-list--meta button { background: none; color: #919191; z-index: 10; }
.component-list--controls { display: block; width: 100%; text-align: right; padding-bottom: .5rem; }
.component-list--controls:empty { display: none; }
.component-list--label { display: block; width: 100%; }
.component.notice { margin: .5rem 0; padding: 1rem; }
.component.notice path { fill: var(--primaryColor); }
.component.notice:hover u { text-decoration: none; }
.component.notice u { color: var(--primaryColor); }
.component.notice .component-list--icon {margin-right:1rem; }
.component-border { border-bottom: .25px solid #eee;}
.component-border-none {border-bottom: none !important; }

/* make payment surface */
.account-detail .account-balance { font-size: .875rem; }
#make-payment .surface .component-list--icon img { width: 1rem; }
#make-payment .surface form { height: 100%; }
.payment-amount:hover { cursor: default;  background: rgba(0,0,0,0.01); }
.payment-amount input { display: flex; width: 100%; font-size: 2.25rem; background: none; border: 0; color: #2c323c; user-select: contain; }
.payment-amount { min-height: 5rem; padding-bottom: 1rem;}
.payment-amount .component-list--content { width: 100%; }
.payment-amount.error .component-list--content .subtext {background: url('warning.svg') no-repeat 0 50%; padding-left: 1.25rem;}
.payment-method .payment-card, .payment-method.payment-card .payment-bank, .payment-method.payment-card--visa .payment-bank, .payment-method.payment-card--visa .payment-card { display: none; }
.payment-method.payment-card .payment-card { display: block; width: 1rem; }
.payment-method.payment-card--visa .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1rem; height: 1rem; background: url('card-visa.svg') no-repeat 0 / 100%; }
.payment-method.payment-card--amex .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1rem; height: 1rem; background: url('card-amex.svg') no-repeat 0 / 100%; }
.payment-method.payment-card--master .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1rem; height: 1rem; background: url('card-master.svg') no-repeat 0 / 100%; }
.payment-method.payment-card--discover .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1rem; height: 1rem; background: url('card-discover.svg') no-repeat 0 / 100%; }


.payment-method.empty .component-list--icon, .update-contact-info.empty .component-list--icon { position: relative; }
.payment-method.empty .component-list--icon:after, .update-contact-info.empty .component-list--icon:after { content: ''; display: block; position: absolute; top: -.5rem; left: .5rem; width: .5rem; height: .5rem; background: var(--errorColor); border-radius: 1rem; border: 3px solid #f9f9f9;  }
.payment-method.empty.error .component-list--icon:after, .update-contact-info.empty.error .component-list--icon:after { animation: 800ms 6 pulse; }
.schedule { border-bottom: 0; }
.schedule p { color: var(--primaryColor); }
.surface .payment-date {margin-top: auto; border-bottom: 0; border-top: 1px solid #eee;}
.surface .schedule+li:last-of-type { margin-top: auto;  }
.account-name { text-transform: capitalize;}


/* icons */
.icon--edit path, .icon--add rect:first-of-type, .icon--schedule path { fill: var(--primaryColor); }

.account-detail--balance .component-list--icon:before
{
  content: ''; display: block; width: .625rem; height: .625rem; background: var(--errorColor); border-radius: .625rem;
}

.account-detail--balance .component-list--icon
{
  margin-right: 0%;
  border-bottom: .25px solid #eee;
}

.account-detail--balance
{
  background-color: var(--secondaryErrorColor);
}

li.account-detail--balance
{
  padding-left: 16px;
  padding-right: 16px;
}

/* account detail dialog */
.account-detail--overview:only-of-type { padding-bottom: 1rem;}
.account-detail--overview .account-balance, .account-automatic .account-automatic--amount { font-weight: 700; }
.account-detail--overview .component-list--icon:before { content: ''; display: block; width: .625rem; height: .625rem; background: var(--secondaryColor); border-radius: .625rem;  }
.account-status--nominal .component-list--icon:before { background: var(--nominalColor);}
.account-status--warning .component-list--icon:before { background: var(--warningColor);}
.account-status--return .component-list--icon:before { background: var(--returnColor);}
.account-status--refund .component-list--icon:before { background: var(--refundColor);}
.account-status--series .component-list--icon:before { background: var(--seriesColor);}
.account-status--error .component-list--icon:before { background: var(--errorColor);}
.account-detail--overview .account-number { color: var(--primaryColor); }
.account-detail--overview .subtext { display: block; }
.account-detail--overview .cta { background: var(--primaryColor); text-decoration: none; padding: 1rem; display: block; text-align: center;  }

/* settlement offer */
.settlement-offer.notice { display: flex; justify-content: start; padding: 0.5rem; color: var(--primaryColor); font-size: 0.9rem; }
.settlement-offer .component { align-items: flex-start; flex-direction: row; }
.settlement-offer .component-list--icon.justify { justify-content: normal !important; }
.settlement-offer .component-list--icon path { fill: var(--primaryColor); }
.settlement-offer .component-list--content p { text-transform: uppercase; }

#make-payment .settlement-offer .component { align-items: unset; min-height: auto; padding-bottom: 0 !important; }
#settlement-offer-dialog .component.divider-top { border-top: 0.25px solid #eee; margin-top: 1rem; }
#settlement-offer-dialog .component { border: 0; }
#settlement-offer-dialog .radio--item label { display: flex; flex-wrap: wrap; }
#settlement-offer-dialog .radio--item label span:first-of-type { flex: 2; }
#settlement-offer-dialog .radio--item .subtext { width: 100%; }
#settlement-offer-dialog .radio--item .component { font-size: 1rem; }
#settlement-offer-dialog .radio--item .recurring-monthly--calendar { margin-top: 15px; }

#settlement-offer-dialog .radio--item [type=radio]:not(:checked) ~ label .settlement-summary { display: none; }
#settlement-offer-dialog .due-date-cell .mat-calendar-body-cell-content { border: solid 3px var(--primaryColor); top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; }
#settlement-offer-dialog .due-date-cell::after {
  content: 'DUE';
  /* position: absolute;   */
  top: 0.1cm;
  right: 0;
  width: 100%;
  font: smaller bold;
  color: black;
}
#settlement-offer-dialog .lang-es .due-date-cell::after {
  content: 'DEBIDO';
  font-size: 12px;
}
#settlement-offer-dialog .due-date-cell[aria-selected="true"]::after {
  color: white;
}
.recurring-monthly--calendar .mat-calendar-table-header th { opacity: 0; cursor: default; }

#settlement-offer-dialog .subtext { padding-top: 10px; }
#settlement-offer-dialog .subtext > span { font-size: .90rem; }

/* pay method dialog */
.pay-method--remember { border-top: 1px solid #eee; padding-top: .5rem; }
.pay-method--remember .component { max-width: 400px; margin: 0 auto; padding-left: 0; padding-right: 0; }
#pay-method--bankAccount .radio--item { width: 50%; }
#pay-method--cardAccount .pay-method--card .text-field:first-of-type { display: inline-block; width: 70%; float: left; }
#pay-method--cardAccount .pay-method--card .text-field:last-of-type { display: inline-block; width: 30%; float: right; position:relative; }
#pay-method--cardAccount .pay-method--card .text-field:first-of-type input { border-right: 0; border-radius: .25rem 0 0 .25rem; padding-left: 2.5rem;}
#pay-method--cardAccount .pay-method--card .text-field:first-of-type:after { content:''; position: absolute; left:0; width: 2rem; height: 2rem; background: url('card.svg') no-repeat .5rem 50%; top: 1.75rem; bottom: 0; }
#pay-method--cardAccount .pay-method--card .text-field:last-of-type input { border-radius: 0 .25rem .25rem 0;}
#pay-method--existing .radio .pay-method--existingBank label { background: url('bank.svg') no-repeat 1rem;}
#pay-method--existing .radio .pay-method--existingCard label { background: url('card.svg') no-repeat 1rem / 1rem;}
#pay-method--existing .radio .pay-method--existingCard.payment-card--visa label { background: url('card-visa.svg') no-repeat .9rem / 1.25rem;}
#pay-method--existing .radio .pay-method--existingCard.payment-card--amex label { background: url('card-amex.svg') no-repeat .9rem / 1.25rem;}
#pay-method--existing .radio .pay-method--existingCard.payment-card--master label { background: url('card-master.svg') no-repeat .9rem / 1.25rem;}
#pay-method--existing .radio .pay-method--existingCard.payment-card--discover label { background: url('card-discover.svg') no-repeat .9rem / 1.25rem;}
#pay-method--existing .pay-method--add a, .send-customer-link a { background: none; color: var(--primaryColor); text-decoration: none; position: relative; }
#pay-method--existing .pay-method--add a:before, .send-customer-link a:before { content: '+'; font-size: 1.5rem; position: absolute; left: 1rem; top: .75rem; color: var(--primaryColor); }
#pay-method--existing .radio label { display: flex; align-items: center; padding: .75rem 1rem .75rem 3rem; }
#pay-method--existing .radio label span.error { display:block; color: var(--errorColor); font-size: .75rem; }

.radio label button { margin-left: auto; background: none; color: #919191;}


/* pay date dialog */
.payment-date--calendar img { display: block; width: 100%; max-width: 400px; margin: 0 auto;   }


/* recurring dialog */
.radio #recurring-weekly[type=radio]:checked ~ label  { height: 8rem;  }
.radio [type=radio]:checked ~ #lblBiMonthly { min-height: 9rem; }
.radio--item .radio--item-body { display: none;}
.radio--item input[type="radio"]:checked ~ label .radio--item-body  { display: block; margin: 1rem auto 1rem; }
/* .radio--item.biweekly-buttons input[type=radio]:checked #lblBiMonthly { height: 9rem; } */
/* .radio #recurring-bimonthly[type=radio]:checked ~ label  { height: 9rem;  } */

.recurring-monthly--calendar mat-calendar-header, .recurring-monthly--calendar mat-month-view thead, .recurring-monthly--calendar .mat-calendar-body-label { display: none; }
.recurring-monthly--calendar .mat-calendar-content { padding: 0; }
.recurring-monthly--calendar .mat-calendar-body-cell.selected .mat-calendar-body-cell-content { background: var(--primaryColor); color: #fff; }
.recurring-monthly--calendar tbody::before { content: ''; display: block; height: 5px; }
.recurring-monthly--calendar .monthly-day-due:not([aria-selected="true"]):after {  content: 'DUE'; padding-top: .5rem; font-weight: 600; color: #666; font-size: .625rem; position: absolute; display: block; z-index: -1; width: 100%; height: 100%; left: 0; right: 0; top: -.125rem; bottom: 0; box-sizing: border-box; border: .125rem dashed #bbb; border-radius: .25rem;  }

.recurring-monthly--calendar .mat-calendar-content { border-top: 1.25rem solid var(--primaryColor); padding-top: .5rem; position: relative; z-index: 2; background: #fff; border-radius: .25rem; box-shadow: var(--highlightShadow);}
#recurring .radio--item .radio--tabs { margin-top: -4rem;   }

/* recurring dialog calendar */
.calendar-radio--item label .recurring-monthly--calendar { display: none; }
.calendar-radio--item input[type="radio"]:checked ~ label .recurring-monthly--calendar { display: block; margin: 1rem auto 1rem; }

/* recurring schedule list */
.account-automatic button { background: none; }
body .account-automatic .view-schedule { position: relative; padding-right: 2rem; margin-bottom: .5rem;}
.account-automatic .view-schedule svg { position: absolute;top: .5rem; right: .5rem;}
.account-automatic .view-schedule path { fill: var(--primaryColor); }
.account-automatic .view-schedule.active .on { display: none; }
.account-automatic .view-schedule:not(.active) .off { display: none; }
.account-automatic .view-schedule.active + .account-automatic--schedule { display: block; }
.account-automatic--schedule { display: none; list-style-type: none; text-align: left; max-height: 200px; overflow: auto; border-bottom: .25px solid #eee; }
.account-automatic--schedule li { display: block; padding: .25rem .5rem; }
.account-automatic--schedule li:nth-of-type(odd) { background: #f9f9f9; }
.account-automatic--schedule .date { float: right; }

/* verify dialog */
#verify .container { height: unset; }
#verify .container:nth-of-type(2) { padding-top: 0; }
#verify .component:last-of-type { border-bottom: 0; }
#verify .notice { margin-bottom: 1rem;  }
.more-information path, .more-information { fill: var(--primaryColor); vertical-align: sub;}
.component.pay-method--verify { flex-wrap: wrap; }
#verify .pay-method--verify .component-list--content { position: relative;}
#verify .pay-method--verify.error .component-list--content:after { content: ''; display: block; position: absolute; top: -.25rem; right: -.75rem; width: .5rem; height: .5rem; background: var(--errorColor); border-radius: 1rem; border: 3px solid #f9f9f9;  }
#verify .pay-method--verify.error .component-list--content:after { animation: 800ms 6 pulse; }

/* user profile dialog */
.user-profile--address span:not(:last-of-type):after { display: inline-block; content: ',' }
#user-profile a { text-decoration: none; color: var(--primaryColor)}
#user-profile .user-profile--modify { border-bottom: 0;  }
.user-profile--modify { margin: 1rem auto;}
#user-profile .edit--active .cta.btn { background: var(--primaryColor); color: #fff;   }
#user-profile .component.notice { border-bottom: 0; margin-bottom: 1rem;}
#user-profile .user-profile--disclosures, #user-profile .user-profile--logout { display: block; width: 100%; text-align: center;  }
#user-profile span.user-profile--city, #user-profile span.user-profile--state { float: left; padding-right: .5rem; }
#user-profile .component-list--item.user-profile--details { padding: 0 0 ; border-bottom: 0; }
#user-profile .user-profile--details span { display: block; line-height: 200%; }
#user-profile .user-profile--information .component-list--controls .btn { width: 100%; }
#user-profile .user-profile--disclosures, #user-profile .btn.dropdown { margin: 0 auto; }
#user-profile .user-profile--information .component-list--content { width: 100%; }
#user-profile .component-list--item { border-bottom: .25px solid #eee;}
#user-profile .component-list--label .subtext { line-height: 150%; margin-top: .5rem;}
#user-profile .component-list--item.sms-subscribe .component, #user-profile .component-list--item.email-subscribe .component { align-items: start; padding: .75rem 0;}
#user-profile .component-list--meta { padding-left: .5rem; }
#user-profile app-language-selector { margin: 0 auto; }



#profile-edit label.half, .user-profile--information.edit--active label.half { width: 50%; margin: 0;  }
#profile-edit label.half .text-field--input, .user-profile--information.edit--active label.half .text-field--input {border-radius: .25rem 0 0 .25rem; }
#profile-edit label.half:last-of-type .text-field--input, .user-profile--information.edit--active label.half:last-of-type .text-field--input {border-radius: 0 .25rem .25rem 0; border-left: 0; }
#profile-edit .text-field:not(.third), .user-profile--information.edit--active .text-field:not(.third) { width: 100%; margin: 0;  }
#profile-edit select, .user-profile--information.edit--active select { border-radius: 0; width: 5rem; }
#profile-edit .third:first-of-type .text-field--input, .user-profile--information.edit--active .third:first-of-type .text-field--input { border-right: 0; border-radius: .25rem 0 0 .25rem;}
#profile-edit .third:nth-of-type(2), .user-profile--information.edit--active .third:nth-of-type(2) { width: 100px; }
#profile-edit .third:last-of-type .text-field--input, .user-profile--information.edit--active .third:last-of-type .text-field--input { border-left: 0; border-radius: 0 .25rem .25rem 0; }

/* Button */

.cta { background: var(--secondaryColor); color: #fff; text-transform: uppercase; font-weight: 700; font-size: .85rem; letter-spacing: .01rem; border-radius: .25rem;}
.container button.cta:not(:disabled):hover, .container button.cta:not(:disabled):focus { cursor: pointer; transform: none; }
.surface .cta { display: block; width: 100%; height: 3rem; }
.cta[disabled], #login .cta[disabled], #user-profile .cta.btn[disabled] { background: #e1e1e1; color: #a9a9a9; box-shadow: none; cursor: default; }
.cta--label { color: var(--primaryColor); text-transform: uppercase; font-weight: 600; font-size: .75rem; }
.container button { transition: all 60ms cubic-bezier(0.16, .8, .45, 1); position: relative;}
.container button:not(:disabled):hover, .container button:not(:disabled):focus, #onboard .btn:hover {  transform: scale(1.03, 1.03); }


/* .container button:after { content: ''; display: block; position: absolute; border-radius: .25rem; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: var(--primaryColor); opacity: 0; } */
.container button:not(:disabled):hover:after { opacity: .06; }
.component-list--controls .btn:not(:only-of-type), .btn.dropdown  {margin: 0 0 0 1rem;  }
.component-list--controls .btn, .btn.dropdown { padding: .75rem 1rem; transition: all 60ms ease-in-out; border-radius: .25rem; font-weight: 600; letter-spacing: 0.01rem; text-transform: uppercase; color: var(--primaryColor); background: rgba(var(--primaryColorRgb),.09); border: 0; }
.component-list--controls .btn.secondary { background: none; }
.component-list--controls .btn.secondary:not(:disabled):hover { background: rgba(var(--primaryColorRgb),.09);}
.component-list--controls .btn.secondary:not(:disabled):hover:after {  box-shadow: none;  }
.form .cta { display: block; width: 100%; height: 4rem; border-radius: 0; }
.btn.user-language { display: flex; align-items: center; margin: 0 auto; text-transform: none; font-size: 1rem; background: none; font-weight: 400;}


/* Calendar */
body .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: none; }
body .mat-calendar-body-selected { background: var(--primaryColor);  }
#payment-date .mat-calendar-table { border-radius: .25rem; background: #fcfcfc; box-shadow: var(--highlightShadow); overflow: hidden; }
body .mat-calendar-table-header-divider { display: none; }
body .mat-calendar-table-header th { padding: 1rem; }
.container button.mat-calendar-body-cell { position: absolute; }

/* Text input */
.text-field, .select, .radio--tabs, .input--container { display: block; margin-bottom: .75rem; position: relative; max-width: 400px; margin-left: auto; margin-right: auto; align-self: normal; }
.text-field { width: 100%; }
.text-field.half { display: inline-block; width: calc(50% - 4px); float: left; }
.text-field.half:last-of-type { margin-left: 8px; clear: right; }
.label { font-weight: 600; display: inline-block; text-transform: uppercase; letter-spacing: .03rem; font-size: .75rem; color: #2c323c; }
.label--subtext { display: inline-block; float: right; }
.text-field--input, select { display: block; position: relative; width: 100%; background: #fff; padding: .5rem 1rem; font-size: 1rem; height: 2.75rem; margin: .25rem 0 0; border: .09rem solid #bbb; border-radius: .25rem; box-sizing: border-box; appearance: none; }
.text-field--input:focus, .text-field--input:active, select:focus, select:active, .text-field--input:focus:hover, .text-field--input:focus:hover, select:focus:hover {
  /* outline: none;
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.2rem rgba(169, 169, 169, 1);
  transition: box-shadow 0.3s ease; */
  outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow);
}

.text-field--input:hover, .text-field--input:hover, select:hover { border-color: rgba(0,0,0,0.4)}
.text-field--icon { position: absolute; top: 2rem; right: .14rem; border-radius: .25rem; line-height: 2.5rem; width: 2.5rem; text-align: left;height: 2.45rem; }
.text-field--input[type=password] { padding-right: 3rem; }
.text-field * { transition: all 80ms ease-in-out;}
.error .text-field--input { border-left: .2rem solid red; border-left: .2rem solid var(--errorColor); }
.text-field--input.text-field--code { font-size: 3rem; height: 5rem; letter-spacing: 1.5rem; }

/* Select */
select { padding: 0 .75rem; appearance: none; background: url('arrow-down.svg') no-repeat right 1rem top 50%;}
.form { display: flex; flex-direction: column; height: 100%; }

/* Radio */
[type=radio] { position: absolute; width: 1px;height: 1px; left: -9999rem; }
.radio--tabs .radio--container { display: flex; width: 100%; margin: .25rem 0 .5rem; }
.radio--tabs .radio--item { flex-grow: 1; height: 2.75rem; }

.radio--tabs .radio--item label:active {
  color: #fff;
}


.radio--tabs label, .radio .radio--tabs label { display: flex; text-align:center; justify-content:center; cursor: pointer; width: 100%; text-align: center; height: 2.75rem; color: var(--primaryColor);padding: .75rem .5rem; border: .09rem solid rgba(var(--primaryColorRgb), .4); font-weight: 600; border-radius: 0; }
.radio--tabs .radio--item:first-of-type label, .radio .radio--tabs .radio--item:first-of-type label { border-radius: .25rem 0 0 .25rem; }
.radio--tabs .radio--item:last-of-type label, .radio .radio--tabs .radio--item:last-of-type label  { border-radius: 0 .25rem .25rem 0; }
.radio--tabs [type=radio]:checked ~ label:before { content: ''; margin: -.2rem .5rem 0 0; width: 1.5rem; height: 1.5rem; background: url('check-radio.svg') no-repeat 0 0; }
.radio--tabs [type=radio]:checked ~ label { background: var(--primaryColor); color: #fff; padding-right: 1rem; position: relative; }
.radio--tabs [type=radio]:checked ~ label:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: var(--highlightShadow);}
.radio .radio--item .radio--tabs { margin: 0 1rem; display: none; }
.radio .radio--item [type=radio]:checked ~ .radio--tabs { display: block; }
.radio .radio--tabs [type=radio]:checked ~ label:before { display: none; }
.radio .radio--item { display: block;margin: 0 0 .5rem; background: #fff;}

.radio .radio--tabs label { padding: .75rem 0; border-right: 0; }
.radio .radio--tabs .radio--item:last-of-type label { border-right: .09rem solid rgba(var(--primaryColorRgb), .4);}
.radio .radio--tabs [type=radio]:checked ~ label { padding-right: inherit; background-image: none;  }

.radio label, .pay-method--add a, .send-customer-link a {  display: block; border: .09rem solid #bbb; cursor: pointer; border-radius: .25rem; padding: 1rem 1rem 1rem 3rem; transition: all 120ms ease-in-out; position: relative; }
.radio label:focus { background-color: rgba(var(--primaryColorRgb), 0.05); outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow);}


.radio [type=radio]:checked ~ label {border: .1rem solid  var(--primaryColor); box-shadow: var(--highlightShadow); }
.radio [type=radio]:checked ~ label .subtext {visibility: visible; height: auto; opacity: 1; position: relative; }
.radio--item label svg { position: absolute; left: 1rem; top: .75rem;  }
.radio--item [type=radio]:checked ~ label path.off { display: none; }
.radio--item [type=radio]:checked ~ label path.on { display: block; fill: var(--primaryColor); }
.radio--item label path.on { display: none; }

.radio .subtext { display: block; margin-top: .25rem; opacity: 0; height: 0; max-height: 1000px; position:absolute; }
.radio [type=radio]:not(:checked) ~ label .subtext { display: none; }

.radio-schedule input:hover label,
.radio-schedule input:focus label,
.radio-schedule:focus label,
.radio-schedule:focus-visible label {
  background-color : rgba(var(--primaryColorRgb), 0.05) important;
  border-color: var(--primaryColor);
  border-width: .12rem;
}

/* Toggle */
.toggle { position: absolute; margin-left: -9999px; }
.toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; user-select: none; }
input.toggle-round + label { padding: 0; width: 3.5rem; height: 2rem; border-radius: 3rem; }
input.toggle-round + label:before, input.toggle-round + label:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; content: ''; }
input.toggle-round + label:before { right: 0; background: #fff; border: .09rem solid #bbb; border-radius: 2rem; transition: background 180ms; }
input.toggle-round + label:after { width: 2rem; background: #bbb; border-radius: 100%; transition: margin 180ms;}
input.toggle-round:checked + label:before { background: rgba(var(--primaryColorRgb), .09); border-color: var(--primaryColor)}
@media (any-hover: hover) {
  input.toggle-round:focus + label:before {  outline: var(--outline-style);
    outline-offset: var(--outline-offset);
    overflow: var(--overflow);}
}
input.toggle-round:checked + label:after { margin-left: 1.5rem; background: var(--primaryColor); margin-left: 1.5rem; background: var(--primaryColor); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);  }

/* Card */
.card { background: #fff; border-radius: .25rem; box-shadow: 0px 4px 10px rgba(var(--primaryColorRgb), 0.12), 0px 1px 2px rgba(169, 169, 169, 0.05);}
.card .component { margin: .5rem 1rem; }
.card.component-list { margin-bottom: 1.5rem;  }

/* Error */
.error { animation: 180ms 2 shake; }
@keyframes shake {
  from { transform: translateX(0); }
  50% { transform: translateX(.2rem); }
  to { transform: translateX(-.2rem); }
}
@keyframes pulse {
  from { transform: scale(1); }
  50% { transform: scale(1.2); }
  to { transform: scale(.9); }
}

/* Dropdown menu */
.mat-menu-item:not(:last-of-type) { border-bottom: 1px solid #bbb}
.mat-elevation-z4 { box-shadow: 0px 2px 14px rgba(169, 169, 169, 0.15), 0px 0px 2px var(--primaryColor), 0px 1px 2px rgba(169, 169, 169, 0.05), 0px 4px 10px rgba(var(--primaryColorRgb), 0.12); }

/* Page notification */
#page--notification { height: 3rem; align-items: center; justify-content: center; padding: 1rem; color: #2C323C; }
#page--notification.warning { background: var(--warningColor); }
#page--notification.settlement-offer-alert { background: var(--settlementColor); }
#page--notification span { font-size: .75rem; padding: 0 1rem; }
app-app-layout, app-nav-menu { width: 100%; }
#page--notification .btn { text-transform: uppercase; font-weight: 600; font-size: .75rem; letter-spacing: .01rem; border-radius: .25rem; text-decoration: none; border: 1px solid rgba(0,0,0,0.3); padding: .5rem .75rem; color: #2C323C; white-space: nowrap; }
#close-swap { margin-left: 1rem; }
@media (min-width:768px) and (min-height:460px) {
  #page--notification { position: fixed; left: 1.25rem; bottom: 1.25rem; width: 240px; border-radius: .25rem; border: 1px solid #fff; flex-direction: column; height: auto; z-index: 6; color: #fff; }
  #page--notification svg:first-of-type path { fill: #fff; }
  #page--notification.warning { background: none; }
  #page--notification.settlement-offer-alert { background: none; }
  #page--notification .btn { width: 100%; text-align: center; color: var(--primaryColor); background: #fff; font-size: .875rem; border: 2px solid rgba(255,255,255,0.5)}
  #page--notification span { padding: 1rem 0; text-align: center; font-size: .875rem; line-height: 1.5; }
  #close-swap { position: absolute; right: 1rem; top: 1rem; fill: #fff; }
}

/* Notice */
.notice {display: block; position: relative; background: rgba(var(--primaryColorRgb), 0.09); border-radius: .25rem; padding: 1rem; font-size: .75rem; line-height: 1rem; -webkit-user-select: none; user-select: none;  }
.notice input[type=checkbox] { position: absolute; margin-left: -9999px; }
.notice input[type=checkbox] ~ .label--authorize { display: block; margin-left: 1.75rem; cursor: pointer; }
.notice input[type=checkbox] + svg { position: absolute; left: 1rem; top: 1rem;  }
.notice input[type=checkbox] ~ svg path.off { fill: var(--primaryColor);  }
.notice input[type=checkbox] ~ svg path.on, .notice input[type=checkbox]:checked ~ svg path.off { display: none; }
.notice input[type=checkbox]:checked ~ svg path.on { display: block; fill: var(--primaryColor);  }
.notice.error { background: rgba(235,87,87, 0.4) }
.notice.take-action::after { content: ""; display: block; position: absolute; top: -.25rem; right: -.25rem; width: .5rem; height: .5rem; background: var(--errorColor); border-radius: 1rem;border: 3px solid #fff; }
.intro+.notice { margin-bottom: 1rem; }
.notice-margin-bottom { margin-bottom: 0.5rem; }
/* Slide container */
.container.slide { max-width: unset; overflow-x: auto; }
.slide .component-list { width: 53rem; flex-direction: row; margin: 0 auto 1rem; align-content: stretch; justify-content: stretch; }
.slide .component { width: 8rem; min-height: 5rem; margin: 0 .5rem 0 0; }

/* Lock on Send Customer link */
.lock{display:flex;align-items:center;gap:.75rem;margin:0.25rem 0 0.5rem;font-size:.875rem;line-height:1.25rem;position:relative;}
.lock input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;}
.lock .label--authorize{margin:0;cursor:pointer;}
.lock svg{width:18px;height:18px;flex-shrink:0;display:block;}
.lock svg .off{fill:var(--primaryColor);}
.lock svg .on{display:none;fill:var(--primaryColor);}
.lock input[type=checkbox]:checked~svg .on{display:block;}
.lock input[type=checkbox]:checked~svg .off{display:none;}

/* Login */
#login .surface { background: #fff; top: 0; bottom: 0; height: 100%; }
#login .container { display: flex; flex-direction: column; flex-shrink: 0; }
#login .container > * { flex-shrink: 0; }
#login .login--form { margin: auto auto; width: 100%; display: flex;  flex-direction: column; max-width: 400px; }
#login .logo{ display: block; max-width: 300px; margin: 0 auto 3rem; width: 70%; }
#login .text-field:first-of-type { margin-top: 1rem; }
#login .text-field { margin-left: 0; margin-right: 0; }
#login h1 {text-align: center; margin: 0 0 1rem; font-weight: 400; font-size: 1.5rem; color: #2c323c; }
#login .secure { display: block; width: 100px; margin: 2rem auto;}
#login .copyright { padding: 0 0 1rem}
#login .cta { background: var(--primaryColor); }
#login .cta:not(:disabled):focus, #login .cta:active, #login .cta:not(:disabled):hover, .cta:not(:disabled):focus-visible {  outline: var(--outline-style);
  outline-offset: var(--outline-offset);
  overflow: var(--overflow);}
#login .login--form .cta.secondary, #login form .cta.set-color-to-primary { background: rgba(var(--primaryColorRgb),.09); color: var(--primaryColor); box-shadow: none; }
#login .remember-me { border-bottom: 0; margin: .5rem 0 0; align-items: center; }
#login .component-list--content { width: 100%; }
#login .btn.user-language { margin-top: 1rem; }

/* Dashboard */
#dashboard .container { height: unset; padding-bottom: 0; }
#dashboard .container:nth-of-type(2) { padding-top: 0;  }
#dashboard h3, #dashboard .surface h2 { font-size: .75rem; text-transform: uppercase; font-weight: 700; margin: 0 0 .5rem; }
#dashboard .card .cta { background: var(--primaryColor); border-radius: 0 0 .25rem .25rem; margin: 0; }
#dashboard .cta { text-align: center; text-decoration: none;  }
#dashboard #page--core >.surface .account-detail--overview, #dashboard #page--core >.surface .component-list--item:not(.account-detail--packet) .component-list--controls { padding: 0; }
#dashboard .component-list--item.account-detail--overview:not(:first-of-type) { border-top: .25px solid #eee; }

#dashboard .history .card { padding: 1rem; }
#dashboard .history .component-list--content { width: 100%; }
#dashboard .history span { display: block; min-height: unset; }
#dashboard .history .account-number { font-size: .75rem; color: var(--primaryColor); text-overflow: ellipsis; overflow:hidden; }
#dashboard .history .payment-amount { padding: 0; font-size: 1rem; font-weight: 600;  }
#dashboard .history .payment-date { border: 0; }
#dashboard .card.history--viewAll a { display: flex; width: 100%; height: 100%; justify-content: center; text-align: center; text-decoration: none;  }
#dashboard .component-list.history .card.component:not(.history--viewAll):hover { cursor: default; background: #fff; }

#dashboard .card.history--viewAll path { fill: var(--primaryColor); }
#dashboard .card.history--viewAll .component-list--content { display: flex; flex-direction: column; align-items: center; justify-content: center;}
#dashboard .card.history--viewAll .cta--label { margin-top: .5rem; }

#dashboard .profile .card { padding: 1rem; }
#dashboard .profile .component-list--icon { width: 2.5rem;  }

#dashboard .account-detail--packet {padding-bottom: 1rem; }
#dashboard .account-detail--packet .component-list--controls { padding: 0 1rem; }
#dashboard .account-detail--packet .cta { border-radius: .25rem; display: flex; align-items: center; justify-content: center;}
#dashboard .account-detail--packet .account-balance { font-weight: 700; }

/* History */
#history .component-list.card { height: auto;  }
#history .component:last-of-type { border-bottom: 0; }
#history .card .component { margin: 0; padding: 1rem;  }
#history .card .account-number { display: block; color: var(--primaryColor); }
#history .card .account-detail { display: block; }
#history .card .account-payment--amount { font-weight: 700; }
#history .account-history--nominal .account-status {font-weight: 700; color: var(--nominalColor); text-transform: uppercase; letter-spacing: 0.1rem;}

#history .account-history--nominal .component-list--icon:before,
#history .account-history--warning .component-list--icon:before,
#history .account-history--return .component-list--icon:before,
#history .account-history--refund .component-list--icon:before,
#history .account-history--series .component-list--icon:before {
  content: '';
  display: block;
  width: .625rem;
  height: .625rem;
  border-radius: .625rem;
}
#history .account-history--nominal .component-list--icon:before { background: var(--nominalColor); }
#history .account-history--warning .component-list--icon:before { background: var(--warningColor); }
#history .account-history--return .component-list--icon:before { background: var(--returnColor); }
#history .account-history--refund .component-list--icon:before { background: var(--refundColor); }
#history .account-history--series .component-list--icon:before { background: var(--seriesColor); }

#history #sort.component { padding: 0; cursor: default; }
#history .sort { display: flex; background:transparent; padding: .75rem; margin-bottom: .25rem; justify-content: center; align-items:center; font-size: .75rem; font-weight: 600; text-transform: uppercase; }
#history .sort:hover:after { background: #000;  }
#history .sort svg { margin-left: .5rem; }
#history .sort--desc .sort--asc, #history .sort--asc .sort--desc { display: none;  }


/* Success */
#success .surface { background: var(--secondaryColor); color: #fff; top: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
#success .container { display: flex; flex-direction: column; align-items: center; justify-content: center;  }
#success .intro { color: #fff; font-size: 1rem; }
#success .btm { box-shadow: none; }
#success .cta { background: #fff; height: 4rem; color: var(--primaryColor); text-decoration: none; text-align: center; line-height: 4rem; border-radius: 0;  }
#success .cta.secondary { color: #fff; background: none; border: 2px solid #fff; margin: 0 auto; width: 426px; max-width: 95%; cursor: pointer; }
#success .btm .cta:not(:first-of-type)  {  margin-top: 1rem; }
#success header, #success nav { display: none; }

#success .btn { color: var(--primaryColor); text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase;}
#success .container-0 { display: flex; flex-direction: column; color: black; background: white; border: 2px solid #fff; margin: 0 auto; width: 426px; max-width: 95%; border-radius: 4px 4px 4px 4px; }
#success .container-1 { display: flex; flex-direction: row; color: black; border-bottom: 0.1px solid;  border-color: #eee;  padding-top: .75rem;  padding-bottom: .75rem; padding-left: 1em; padding-right: 1em;}
#success .container-2 { display: flex; flex-direction: row; margin-left: auto; padding-top: .75rem;  padding-bottom: .75rem; padding-left: 1em; padding-right: 1em;}
#success .container-3 { display: flex; flex-direction: column; width: 8%; padding-left: 2%; padding-top: 1%;}
#success .container-4 { display: flex; flex-direction: column; width: 92%; padding-left: 5%;}

#receipt { background: #fff; color: #000; width: 800px; height: fit-content; position: fixed; left: 100%; right: 0;top: 0;bottom: 0;z-index: 1000;min-width: 500px;padding: 100px;}
#receipt .component-list { width: 90%; margin: 2rem auto 0; max-width: none; }
#receipt .account-automatic--schedule { max-height: none; }
.surface #receipt .payment-date { border-top: 0; }

.btm { margin-top: auto; box-shadow: 0 -5px 10px rgba(255,255,255,0.5);}

.btm .container { padding-bottom: 0; padding-top: 0; }

/* DESKTOP */
@media (min-width: 768px) and (min-height: 460px) {

    /* screen settings */
    #brand-header { display: flex; position: fixed; align-items: center; padding: 1rem 1.25rem; top: 0; left: 0; right: 0; height: 4rem; }
    #brand-header img { height: 2.5rem; }
  header { top: 4rem; left: 280px; z-index: 5; align-items: flex-end; padding: 0; height: 4rem; width: calc(100% - 280px); background: #f9f9f9; color: #000; box-shadow: 0 .5rem .5rem #f9f9f9; }
    header h1 { display: block; width: 100%; font-size: 1.75rem; padding: 0 1rem; max-width: 800px; margin: 0 auto; color: #2C323C;}
    header .profile { position: fixed; top: .5rem; right: 1.25rem; }
    header .profile .profile--icon { display: flex; align-items: center; padding: .5rem;}
    header .profile .profile--name { display: inline-block; margin-right: .75rem; color: #2c323c;  }
  .profile.error .profile--icon:after {  right: .2rem; top: .2rem; border: 3px solid #fff }
    header .profile path { fill: var(--primaryColor); }
    /* navigation */
    nav { position: fixed; top: 4rem; left: 0; width: 280px; height: 100%; background: var(--primaryColor); border-top: 0; box-shadow: 0; z-index: 5;}
    #page--core > nav { min-width: unset; }
    nav ul { display: flex; height: auto; width: 100%; flex-direction: column; list-style-type: none; padding: 1.25rem; margin: 0 auto; }
    nav li { width: 100%; text-align: left; height: 100%; position: relative; justify-content: center; }
    nav a { display: flex; width: 100%; height: auto; font-size: 1rem; text-align: left; color: #fff; padding: 1rem; margin-bottom: 1rem; }
    nav a:hover, nav a:focus {
      background: rgba(0,0,0,0.04);
      outline: var(--outline-style-nav);
    }
    app-nav-menu div:focus,app-nav-menu div:focus-visible,app-nav-menu div a:focus, app-nav-menu div a:focus-visible {
      outline: var(--outline-style-nav);
      outline-offset: var(--outline-offset-nav);
      overflow: var(--overflow-nav);
  }
    a:focus, a:focus-visible {
      outline: var(--outline-style);
      outline-offset: var(--outline-offset);
      overflow: var(--overflow);
    }
    #make-payment .nav-makePayment a, #dashboard .nav-dashboard a, #history .nav-history a { background: rgba(0,0,0,0.2); border-radius: .25rem}
    nav a svg { display: inline-block; width: 2rem; margin: 0 1rem 0 0; }
    nav a path { fill: #fff; }
    body#make-payment .nav-makePayment:before, body#dashboard .nav-dashboard:before, body#history .nav-history:before { display: none;}
    body#make-payment .nav-makePayment path.on, body#dashboard .nav-dashboard path.on, body#history .nav-history path.on { display: block; fill: #fff;}
    body#make-payment .nav-makePayment a, body#dashboard .nav-dashboard a, body#history .nav-history a { color: #fff;}
    /*  surface  */
    body:not(#login) .surface { top: 4rem; bottom: 0; left: 280px; right: 0; height: calc(100% - 4rem); width: calc(100% - 280px); padding-top: 4rem;}
    .surface-sub { height: auto; padding-bottom: 8rem; }
    .surface-sub .container { max-width: 460px; }
    .form { display: block; height: 100%; }
    /* Sub surface */
    body:not(#login) .page.page--sub { height: calc(100% - 4rem); top: 4rem; left: 280px; right: 0; bottom: 0; transform: translateX(100%); border-top: 1px solid #ddd;  }
    body:not(#login) .page.page--sub.active { width: calc(100% - 280px); transform: translateX(0); }
    .surface-sub--header { min-height: 5rem; }
    .surface-sub--header button {height: 2.25rem; width: 2.25rem; transition: all 60ms ease-in-out; left: 2rem; top: 1.5rem; background: url('arrow-back.svg') no-repeat 0 / 96%; padding: 0; overflow:hidden; text-indent: -9999rem;}
    .surface-sub--header h2 { font-size: 1.5rem; width: 100%; margin: 1rem 4rem 0; text-align: center; align-self: flex-start; line-height: 1; }
    /* Text input */
    .text-field, .select, .radio--tabs, .input--container { max-width: 460px; }
    /* components */
    .component-list { height: auto; }
    /* dashboard */
    #dashboard .container.slide { height: auto; max-width: 800px; overflow-x: hidden;  }
    #dashboard .slide .component-list { width: 100%; flex-direction: column; margin: 0;}
    .slide .component { width: 100%; }
    .slide .payment-amount {display: inline-block; float: left;  }
    #dashboard .slide span.payment-date { display: inline-block; float: right;  }
    #dashboard .history .card:first-of-type { border-radius: .25rem .25rem 0 0;}
    #dashboard .history .card:last-of-type { border-radius: 0 0 .25rem .25rem;}
    #dashboard .history .card { padding: .5rem 1rem !important; min-height: 0;  border-radius: 0; }
    /* make payment surface */
    #make-payment .surface .component-list { background: #fff; border-radius: .25rem; box-shadow: 0px 1px 2px rgba(169, 169, 169, 0.05), 0px 4px 10px rgba(var(--primaryColorRgb), 0.12); }
    #make-payment .surface .component { padding: 1.5rem;}
    #make-payment .surface .cta { height: 4rem; border-radius: 0 0 .25rem .25rem; }
    .btm { width: 100%; max-width: 460px; min-width: 368px; margin: 0 auto; }
    .btm .cta { border-radius: .25rem; }
    /* success */
    #success .container {height: auto; }
    #success .cta {border-radius: .25rem; font-size: 1rem; max-width: 428px; margin: 0 auto; }
    #success nav  { display: block; }
    #success  .btm { width: 100%; min-width: 368px; margin: 0 auto; }
    .btm { width: 100%; min-width: 368px; margin: 0 auto; }

    #make-payment li.settlement-offer { padding-top: 1.2em !important; padding-bottom: 1.2em !important;}
  }
  #make-payment .copyright { padding: 5rem 0 1rem}

  .component-list--item h2 {
    font-size: .75rem;
    text-transform: uppercase;
    margin: 1rem 0;
}
.additional-margin{
  margin-bottom: 2rem;
}
.link{
  margin-left: 4px;
  text-decoration: none;
}

/* Styles for all screens */
.skip-link,
.skip-link:focus,
.skip-link:active {
  position: absolute;
  left: 60%;
  top: 20%;
  transform: translate(0, -20%);
  transition: width 0.3s ease;
  display: flex;
  flex-direction: column;
  width: 80%;
  max-width: 10em;
  height: auto;
  padding: 1em;
  border-radius: 0.5em;
  font-weight: 700;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
  background-color: var(--primaryColor);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  overflow: hidden;
  outline-offset: 0.15rem;
}

.required-asterisk {
  color: #be1111;
  font-size: .75rem
}

.required-fields-notice {
  margin-top: 40px;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .skip-link,
  .skip-link:focus,
  .skip-link:active {
    width: 60%;
    transition: none;
    transition: width 0.3s ease;
  }
}

.off-screen {
  position: absolute;
  left: -9999em;
  top: -9999em;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.custom-strong-settlement, .custom-strong{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;

  background-color: rgba(var(--primaryColorRgb));
}

@media (max-width: 768px) {
  .custom-strong {
    background-color: var(--warningColor);
  }
}

@media (max-width: 768px) {
  .custom-strong-settlement {
    background-color: var(--settlementColor);
  }
}

.custom-button {
  color: #646464;
}

.history-item-button {
  color: #3221e7;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #ddecf1;
  font-size: .8em;
  padding: .25em;
}

#google-pay-button{
  width:100%
}

.mat-tooltip {
  background-color: #333333; /* Change background color */
  color: #ffffff;           /* Change text color */
  font-size: 14px;          /* Change font size */
  border-radius: 4px;       /* Add rounded corners */
  padding: 8px;             /* Add padding */
  text-align: center;       /* Center-align text */
}

.mat-tooltip-arrow {
  color: #333333; /* Match arrow color with tooltip background */
}

.display-only-code {
  background: none !important;
  border: 2px solid var(--primaryColor);
  border-radius: 8px;
  padding: 10px 10px;
  text-align: center;
  font-size: clamp(28px, 9vw, 42px);
  font-weight: 400;
  letter-spacing: 0.5rem;
  color: #fff;
  width: 430px;
  max-width: 360px;
  pointer-events: none;  
  -webkit-user-select: none;  
          user-select: none;     
  cursor: default;   
  margin: 0 auto 20px;    
}

/* make sure hover/focus doesn’t change styles */
.display-only-code:hover,
.display-only-code:focus,
.display-only-code:active {
  outline: none;
  box-shadow: none;
  border-color: var(--primaryColor);
}

#radio-send-link .radio--item {
  flex: 1;
  text-align: center;
  cursor: pointer;
}



/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles-override.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
.set-color-to-primary {
  color: var(--primaryColor);
}

.set-color-to-secondary {
  color: var(--secondaryColor);
}

#page--core > router-outlet {
  min-width: 0;
}

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

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

.error-wrapper {
  margin-top: 0.75em;
}

button:disabled {
    opacity: 0.65;
}
.btn.disabled { background: #e1e1e1; color: #a9a9a9; box-shadow: none; cursor: default; }

  .float-right {
    float: right;
  }

#make-payment .active-screen a { color: var(--primaryColor);}
#add-payment-method-dialog .radio--item, #bimonthly-buttons .radio--item { width: 50%; }
#loading.active.grey circle { fill: #c2c2c2 !important; }

#user-profile .notice.error { margin-bottom: 5px; }
/* #user-profile li.component.noborder { border-bottom: 0 !important; }
#user-profile li.component {
  border-bottom: .25px solid #e2e2e2;
} */

.error .text-field--input, label.error select {
  border-left: .2rem solid red !important;
}

.component.width-100 { width: 100%; }
.component.width-100 .component-list--controls .btn { width: 100%; }
.paid {color: green; text-transform: uppercase; font-weight: bold;}
.card-error {color:#e52424;}

.mat-icon-button.small-button, .mat-icon-button.small-button .mat-icon { width: 24px; height: 27px; line-height: 27px; }

.component-list.packet-account .component-list--content:focus { outline: .12rem solid rgba(0,0,0,0.3); }
.component.payment-amount { align-items: start; }
.component.payment-amount .component-list--meta svg { width: 35px; height: 35px; margin-top: 5px; }
.component.payment-amount .component-list--icon img { margin-top: 5px; }

.mb-1 { margin-bottom: 1rem; }
.mt-1 { margin-top: 1.5rem; }
#user-profile .user-profile--logout { display: block; width: 100%; text-align: center;padding-right: 20px;}
.mat-buttons-base {text-transform: uppercase; font-weight: 700; font-size: .85rem; letter-spacing: .01rem;}
.mat-cancel-button { color: var(--primaryColor); background-color: white;}
.mat-confirm-button { color: white; background-color: var(--primaryColor); }
.mat-dialog-actions .hide-it {opacity: 0;}
#onboard .disclosureLink {color: var(--primaryColor); font-weight: 600; text-transform: uppercase; letter-spacing: .01rem; text-decoration: none;}

/* the commented out line hides the arrow buttons. the following three lines shows the arrows - they
  preserve the mat-buttons style definition by using pseudo element "after", avoiding the overwriting by line 331 of style.css */
/* .payment-date--calendar button[mat-icon-button] {display:none;} */
.mat-calendar-previous-button ::after, .mat-calendar-next-button ::after { top: 0; left: 0; right: 0;bottom: 0; position: absolute; content: ""; margin: 15.5px; border: 0 solid; border-top-width: 2px }
.mat-calendar-previous-button ::after { border-left-width: 2px; transform: translateX(2px) rotate(-45deg) }
.mat-calendar-next-button ::after { border-right-width: 2px; transform: translateX(-2px) rotate(45deg)}

input::-ms-reveal,input::-ms-clear { display: none; }

.payment-method.payment-cash .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1rem; height: 1rem; background: url('cash.svg') no-repeat 0 / 100%; }
#pay-method--existing .radio .pay-method--existingCard.payment-cash label { background: url('cash.svg') no-repeat .9rem / 1.25rem;}

@media print {
  app-nav-menu {display: none;}
}

 mat-dialog-container { background-color: #fff; }

 .mat-calendar-hidden-label, .mat-calendar-body-hidden-label {
  display: none !important;
}
.dup-payment-notice {display: block; position: relative; background-color: #fadcc1; border-radius: .25rem; padding: 1rem; font-size: .75rem; line-height: 1rem; -webkit-user-select: none; user-select: none;  }
.user-profile-change {margin-left:15px; vertical-align: bottom;color: var(--primaryColor);}

.pay-buttons {  display: flex;}

.pay-button-item { height: 75px; border-radius: 5px; margin-bottom: 2em; }
#altPayButtons div ~ div { margin-left: 1rem; }
.payment-method.google-pay .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 2rem; height: 2rem; background: url('google-pay-mark.svg') no-repeat 0 / 100%; }
.payment-method.apple-pay .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1.4rem; height: 1.4rem; background: url('apple-pay-mark.svg') no-repeat 0 / 100%; }
.payment-method.bank .component-list--icon:after {  content: ''; position: absolute; left: 0; display: block; width: 1.2rem; height: 1.2rem; background: url('bank.svg') no-repeat 0 / 100%; }
.googlePayLabelMargin { margin-left: .7em;}
.applePayLabelMargin { margin-left: .3em;}

button.toggleInfo{text-align:center;display:block;color:var(--primaryColor);margin:2rem auto;width:100%;background:none;font-size:1rem}
button.toggleInfo:focus{transform:none;background:none}
.cta.innerButton{border-radius:.25rem;background:#1A1F71;} /*official visa blue code */
.form .cta.pay-method--connectVisa{display:flex;padding:1rem;align-items:center}
.pay-method--connectVisa img{width:100px;height:21px;margin-left:auto}
.component-balance-display {display: flex; border-bottom: .25px solid #eee; min-height: 1.5rem; padding-top: 0.4em;color:#727272; font-size: 0.9em; padding-right: 0.5rem;}
.additional-fee-header {border-bottom: 0; font-size: 0.95rem;}
.component[tabindex]:hover .component-balance-display { cursor: default; }
#itemizedFees .component-balance-display:last-of-type { border-bottom: 0;} 
#regularPaymentFields .component-balance-display:last-of-type { border-bottom: 0;}