/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/main.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/custom-theme.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-badge-text-font: Inter;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Inter;
  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 Inter;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Inter;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Inter;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Inter;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Inter;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Inter;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Inter;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Inter;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Inter;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Inter;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Inter;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Inter;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Inter;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-label-text-font: Inter;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Inter;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Inter;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Inter;
  --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: Inter;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Inter;
  --mat-stepper-header-label-text-font: Inter;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Inter;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Inter;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Inter;
  --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: Inter;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Inter;
  --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: Inter;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Inter;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Inter;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Inter;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Inter;
  --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: Inter;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Inter;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Inter;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Inter;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Inter;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Inter;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Inter;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Inter;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Inter;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Inter;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Inter;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Inter;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Inter;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Inter;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Inter;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Inter;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Inter;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Inter;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Inter;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Inter;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-extended-fab-label-text-font: Inter;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-supporting-text-font: Inter;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Inter;
  --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: Inter;
  --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: Inter;
  --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-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-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);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-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-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-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-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-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 {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --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 {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-selected-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-flat-disabled-selected-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

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

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 {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #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 {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: 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;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #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 {
  --mdc-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 {
  --mdc-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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --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);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

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 {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-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-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-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

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: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-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: #46a35e;
}
.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: #46a35e;
}

.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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

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-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-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #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-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html, body {
  height: 100%;
}

body {
  margin: 0; /*font-family: Roboto, "Helvetica Neue", sans-serif; */
}

/* Importing Bootstrap SCSS file. */
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/main.css?ngGlobalStyle (1) ***!
  \***********************************************************************************************************************************************************************************************************************************/
html {
  height: 100%;
  scroll-behavior: smooth;
}

body,
.page-wrapper {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #323840;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}

.app-content-container {
  height: 100%;
  padding: 0px;
}

.content,
.tab-content,
.flex1 {
  flex: 1 0 auto;
}

.content {
  padding: 10px 22px 25px;
}

/* UTILITY CLASSES */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.hide {
  display: none;
}

.null {
  opacity: 0.5;
}

.heavy,
.bold {
  font-weight: 700;
}

.scroll-box {
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: white;
  width: 100%;
  padding: 0px 15px;
  text-align: left;
  border: 1px solid #ccc;
}

.alert-badge {
  background-color: #9d3b3b;
  color: #ffffff;
  border-radius: 100px;
  height: 18px;
  width: 18px;
  position: absolute;
  right: -9px;
  top: -9px;
  text-align: center;
  vertical-align: middle;
  font-family: "Inter";
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.sort-icon {
  font-size: 10px;
  display: inline-block;
  width: 10px;
  height: 17px;
  margin-left: 7px;
}

.sort-icon.ascending {
  transform: rotate(180deg);
}

.user-name {
  text-transform: capitalize;
}

/** LARGE **/
@media (min-width: 992px) and (min-height: 680px) {
  .content,
  .tab-content {
    padding: 200px 0 45px;
  }
  .multi-app .content,
  .multi-app .tab-content {
    padding: 120px 0 45px;
  }
  .container,
  .container-fluid,
  .secondary-nav-container .container-fluid {
    max-width: 100%;
    /* padding-right: 55px; */
    /* padding-left: 80px; */
    margin-left: 0px;
  }
  html .secondary-nav-container .container-fluid {
    padding-left: 70px;
    padding-right: 65px;
    position: relative;
  }
  .multi-app .container,
  .multi-app .container-fluid,
  .multi-app .secondary-nav-container .container-fluid {
    /* max-width: 1400px; */
    /* padding-right: 55px; */
    /* padding-left: 50px; */
  }
  .multi-app .secondary-nav-container .container-fluid {
    padding-left: 40px;
  }
  /** Utilities **/
  html .mobile-only {
    display: none;
  }
}

/****************/
/** TYPOGRAPHY **/
/****************/
h1,
h1 a,
h1 a:active {
  color: #ffffff;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.38px;
  line-height: 26px;
  text-decoration: none;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

a {
  color: #043b7c;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul,
li {
  display: block;
  padding: 0px;
}

p {
  margin-bottom: 20px;
}

/** LARGE **/
@media (min-width: 992px) {
  h1 {
    font-size: 24px;
    color: #323840;
  }
  .landing-pg h1 {
    margin-bottom: 30px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
  }
}

/************/
/** HEADER **/
/************/
header {
  position: relative;
  width: 100%;
}

.logo-bar {
  position: relative;
  height: 70px;
  background-color: #1e4c82;
  width: 100%;
  display: block;
  z-index: 11;
}

.logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 148px;
  height: 70px;
  opacity: 0.15;
  background: url('assets/prod/eagle-watermark-top.7b1151e3284a1e9a.png') left top no-repeat;
  background-size: 148px;
}

.firstam-logo {
  max-height: 45px;
}

.logo-bar a {
  color: #ffffff;
}

.app-badge,
.igniteRE-logo {
  display: none;
  line-height: 20px;
}

.login-info {
  float: right;
  text-align: right;
  color: #043b7c;
  display: none;
  padding: 25px 40px 0 50px;
  height: 70px;
  background-color: #ebf0f7;
}

.login-info a {
  color: #043b7c;
  padding: 15px;
  font-size: 15px;
}

.login-info .login-info__user-name {
  font-size: 16px;
  text-transform: capitalize;
}

.login-info .ico {
  display: inline-block;
  font-style: normal;
  transform: rotate(90deg);
  font-size: 20px;
  padding: 0px 10px 0px 10px;
}

.login-info .system-nav a {
  font-size: 12px;
  font-weight: 300;
  color: #323840;
  padding-left: 12px;
}

nav .subnav {
  display: none;
}

.tab-content > .tab-pane {
  position: relative;
}

nav .dropdown-menu {
  position: unset;
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #1e61ac;
  background-color: #fff;
  background-clip: unset;
  border: 0px none;
  border-top: 1px solid #c7dbf2;
  border-radius: 0px;
  box-shadow: 0 10px 13px 2px rgba(99, 129, 163, 0.2);
}

header h1 {
  top: -53px;
  left: 70px;
  position: fixed;
  z-index: 11;
}

.back header h1 {
  left: 22px;
}

.header__back,
.back .topnav__left,
header h1.pull-left {
  display: none;
}

.back .header__back {
  display: inline;
}

.back header h1.pull-left {
  left: 0px;
}

/** Medium **/
@media (min-width: 768px) {
  .logo {
    opacity: 0.22;
  }
  .igniteRE-logo {
    display: block;
  }
  .app-badge {
    display: block;
    position: absolute;
    top: 30px;
    left: 80px;
    font-size: 19px;
    color: #ffffff;
  }
  header {
    background: #ffffff;
    box-shadow: 0 11px 10px -10px #e4e7ea;
    width: 100%;
    position: fixed;
    z-index: 2;
    padding: 0px;
  }
  header.app,
  div.app {
    padding: 0px;
  }
  .multi-app header {
    width: calc(100% - 180px);
    transition: all 0.4s ease-in-out;
  }
  header > h1 {
    display: none;
  }
  header h1 {
    top: auto;
    left: auto;
    position: relative;
    padding: 30px 0px 0px;
  }
}

/** LARGE **/
@media (min-width: 992px) and (min-height: 680px) {
  .logo {
    opacity: 0.22;
  }
  .igniteRE-logo {
    display: block;
  }
  .app-badge {
    display: block;
    position: absolute;
    top: 30px;
    left: 80px;
    font-size: 19px;
    color: #ffffff;
  }
  header {
    background: #ffffff;
    box-shadow: 0 11px 10px -10px #e4e7ea;
    width: 100%;
    position: fixed;
    z-index: 2;
  }
  .multi-app header {
    width: calc(100% - 180px);
    transition: all 0.4s ease-in-out;
  }
  header > h1 {
    display: none;
  }
  header h1.pull-left {
    display: inline-block;
  }
  header h1 {
    top: auto;
    left: auto;
    position: relative;
    padding: 30px 0px 0px;
  }
}

/************/
/** FOOTER **/
/************/
footer {
  background-color: #f7f9fb;
  font-size: 12px;
  line-height: 13px;
  padding: 25px 0;
  /*display: none !important;*/
}

footer .container-fluid {
  margin-left: unset;
}

footer .firstam-logo {
  max-height: 45px;
}

/* Branding */
.footer__logo {
  display: block;
  /* background-image: url("https://www.firstam.com/assets/logos/hr/logo-fat.png"); */
  background-repeat: no-repeat;
  background-size: contain;
  height: 33px;
  width: 236px;
}

.First-American-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/First-American.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.Dona-Ana-Title-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/Dona-Ana-Title.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.Regency-Escrow-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/Regency-Escrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.The-Heritage-Escrow-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/The-Heritage-Escrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.TitleVest-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/TitleVest.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.RepublicTitle-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/RepublicTitle.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.ReunionTitle-brand {
  display: block;
  width: 288px;
  height: 55px;
  background-image: url("https://stage.secure.firstam.com/Image/brands/ReunionTitle.png");
  background-size: contain;
  background-repeat: no-repeat;
}

footer a {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.footer-nav {
  border-top: 1px solid #c7dbf2;
  border-bottom: 1px solid #c7dbf2;
  margin: 17px -5px 10px;
  padding: 5px 0 10px;
}

.footer-nav-pair {
  display: inline-block;
  width: 115px;
}

.footer-nav a {
  display: inline-block;
  padding: 5px 0px 0px 5px;
  margin-right: 20px;
}

.copyright a {
  font-size: 11px;
  color: #323840;
}

footer .disclaimer {
  font-size: 11px;
  line-height: 16px;
  max-width: 900px;
}

/** EXTRA EXTRA SMALL **/
@media (max-width: 365px) {
  .footer-nav-pair {
    width: auto;
  }
}

/** SMALL **/
@media (min-width: 576px) {
  .footer-nav {
    border: 0px none;
    margin: 17px -5px 10px;
    padding: 5px 0 10px;
  }
  .footer-nav-pair {
    width: auto;
  }
}

/** LARGE **/
@media (min-width: 992px) {
  footer .firstam-logo {
    max-height: 55px;
  }
}

/*****************/
/** PRIMARY NAV **/
/*****************/
.primary-nav {
  background: #d9e2ea;
}

.secondary-nav-container .container-fluid {
  background: #fff;
  padding: 0;
  position: absolute;
  z-index: 2;
}

.secondary-nav {
  padding-left: 15px;
  border: 0px none;
  border-radius: 0px;
}

.secondary-nav a,
.secondary-nav span {
  font-size: 14px;
  color: #323840;
}

.secondary-nav .nav-link {
  font-size: 16px;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  line-height: 27px;
  padding: 20px 15px 20px 28px;
  border-bottom: 1px solid #c7dbf2;
  color: #1e61ac;
}

.secondary-nav .nav-link:last-child {
  line-height: 27px;
}

.secondary-nav .nav-link.active {
  font-weight: bold;
  border-bottom: 1px solid #c7dbf2;
  border-top: 0px none;
  display: none;
}

.secondary-nav .nav-link i {
  font-size: 16px;
  margin: 5px 5px 0;
  color: #0044e9;
}

.secondary-nav-toggle {
  display: inline-block;
  min-width: 250px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #1e61ac;
  padding: 20px 15px;
}

.secondary-nav-container .sort-icon {
  font-size: 10px;
  display: inline-block;
  width: 10px;
  height: 17px;
  margin: 0px 15px 0 0px;
}

.secondary-nav-container .sort-icon {
  transform: rotate(-90deg);
}

.secondary-nav-container .sort-icon.opened {
  transform: rotate(0deg);
}

.search-icon {
  display: inline-block;
  width: 50px;
  height: 60px;
  background: url('assets/prod/ico-search.03c679ff898f9880.svg') center 23px no-repeat;
  cursor: pointer;
}

.nav-item {
  display: none;
}

/** MOBILE NAV **/
.mobile-nav-toggle {
  position: absolute;
  color: #ffffff;
  background: url('assets/prod/navbar-toggle.0e03a8455609a554.svg') no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  top: 33px;
  left: 30px;
  padding: 10px;
  z-index: 14;
}

.back .mobile-nav-toggle {
  display: none;
}

.logo.open {
  height: 100px;
  z-index: 13;
}

#mobile-nav {
  position: absolute;
  height: 100vh;
  width: 250px;
  left: -250px;
  top: 70px;
  background-color: #1e4c82;
  transition: left 0.1s;
  z-index: 11;
}

#mobile-nav.open {
  visibility: visible;
  left: 0px;
  transition: left 0.1s;
}

#mobile-nav-backdrop {
  display: none;
}

#mobile-nav-backdrop.open {
  display: block;
  position: fixed;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
}

#mobile-nav .utility-nav {
  padding: 50px 0 50px 30px;
}

#mobile-nav i {
  width: 21px;
  height: 21px;
  display: inline-block;
  font-size: 21px;
  color: #ffffff;
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 18px;
  margin-top: 2px;
}

#mobile-nav .ico-account {
  background: url('assets/prod/ico-account.2aceff8468c164a8.svg') no-repeat;
  background-size: contain;
  margin-top: -2px;
}

#mobile-nav .fa-sign-out {
  margin-right: 16px;
  margin-left: 2px;
}

#mobile-nav .sort-icon {
  display: none;
}

#mobile-nav a {
  line-height: 21px;
  height: 44px;
  margin-bottom: 0px;
  display: block;
  padding: 10px 0;
}

#mobile-nav li:last-child a {
  border-bottom: 0px none;
}

/** LARGE **/
@media (min-width: 992px) and (min-height: 680px) {
  /** PRIMARY NAVIGATION **/
  .mobile-nav-toggle {
    display: none;
  }
  /** UTILITY NAV **/
  #mobile-nav {
    position: absolute;
    height: 0px;
    width: 200px;
    top: 65px;
    background-color: #323840;
    transition: height 0.1s;
  }
  #mobile-nav.open {
    height: auto;
    transition: height 0.1s;
    right: 31px;
    left: unset;
    border-radius: 4px;
  }
  #mobile-nav-backdrop.open,
  #mobile-nav nav {
    display: none;
  }
  #mobile-nav .utility-nav {
    padding: 15px 20px;
    margin-bottom: 0px;
  }
  #mobile-nav a {
    border-bottom: 1px solid #242424;
  }
  #mobile-nav a i {
    opacity: 1;
  }
  #mobile-nav .ico-triangle {
    position: absolute;
    top: -9px;
    right: 30px;
    width: 18px;
    height: 11px;
    display: block;
    opacity: 1;
    background-image: url('assets/prod/ico-triangle.96181a296c805408.svg');
  }
  /** PRIMARY NAV **/
  .header .secondary-nav-container {
    display: flex;
    height: 85px;
    border-left: 10px solid #ffcd32;
    border-right: 10px solid #ffffff;
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 40px;
    width: 100%;
  }
  .nav-item {
    position: relative;
    display: inline-block;
  }
  .login-info {
    display: block;
  }
  .mobile-nav {
    display: none;
  }
  .secondary-nav-container .secondary-nav {
    display: flex;
    max-height: 85px;
    overflow: hidden;
  }
  .secondary-nav-container .dropdown-menu {
    position: unset;
    width: unset;
    padding: unset;
    margin: unset;
    color: unset;
    border: 0px none;
    border-top: 0px none;
    border-radius: 0px;
    box-shadow: none;
  }
  .dropdown-menu.show {
    display: flex;
  }
  .secondary-nav .nav-link {
    font-size: 14px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    border: 0px none;
    border-radius: 0px;
    line-height: 27px;
    padding: 30px 10px 0;
    margin-right: 27px;
    height: 69px;
    color: #323840;
  }
  .secondary-nav .nav-link i,
  nav .search-icon {
    display: none;
  }
  .form-control.search {
    border-radius: 4px;
    background-position: 17px 17px;
    padding: 15px 47px;
  }
  i.search-back {
    display: none;
  }
  .secondary-nav .nav-link.active {
    border-bottom: 3px solid #3d85d8;
    background-color: transparent;
    font-weight: bold;
    display: block;
  }
  .nav-item:hover .nav-link {
    position: relative;
    background: #ebebeb;
    z-index: 2;
  }
  .secondary-nav .nav-link:last-child {
    margin-right: 0px;
  }
  .secondary-nav-container .sort-icon {
    display: none;
  }
}

/** EXTRA LARGE **/
@media (min-width: 1500px) {
  .secondary-nav-container .secondary-nav {
    max-width: 1050px;
  }
}

.secondary-navigation {
  display: block;
  height: 85px;
  border-left: 10px solid #ffcd32;
  border-right: 10px solid #ffffff;
  background-color: #ffffff;
}

.secondary-nav-container--display {
  display: flex;
  justify-content: space-between;
}

/**********/
/** FORM **/
/**********/
.btn,
.btn.btn-primary {
  font-weight: 400;
  border: none;
  padding: 0.3em 1.25em;
  font-size: 1.125em;
  border-radius: 20px;
}

.btn-primary {
  background-color: #043b7c;
  margin-top: 10px;
}

.btn-primary:hover {
  background-color: #1a4d7d;
}

.btn-secondary {
  background-color: #e6f1ff;
  color: #1e61ac;
  margin-top: 10px;
}

.btn-secondary:hover {
  background-color: #043b7c;
  color: #1e61ac;
}

.btn-default:focus {
  box-shadow: none;
}

.btn i {
  /* margin-right: 10px; */
}

button:disabled,
button[disabled] {
  background-color: #ebebeb !important;
  color: #323840 !important;
  opacity: 0.5;
  pointer-events: none;
}

/** Form Controls */
.form-control {
  border: 1px solid #c2c2c2;
  color: #323840;
}

.form-control.search {
  height: 52px;
  border-radius: 0px;
  box-shadow: inset 0 1px 4px 0 rgba(30, 97, 172, 0.15);
  margin-bottom: 22px;
  border: 0px none;
  background: #f7f9f8 url('assets/prod/ico-search.03c679ff898f9880.svg') 12px 17px no-repeat;
  padding: 15px 40px;
}

i.search-back {
  position: absolute;
  top: 7px;
  left: 0px;
  font-size: 19px;
  width: 38px;
  height: 40px;
  background-color: #f7f9f8;
  padding: 12px 0px 10px 12px;
  cursor: pointer;
}

/** MODAL **/
.modal {
  top: 0px;
  margin: 0px;
}

.modal-header {
  background: #f4f9ff;
  padding: 15px 30px 15px 50px;
  border-bottom: 0px none;
}

.modal h2 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
  color: #323840;
  flex: 1;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.modal-title {
  font-weight: 500;
}

.modal-header-buttons {
  padding-right: 45px;
}

.modal-body {
  padding: 15px 15px;
}

#signInModal form {
  padding: 2rem 0;
}

.modal .close {
  margin: 10px 0px 0px;
  padding: 0;
  background: url('assets/prod/ico-times.27aae4620cf154aa.svg');
  display: inline-block;
  width: 18px;
  height: 18px;
  opacity: 1;
  background-size: contain;
}

.modal-backdrop.show {
  background-color: rgba(30, 76, 130, 0.65);
}

/** LARGE **/
@media (min-width: 992px) {
  .modal {
    margin: 0px auto;
  }
  .modal .close {
    font-size: 25px;
    background: url('assets/prod/ico-times.27aae4620cf154aa.svg');
    display: inline-block;
    width: 18px;
    height: 18px;
    opacity: 1;
    background-size: contain;
  }
  .modal .buttons {
    margin-top: 40px;
  }
  .modal-body {
    padding: 38px 50px;
  }

  .sidebar__list-link .subnav {
    box-sizing: content-box;
  }
  .subnav__list-link:hover {
    opacity: 1;
    text-decoration: none;
    color: #fff;
  }
  .topnav-dropdown__employee {
    font-weight: 500;
    margin-right: 12px;
    margin-bottom: 0;
  }
}

/*****************/
/** LOADING **/
/*****************/
.loader-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  justify-items: center;
  align-items: center;
  justify-content: center;
  background-color: rgba(30, 76, 130, 0.65);
  position: fixed;
  top: 0px;
  z-index: 1040;
}

.loader-wrapper .loader {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border-top: 3px solid #ffd963;
  border-right: 3px solid transparent;
  animation: loader-animation 700ms linear infinite;
}

@keyframes loader-animation {
  to {
    transform: rotate(360deg);
  }
}

.loader-text {
  color: #fff;
  padding-top: 20px;
}

table col {
  width: auto;
}

table .col {
  width: auto;
}

table .col-1 {
  width: 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

table .col-2 {
  width: 16.666666%;
  flex: 0 0 16.666666%;
  max-width: 16.666666%;
}

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

table .col-4 {
  width: 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

tbody tr:nth-child(even) {
  background-color: #f7f9fb;
}

.table td,
.table th {
  border-top: 0px none;
  padding: 0.25rem;
}

.banner {
  width: 100%;
  background-color: #e6f1ff;
  padding: 12px;
  margin: 0px 0px 24px;
  display: flex;
}

@media screen and (min-width: 768px) {
  .banner {
    border-radius: 4px;
    margin-top: 0;
  }
}

.banner__div {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
}

.banner__wrapper {
  width: 75%;
  max-width: 75%;
  display: flex;
}

.banner__text-div {
  width: 90%;
  max-width: 90%;
}

.banner__text {
  margin-bottom: 0;
}

.banner__button-div {
  width: 5%;
  max-width: 5%;
  margin-left: 5%;
  display: flex;
  align-items: center;
}

.banner__button {
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.954%202.096l-2.1%20-2.1%20-8.377%208.381L2.096%200l-2.1%202.1%208.381%208.377L0%2018.858l2.1%202.1%208.377%20-8.381%208.381%208.381%202.1%20-2.1%20-8.381%20-8.381z%22%20fill%3D%22%23323840%22%20/%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.banner__message-container {
  position: fixed;
  bottom: 0;
  background-color: #ffd963;
  width: 100%;
  left: 0;
  height: 76px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  z-index: 100;
}

@media screen and (min-width: 600px) {
  .banner__message-container {
    height: 50px;
  }
}

@media screen and (min-width: 768px) {
  .banner__message-container {
    padding-left: 50px;
  }
}

.banner__message {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.banner__message-text-div {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .banner__message-text-div {
    display: flex;
  }
}

.banner__message-text {
  margin-bottom: 0;
  color: #323840;
}

.banner__message-span {
  margin-left: 4px;
}

.banner__message-link {
  text-decoration: underline;
  color: #323840;
}

@media screen and (min-width: 768px) {
  .banner__message-link {
    margin-left: 24px;
  }
}

.banner__message-link:active,
.banner__message-link:hover {
  text-decoration: none;
  color: #323840;
}

.banner__message-link--dismiss {
  position: relative;
  margin-left: 36px;
}

.banner__message-link--dismiss::before {
  position: absolute;
  left: -18px;
  top: 3px;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.954%202.096l-2.1%20-2.1%20-8.377%208.381L2.096%200l-2.1%202.1%208.381%208.377L0%2018.858l2.1%202.1%208.377%20-8.381%208.381%208.381%202.1%20-2.1%20-8.381%20-8.381z%22%20fill%3D%22%23323840%22%20/%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

footer {
  padding: 25px 0 65px;
}

/* Site Map Modal */
#sitemapModal label {
  display: block;
  margin-top: 12px;
}

#sitemapModal a,
#sitemapModal label,
#sitemapModal input,
#sitemapModal select {
  font-size: 20px;
}

#sitemapModal ul {
  padding: 12px 0px;
}

#sitemapModal ul li {
  padding: 0px;
  list-style: none;
}

#sitemapModal a {
  display: block;
  margin: 0px;
  color: #414141;
  text-decoration: underline;
  padding: 15px 15px 15px 0;
  max-width: none;
}

#sitemapModal a:hover {
  color: #414141;
  background-color: transparent;
}

.list-group .list-group-item:hover {
  text-decoration: none;
}

@media (max-width:991px){
  .footer__logo{
    width: 210px;
    height: auto;
  }
}
@media (max-width:767px){
  .footer__logo{
    width: 140px;
    height: auto;
  }
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/globalnav.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************/
/*! sidebaritem */
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
.subnav {
  background-color: #323840;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  list-style: none;
  opacity: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-85vw);
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  width: 85vw;
  z-index: 9999;
}
@media (max-width: 767px) {
  body:not(.properties-map-pg) .subnav {
    top: 0 !important;
    position: fixed;
    bottom: 0;
    overflow-y: auto;
  }
}
.sidebar__list-item--open .subnav {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
.sidebar__list-item--active .subnav__list-link {
  font-weight: 400;
}
.sidebar--compressed .subnav {
  transform: translate(47px, -47px);
}
.sidebar--compressed .sidebar__list-item--open .subnav {
  transform: translate(57px, -47px);
}
.subnav__mobile-header-wrap {
  cursor: pointer;
  align-items: center;
  display: flex;
  margin: 22px;
}
.subnav__mobile-header-wrap > svg {
  transform: translateY(-2px);
}
.subnav__mobile-header {
  font: 500 20px "Avenir", Arial, sans-serif;
  margin-left: 17px;
}
.subnav__list-item {
  border-bottom: 1px solid #242424;
  display: flex;
}
.subnav__list-item:last-child {
  border-bottom: none;
}
.subnav__list-link {
  align-items: center;
  color: #fff;
  display: flex;
  height: 48px;
  opacity: 0.75;
  padding: 0 22px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.subnav__list-link:hover {
  opacity: 1;
}
.sidebarItems__dashboard-icon {
  width: 22px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2223%22%20viewBox%3D%220%200%2022%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M22%2015a1%201%200%20011%201v6a1%201%200%2001-1%201h-8a1%201%200%2001-1-1v-6a1%201%200%20011-1h8zm-12-4a1%201%200%20011%201v10a1%201%200%2001-1%201H2a1%201%200%2001-1-1V12a1%201%200%20011-1h8zm12%205h-8v6h8v-6zm-12-4H2v10h8V12zM22%201a1%201%200%20011%201v10a1%201%200%2001-1%201h-8a1%201%200%2001-1-1V2a1%201%200%20011-1h8zm0%201h-8v10h8V2zM10%201a1%201%200%20011%201v6a1%201%200%2001-1%201H2a1%201%200%2001-1-1V2a1%201%200%20011-1h8zm0%201H2v6h8V2z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-1%20-.5%29%22%20fill%3D%22%23D8D8D8%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20fill%3D%22none%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebarItems__transactions-icon {
  width: 20px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12.066%201.022l.13.017%209%201.8a1%201%200%2001.804.98v5.725c0%203.497-1.53%206.685-4.411%209.497a22.268%2022.268%200%2001-5.125%203.723%201%201%200%2001-.929%200%2022.199%2022.199%200%2001-5.125-3.718C3.53%2016.236%202%2013.046%202%209.544V3.82a1%201%200%2001.804-.98l9-1.8a1%201%200%2001.392%200zM12%202.02l-9%201.8v5.724c0%203.32%201.505%206.247%204.108%208.786A21.24%2021.24%200%200012%2021.88a21.31%2021.31%200%20004.891-3.554c2.604-2.54%204.11-5.466%204.11-8.78V3.82l-9-1.8zm6.254%204.355a.583.583%200%2001.09.82l-.01.011-7.037%208.32-4.618-5.394a.583.583%200%2001.064-.822l.011-.01a.615.615%200%2001.855.077l3.682%204.302%206.11-7.222a.615.615%200%2001.853-.082z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-2%20-.1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebarItems__properties-icon {
  width: 18px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2224%22%20viewBox%3D%220%200%2018%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%201c4.998%200%209%203.965%209%209%200%201.802-1.059%204.08-2.97%206.893a55.826%2055.826%200%2001-2.082%202.845c-.925%201.19-1.5%201.89-3.18%203.903a1%201%200%2001-1.535%200c-1.678-2.008-2.256-2.712-3.18-3.902a55.747%2055.747%200%2001-2.086-2.849C4.057%2014.08%203%2011.802%203%2010c0-5.035%204.002-9%209-9zm0%201c-4.411%200-8%203.482-8%208%200%203.506%205.226%209.679%208%2013%202.774-3.322%208-9.496%208-13%200-4.518-3.589-8-8-8zm0%204a4%204%200%20110%208%204%204%200%20010-8zm0%201a3%203%200%20100%206%203%203%200%20000-6z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-3%20-.7%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebarItems__marketing-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M1.263%201.035l10.739%202.929L22.74%201.073a1%201%200%20011.26.965V20a1%201%200%2001-.737.965l-11%203a1%201%200%2001-.526%200l-11-3A1%201%200%20010%2020V2a1%201%200%20011.263-.965zM1%202v18l10.5%202.863v-18L1%202zm22%20.038L12.5%204.864v18L23%2020V2.038zm-3.052%2015.83a.5.5%200%2001-.351.614l-3.965%201.082a.5.5%200%2011-.264-.965l3.966-1.081a.5.5%200%2001.614.35zM4.543%2014.502l.089.016%203.965%201.081a.5.5%200%2001-.263.965l-3.966-1.082a.5.5%200%2011.264-.964zm15.405.366a.5.5%200%2001-.351.614l-3.965%201.082a.5.5%200%2011-.264-.965l3.966-1.081a.5.5%200%2001.614.35zm0-3a.5.5%200%2001-.351.614l-3.965%201.082a.5.5%200%2011-.264-.965l3.966-1.081a.5.5%200%2001.614.35zM5.263%206.035l3%20.818A1%201%200%20019%207.818V12a1%201%200%2001-1.263.965l-3-.818A1%201%200%20014%2011.182V7a1%201%200%20011.263-.965zM5%207v4.182L8%2012V7.818L5%207z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%280%20-.3%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebarItems__calculators-icon {
  width: 22px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2223%22%20viewBox%3D%220%200%2022%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M21%201a2%202%200%20012%202v18a2%202%200%2001-2%202H3a2%202%200%2001-2-2V3a2%202%200%20012-2h18zm-9.5%207H2v13a1%201%200%20001%201h8.5V8zM22%208h-9.5v14H21a1%201%200%20001-1V8zM6.5%2013a.5.5%200%2001.5.5V15h1.5a.5.5%200%20110%201H7v1.5a.5.5%200%2011-1%200V16H4.5a.5.5%200%20110-1H6v-1.5a.5.5%200%2001.5-.5zm13%202a.5.5%200%20110%201h-4a.5.5%200%20110-1h4zM21%202H3a1%201%200%2000-1%201v4h20V3a1%201%200%2000-1-1z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-1%20-.9%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebarItems__classes-icon {
  width: 24px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2223%22%20viewBox%3D%220%200%2024%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M21%202a3%203%200%20013%203v13a3%203%200%2001-3%203h-2.613l.562%201.684c.29.87-.648%201.64-1.445%201.184L14.5%2022.152l-3.004%201.716c-.797.456-1.735-.313-1.445-1.184l.414-1.24.148-.445L3%2021a3%203%200%2001-3-3V5a3%203%200%20013-3h18zm-4.49%2016.528A4.481%204.481%200%200114.5%2019c-.722%200-1.405-.17-2.01-.472L11%2023l3.5-2%203.5%202zM21%203H3a2%202%200%2000-2%202v13a2%202%200%20002%202h7.946l.68-2.04a4.5%204.5%200%20115.75.002c.187.566.414%201.245.678%202.038H21a2%202%200%20002-2V5a2%202%200%2000-2-2zm-6.5%208a3.5%203.5%200%20100%207%203.5%203.5%200%20000-7zm-6-2a.5.5%200%20010%201h-5a.5.5%200%20010-1h5zm2-3a.5.5%200%20110%201h-7a.5.5%200%20010-1h7z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%280%20-1.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 280px) {
  .subnav {
    width: 65vw;
  }
}
@media (min-width: 375px) {
  .subnav {
    transform: translateX(-55vw);
    width: 55vw;
  }
}
@media (min-width: 480px) {
  .subnav {
    transform: translateX(-65vw);
    width: 65vw;
  }
}
@media (min-width: 600px) {
  .subnav {
    transform: translateX(-250px);
    width: 250px;
  }
}
@media (min-width: 768px) {
  body:not(.properties-map-pg) .subnav {
    height: auto;
    padding: 16px;
    transform: translate(144px, -47px);
    transition: all 0.25s ease-in-out;
    width: 175px;
  }
  body:not(.properties-map-pg) .sidebar__list-item--open .subnav {
    transform: translate(154px, -47px);
  }
  body:not(.properties-map-pg) .subnav__mobile-header-wrap {
    display: none;
  }
}
@media (min-width: 768px) and (max-height: 430px) {
  body:not(.properties-map-pg) .subnav {
    top: 0 !important;
    position: fixed;
    bottom: 0;
    transform: translateX(-250px);
    width: 250px;
    padding: 0;
    overflow-y: auto;
  }
  body:not(.properties-map-pg) .sidebar__list-item--open .subnav {
    transform: translateX(0);
  }
  body:not(.properties-map-pg) .subnav__mobile-header-wrap {
    display: flex;
  }
}
@media (min-width: 992px) and (min-height: 680px) {
  .properties-map-pg .subnav {
    height: auto;
    padding: 16px;
    transform: translate(144px, -47px);
    transition: all 0.25s ease-in-out;
    width: 175px;
  }
  .properties-map-pg .sidebar__list-item--open .subnav {
    transform: translate(154px, -47px);
  }
  .properties-map-pg .subnav__mobile-header-wrap {
    display: none;
  }
}
@media (max-width: 991px), (max-height: 680px) {
  .properties-map-pg .subnav {
    top: 0 !important;
    position: fixed;
    bottom: 0;
    overflow-y: auto;
  }
}

/*! sidebarbottom */
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
.sidebar-bottom-mobile__list .sidebar__list-link {
  border-left: 0;
  height: auto;
}

/*! sidebar */
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  outline: 0;
  opacity: 0;
  transition: opacity 0.15s linear;
  background-color: rgba(30, 76, 130, 0.65);
  visibility: hidden;
}
.backdrop-show .backdrop {
  z-index: 400;
  opacity: 0.5;
  visibility: visible;
}
.sidebar {
  background-image: none;
  background-color: #1e4c82;
  transform: translateX(-85vw);
  transition: all 0.4s ease-in-out;
  width: 85vw;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 500;
  display: flex;
  flex: 0 0 85vw;
  flex-direction: column;
}
.sidebar.is-visible {
  transform: translateX(0);
}
.sidebar__wrap {
  display: flex;
  flex-direction: column;
}
.sidebar__top {
  flex: 1 0 auto;
}
.sidebar__bottom,
.sidebar-bottom-mobile {
  flex-shrink: 0;
}
.sidebar__link-name {
  display: flex;
  opacity: 0.8;
  transition: all 0.2s;
  visibility: visible;
}
.sidebar__logo {
  display: none;
}
.sidebar__bottom {
  display: none;
}
.sidebar--compressed
  .sidebar__list
  .sidebar__list-item.sidebar__list-item--open
  .sidebar__caret {
  transform: rotate(45deg) translate(-4px, -7px);
}
.sidebar__list {
  margin: 34px 0 0;
  padding: 0;
}
.sidebar__list .sidebar__list-item {
  list-style: none;
  margin-bottom: 16px;
}
.sidebar__list .sidebar__list-item a.sidebar__list-link,
.sidebar__list .sidebar__list-item div.sidebar__list-link {
  align-items: center;
  border-left: 5px solid transparent;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 42px;
  text-decoration: none;
}
.sidebar__list .sidebar__list-item a.sidebar__list-link .sidebar__link-icon,
.sidebar__list .sidebar__list-item div.sidebar__list-link .sidebar__link-icon {
  opacity: 0.5;
  transition: opacity 0.2s;
}
.sidebar__list .sidebar__list-item a.sidebar__list-link:hover,
.sidebar__list .sidebar__list-item div.sidebar__list-link:hover {
  color: #fff;
  text-decoration: none;
}
.sidebar__list
  .sidebar__list-item
  a.sidebar__list-link:hover
  .sidebar__link-name,
.sidebar__list
  .sidebar__list-item
  div.sidebar__list-link:hover
  .sidebar__link-name {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}
.sidebar__list
  .sidebar__list-item
  a.sidebar__list-link:hover
  .sidebar__link-icon,
.sidebar__list
  .sidebar__list-item
  div.sidebar__list-link:hover
  .sidebar__link-icon {
  opacity: 1;
}
.sidebar__list .sidebar__list-item.sidebar__list-item--open .sidebar__caret {
  opacity: 1;
  transform: rotate(45deg) translate(-15px, 3px);
}
.sidebar__list .sidebar__list-item.sidebar__list-item--active {
  margin-bottom: 16px;
}
.sidebar__list
  .sidebar__list-item.sidebar__list-item--active
  a.sidebar__list-link {
  border-color: #ffd963;
  font-weight: 600;
}
.sidebar__list
  .sidebar__list-item.sidebar__list-item--active
  a.sidebar__list-link
  .sidebar__link-icon {
  opacity: 1;
}
.sidebar__list
  .sidebar__list-item.sidebar__list-item--active
  a.sidebar__list-link
  .sidebar__link-name {
  opacity: 1;
}
.sidebar__caret {
  background-color: #323840;
  display: none;
  height: 16px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 21px;
  transform: rotate(45deg) translate(-20px, 8px);
  transition: opacity 0.25s, transform 0.25s;
  width: 16px;
}
.sidebar__link-icon-wrap {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin: 0 18px 0 17px;
  width: 24px;
}
.sidebar__rep {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 36px;
  padding: 0 20px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.sidebar__rep-info {
  max-height: 300px;
  opacity: 1;
  transition: max-height 0.6s ease-in-out, opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
  visibility: visible;
  width: 140px;
}
.sidebar__rep-img {
  height: 52px;
  margin-bottom: 10px;
  width: 52px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.sidebar--compressed .sidebar__rep-img {
  height: 42px;
  width: 42px;
}
.sidebar__rep-name {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}
.sidebar__rep-role {
  color: #7993b4;
  font-size: 13px;
  font-weight: 500;
}
.sidebar__resize {
  align-items: center;
  background-color: #123979;
  cursor: pointer;
  display: flex;
  height: 52px;
  justify-content: center;
}
.sidebar__resize-arrow {
  transform: rotate(0);
}
.sidebar-bottom-mobile__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 5px 22px 0;
  padding: 0px 0px 20px 0px;
}
.sidebar-bottom-mobile__list-item {
  margin: 9px 0;
}
a.sidebar-bottom-mobile__link,
div.sidebar-bottom-mobile__link {
  align-items: center;
  color: #fff;
  display: flex;
  text-decoration: none;
}
a.sidebar-bottom-mobile__link:hover,
div.sidebar-bottom-mobile__link:hover {
  color: #fff;
  text-decoration: none;
}
a.sidebar-bottom-mobile__link:hover .sidebar-bottom-mobile__link-icon,
div.sidebar-bottom-mobile__link:hover .sidebar-bottom-mobile__link-icon {
  opacity: 1;
}
a.sidebar-bottom-mobile__link:hover .sidebar-bottom-mobile__link-title,
div.sidebar-bottom-mobile__link:hover .sidebar-bottom-mobile__link-title {
  opacity: 1;
}
.sidebar-bottom-mobile__link-icon {
  height: 21px;
  opacity: 0.5;
  transition: opacity 0.2s;
  width: 21px;
}
.sidebar-bottom-mobile__link-title {
  cursor: pointer;
  margin-left: 18px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.topItems__account-icon {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.524%2016.465a8.32%208.32%200%2000-4.526-3.497c.968-.751%201.602-1.912%201.602-3.228%200-2.26-1.838-4.1-4.1-4.1-2.26%200-4.1%201.84-4.1%204.1%200%201.316.634%202.478%201.602%203.228a8.32%208.32%200%2000-4.526%203.497%209.18%209.18%200%2001-2.2-5.964c0-5.087%204.138-9.225%209.224-9.225s9.224%204.138%209.224%209.225a9.18%209.18%200%2001-2.2%205.964M7.676%209.74A2.827%202.827%200%200110.5%206.915a2.827%202.827%200%20012.824%202.825%202.827%202.827%200%2001-2.824%202.824A2.827%202.827%200%20017.676%209.74m2.824%209.984a9.171%209.171%200%2001-6.124-2.346c.015-.02.04-.03.054-.054a7.06%207.06%200%20016.07-3.484%207.06%207.06%200%20016.068%203.482c.014.024.036.039.053.06a9.175%209.175%200%2001-6.121%202.342M10.5%200C4.711%200%200%204.711%200%2010.501%200%2016.291%204.711%2021%2010.5%2021S21%2016.29%2021%2010.501C21%204.711%2016.289%200%2010.5%200%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.topItems__notification-icon--white {
  width: 21px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%202c1.156%200%202.14.749%202.42%201.78%203.068.923%205.58%203.632%205.58%206.77v2.653l1.854%201.761c.093.09.146.21.146.336v2.375a.488.488%200%2001-.5.475h-5.256C15.621%2019.827%2013.938%2021%2012%2021c-1.938%200-3.621-1.172-4.244-2.85H2.5a.488.488%200%2001-.5-.475V15.3c0-.126.053-.247.146-.336L4%2013.204V10.55c0-3.071%202.512-5.847%205.58-6.77C9.86%202.748%2010.843%202%2012%202zm3.164%2016.15H8.836c.566%201.133%201.782%201.9%203.164%201.9%201.382%200%202.598-.767%203.164-1.9zM12%202.95c-.763%200-1.402.544-1.49%201.258a.483.483%200%2001-.364.403C7.29%205.354%205%208.016%205%2010.67V13.4a.463.463%200%2001-.146.336L3%2015.496V17.2h18v-1.703l-1.854-1.761A.463.463%200%200119%2013.4v-2.73c0-2.47-2.29-5.316-5.146-6.06a.483.483%200%2001-.364-.402c-.088-.714-.727-1.258-1.49-1.258z%22%20id%3D%22icon-notifications-white-a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-1.5%20-1.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22icon-notifications-white-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23icon-notifications-white-a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23icon-notifications-white-b%29%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.topItems__question-icon--white {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%201c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S1%2018.075%201%2012%205.925%201%2012%201zm0%201C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zm-.363%2014.571c.697%200%201.278.575%201.278%201.272a1.278%201.278%200%2011-2.557%200%201.28%201.28%200%20011.28-1.272zm.326-10.84c2.346%200%203.918%201.405%203.918%203.483%200%201.438-.703%202.41-1.847%203.1-1.087.671-1.508%201.33-1.534%202.8v.121h-1.828v-.121c.013-2.372.716-3.094%201.905-3.823.76-.473%201.355-1.144%201.355-2.096%200-1.132-.882-1.854-1.969-1.854-.978%200-1.943.594-2.02%201.95H8c.083-2.302%201.809-3.56%203.963-3.56z%22%20id%3D%22icon-question-white-a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-.5%20-.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22icon-question-white-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23icon-question-white-a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23icon-question-white-b%29%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 480px) {
  .sidebar {
    transform: translateX(-65vw);
    width: 65vw;
    flex: 0 0 65vw;
  }
}
@media (min-width: 280px) {
  .sidebar {
    transform: translateX(-65vw);
    width: 65vw;
    top: 80px;
    flex: 0 0 65vw;
  }
  .sidebar.no-scroll {
    overflow: hidden;
  }
  .sidebar__wrap {
    overflow-y: auto;
    height: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  body:not(.properties-map-pg) .sidebar {
    overflow-y: auto;
  }
}
@media (min-width: 375px) {
  .sidebar {
    transform: translateX(-55vw);
    width: 55vw;
    flex: 0 0 55vw;
  }
}
@media (min-width: 600px) {
  .sidebar {
    transform: translateX(-250px);
    width: 250px;
    flex: 0 0 250px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media (min-width: 768px) {
  body:not(.properties-map-pg) .backdrop-show .backdrop {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  body:not(.properties-map-pg) .sidebar {
    background: #1e4c82
      url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -8px -34px
      no-repeat;
    background-size: 228px;
    transform: translateX(0);
    width: 180px;
    padding: 155px 0 0;
    flex: 0 0 180px;
    top: 0;
    overflow: hidden;
  }
  body:not(.properties-map-pg) .sidebar.no-scroll {
    overflow: visible;
  }
  body:not(.properties-map-pg) .sidebar__wrap {
    overflow-y: inherit;
    height: calc(100% - 30px);
  }
  body:not(.properties-map-pg) .sidebar__logo {
    left: 0;
    position: absolute;
    top: -80px;
    transform: scale(1) translate(0, 15px);
    transition: transform 0.4s ease-in-out;
    width: 227px;
  }
  body:not(.properties-map-pg) .sidebar__bottom {
    display: block;
  }
  body:not(.properties-map-pg) .sidebar__caret {
    display: block;
  }
  body:not(.properties-map-pg) .sidebar--compressed {
    width: 70px;
    flex: 0 0 70px;
  }
  body:not(.properties-map-pg) .sidebar--compressed.sidebar {
    background-position: -50px -27px;
    background-size: 181px;
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__logo {
    transform: scale(0.8) translate(-91px, -5px);
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__caret {
    transform: rotate(45deg) translate(-10px, -2px);
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__link-name {
    opacity: 0;
    visibility: hidden;
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__resize-arrow {
    transform: rotate(180deg);
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__rep {
    margin-bottom: 18px;
    padding: 0;
  }
  body:not(.properties-map-pg) .sidebar--compressed .sidebar__rep-info {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
  body:not(.properties-map-pg) .sidebar__list {
    margin: 50px 0 0;
  }
  body:not(.properties-map-pg) .sidebar__list-link {
    position: relative;
  }
  body:not(.properties-map-pg) .sidebar-bottom-mobile {
    display: none;
  }
}
@media (min-width: 1366px) {
  .sidebar__wrap {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-height: 430px) {
  body:not(.properties-map-pg) .sidebar {
    background-image: none;
    transform: translateX(-55vw);
    width: 250px;
    top: 80px;
    flex: 0 0 250px;
    overflow-y: auto;
    padding: 0;
  }
  body:not(.properties-map-pg) .sidebar.no-scroll {
    overflow: hidden;
  }
  body:not(.properties-map-pg) .sidebar.is-visible {
    transform: translateX(0);
  }
  body:not(.properties-map-pg) .sidebar__caret {
    display: none;
  }
  body:not(.properties-map-pg) .backdrop-show .backdrop {
    z-index: 400;
    opacity: 0.5;
    visibility: visible;
  }
  body:not(.properties-map-pg) .sidebar__bottom {
    display: none;
  }
  body:not(.properties-map-pg) .sidebar-bottom-mobile {
    display: block;
  }
}
@media (min-width: 992px) and (min-height: 680px) {
  .properties-map-pg .backdrop-show .backdrop {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  .properties-map-pg .sidebar {
    background: #1e4c82
      url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -8px -34px
      no-repeat;
    background-size: 228px;
    transform: translateX(0);
    width: 180px;
    padding: 155px 0 0;
    flex: 0 0 180px;
    top: 0;
    overflow: hidden;
  }
  .properties-map-pg .sidebar.no-scroll {
    overflow: visible;
  }
  .properties-map-pg .sidebar__wrap {
    overflow-y: inherit;
    height: calc(100% - 30px);
  }
  .properties-map-pg .sidebar__logo {
    left: 0;
    position: absolute;
    top: -80px;
    transform: scale(1) translate(0, 15px);
    transition: transform 0.4s ease-in-out;
    width: 227px;
  }
  .properties-map-pg .sidebar__bottom {
    display: block;
  }
  .properties-map-pg .sidebar__caret {
    display: block;
  }
  .properties-map-pg .sidebar--compressed {
    width: 70px;
    flex: 0 0 70px;
  }
  .properties-map-pg .sidebar--compressed.sidebar {
    background-position: -50px -27px;
    background-size: 181px;
  }
  .properties-map-pg .sidebar--compressed .sidebar__logo {
    transform: scale(0.8) translate(-91px, -5px);
  }
  .properties-map-pg .sidebar--compressed .sidebar__caret {
    transform: rotate(45deg) translate(-10px, -2px);
  }
  .properties-map-pg .sidebar--compressed .sidebar__link-name {
    opacity: 0;
    visibility: hidden;
  }
  .properties-map-pg .sidebar--compressed .sidebar__resize-arrow {
    transform: rotate(180deg);
  }
  .properties-map-pg .sidebar--compressed .sidebar__rep {
    margin-bottom: 18px;
    padding: 0;
  }
  .properties-map-pg .sidebar--compressed .sidebar__rep-info {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
  .properties-map-pg .sidebar__list {
    margin: 50px 0 0;
  }
  .properties-map-pg .sidebar__list-link {
    position: relative;
  }
  .properties-map-pg .sidebar-bottom-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .properties-map-pg .sidebar {
    overflow-y: auto;
  }
}

/*! footer */
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
.footer {
  background-color: #f7f9fb;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 24px 24px 80px 24px;
}
.footer__upper {
  display: flex;
}
.footer__middle {
  border-top: 1px solid #c7dbf2;
  border-bottom: 1px solid #c7dbf2;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 20px;
  padding: 12px 0;
}
.footer__link {
  color: #043b7c;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin: 2px 0;
  width: calc(100% / 2);
}
.footer__link:hover .footer__link-border {
  border-bottom: 1px solid #043b7c;
}
.footer__link-border {
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding: 1px 0;
  transition: border-bottom 0.15s;
}
/* .footer__lower {
  display: flex;
} */
.footer__social-media {
  align-items: center;
  display: flex;
}
.footer__social-media--desktop {
  display: none;
}
.footer__social-media--mobile {
  width: 40%;
}
.footer__social-media-link {
  margin-right: 24px;
  opacity: 0.7;
  transition: opacity 0.15s;
}
.footer__social-media-link:hover {
  opacity: 1;
}
.footer__social-media-link:last-child {
  margin-right: 0;
}
.footer__fine-print {
  font-size: 10px;
  line-height: 15px;
  width: 60%;
}
.footer__fine-print#footer-disclaimer {
  width: 100%;
  margin-top: 0px;
}
.footer__tech-support {
  font-size: 12px;
  margin-bottom: 16px;
}
.footer__tech-support a {
  color: #353535;
}
@media (min-width: 375px) {
  .footer__link {
    width: calc(100% / 3);
  }
}
@media (min-width: 480px) {
  .footer__social-media--mobile {
    flex-shrink: 0;
    width: calc(100% / 3);
  }
  .footer__fine-print {
    width: 100%;
  }
  .footer__fine-print#footer-disclaimer {
    max-width: 900px;
  }
}
@media (min-width: 768px) {
  body:not(.properties-map-pg) .footer {
    padding: 24px 22px 24px 60px;
  }
  body:not(.properties-map-pg) .footer__upper {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  body:not(.properties-map-pg) .footer__social-media-link {
    margin-right: 36px;
  }
  body:not(.properties-map-pg) .footer__social-media--desktop {
    display: flex;
  }
  body:not(.properties-map-pg) .footer__middle {
    border: none;
    margin: 0 0 20px;
    padding: 0;
  }
  body:not(.properties-map-pg) .footer__social-media--mobile {
    display: none;
  }
  body:not(.properties-map-pg) .footer__fine-print#footer-disclaimer {
    margin-top: 10px;
  }
}
@media (min-width: 910px) {
  .footer__link {
    letter-spacing: 0;
    margin: 0 30px 0 0;
    width: auto;
  }
}
@media (min-width: 992px) and (min-height: 680px) {
  .properties-map-pg .footer {
    padding: 24px 22px 24px 60px;
  }
  .properties-map-pg .footer__upper {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .properties-map-pg .footer__social-media-link {
    margin-right: 36px;
  }
  .properties-map-pg .footer__social-media--desktop {
    display: flex;
  }
  .properties-map-pg .footer__middle {
    border: none;
    margin: 0 0 20px;
    padding: 0;
  }
  .properties-map-pg .footer__social-media--mobile {
    display: none;
  }
  .properties-map-pg .footer__fine-print#footer-disclaimer {
    margin-top: 10px;
  }
}

/*! topnav */
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
.topnav {
  background-color: #1e4c82;
  background-size: 152px;
  align-items: center;
  display: flex;
  height: 80px;
  left: 0;
  padding-left: 22px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
  transition: all 0.4s ease-in-out;
}
.topnav:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -22px -27px
    no-repeat;
  background-size: 152px;
  opacity: 0.5;
}
.topnav__left {
  margin-right: 24px;
  position: relative;
  width: 22px;
}
.topnav__icon-hamburger {
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s;
  visibility: visible;
}
.topnav__icon-hamburger.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.topnav__icon-close {
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s;
  visibility: hidden;
}
.topnav__icon-close.is-visible {
  opacity: 1;
  visibility: visible;
}
.topnav__title {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 1.1px;
}
.topnav__right {
  display: none;
  position: relative;
  box-shadow: inset 0px -6px 6px -6px rgba(99, 129, 163, 0.17);
}
.topnav__right__meatball {
  width: 22px;
  position: absolute;
  right: 35px;
}
.topnav-dropdown {
  align-items: center;
  display: flex;
}
.topnav-dropdown__employee {
  font-weight: 500;
  margin-right: 12px;
}
.topnav-dropdown__caret {
  height: 13px;
  transform: rotate(-90deg) translateX(-1px);
  width: 13px;
}
.topItems__question-icon {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%201c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S1%2018.075%201%2012%205.925%201%2012%201zm0%201C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zm-.363%2014.571c.697%200%201.278.575%201.278%201.272a1.278%201.278%200%2011-2.557%200%201.28%201.28%200%20011.28-1.272zm.326-10.84c2.346%200%203.918%201.405%203.918%203.483%200%201.438-.703%202.41-1.847%203.1-1.087.671-1.508%201.33-1.534%202.8v.121h-1.828v-.121c.013-2.372.716-3.094%201.905-3.823.76-.473%201.355-1.144%201.355-2.096%200-1.132-.882-1.854-1.969-1.854-.978%200-1.943.594-2.02%201.95H8c.083-2.302%201.809-3.56%203.963-3.56z%22%20id%3D%22icon-question-a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-.5%20-.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22icon-question-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23icon-question-a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23icon-question-b%29%22%20fill%3D%22%23043B7C%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.topItems__question-icon {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%201c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S1%2018.075%201%2012%205.925%201%2012%201zm0%201C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zm-.363%2014.571c.697%200%201.278.575%201.278%201.272a1.278%201.278%200%2011-2.557%200%201.28%201.28%200%20011.28-1.272zm.326-10.84c2.346%200%203.918%201.405%203.918%203.483%200%201.438-.703%202.41-1.847%203.1-1.087.671-1.508%201.33-1.534%202.8v.121h-1.828v-.121c.013-2.372.716-3.094%201.905-3.823.76-.473%201.355-1.144%201.355-2.096%200-1.132-.882-1.854-1.969-1.854-.978%200-1.943.594-2.02%201.95H8c.083-2.302%201.809-3.56%203.963-3.56z%22%20id%3D%22icon-question-a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-.5%20-.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22icon-question-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23icon-question-a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23icon-question-b%29%22%20fill%3D%22%23043B7C%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.topItems__question-icon--white {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%201c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S1%2018.075%201%2012%205.925%201%2012%201zm0%201C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zm-.363%2014.571c.697%200%201.278.575%201.278%201.272a1.278%201.278%200%2011-2.557%200%201.28%201.28%200%20011.28-1.272zm.326-10.84c2.346%200%203.918%201.405%203.918%203.483%200%201.438-.703%202.41-1.847%203.1-1.087.671-1.508%201.33-1.534%202.8v.121h-1.828v-.121c.013-2.372.716-3.094%201.905-3.823.76-.473%201.355-1.144%201.355-2.096%200-1.132-.882-1.854-1.969-1.854-.978%200-1.943.594-2.02%201.95H8c.083-2.302%201.809-3.56%203.963-3.56z%22%20id%3D%22icon-question-white-a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-.5%20-.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22icon-question-white-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23icon-question-white-a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23icon-question-white-b%29%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
.topItems__notification-icon {
  width: 21px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M12%202c1.156%200%202.14.749%202.42%201.78%203.068.923%205.58%203.632%205.58%206.77v2.653l1.854%201.761c.093.09.146.21.146.336v2.375a.488.488%200%2001-.5.475h-5.256C15.621%2019.827%2013.938%2021%2012%2021c-1.938%200-3.621-1.172-4.244-2.85H2.5a.488.488%200%2001-.5-.475V15.3c0-.126.053-.247.146-.336L4%2013.204V10.55c0-3.071%202.512-5.847%205.58-6.77C9.86%202.748%2010.843%202%2012%202zm3.164%2016.15H8.836c.566%201.133%201.782%201.9%203.164%201.9%201.382%200%202.598-.767%203.164-1.9zM12%202.95c-.763%200-1.402.544-1.49%201.258a.483.483%200%2001-.364.403C7.29%205.354%205%208.016%205%2010.67v2.73a.463.463%200%2001-.146.336L3%2015.496V17.2h18v-1.703l-1.854-1.761A.463.463%200%200119%2013.4v-2.73c0-2.47-2.29-5.316-5.146-6.06a.483.483%200%2001-.364-.402c-.088-.714-.727-1.258-1.49-1.258z%22%20id%3D%22a%22/%3E%3C/defs%3E%3Cg%20transform%3D%22translate%28-1.5%20-1.5%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%20fill%3D%22%23043B7C%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.mobileItems__logout-icon--white {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fal%22%20data-icon%3D%22sign-out%22%20class%3D%22svg-inline--fa%20fa-sign-out%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M48%2064h132c6.6%200%2012%205.4%2012%2012v8c0%206.6-5.4%2012-12%2012H48c-8.8%200-16%207.2-16%2016v288c0%208.8%207.2%2016%2016%2016h132c6.6%200%2012%205.4%2012%2012v8c0%206.6-5.4%2012-12%2012H48c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48zm279%2019.5l-7.1%207.1c-4.7%204.7-4.7%2012.3%200%2017l132%20131.4H172c-6.6%200-12%205.4-12%2012v10c0%206.6%205.4%2012%2012%2012h279.9L320%20404.4c-4.7%204.7-4.7%2012.3%200%2017l7.1%207.1c4.7%204.7%2012.3%204.7%2017%200l164.5-164c4.7-4.7%204.7-12.3%200-17L344%2083.5c-4.7-4.7-12.3-4.7-17%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.igniteRE-logo,
.igniteRE-logo-mobile {
  width: 192px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 191.3 22' style='enable-background:new 0 0 191.3 22;' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M91.4,0.5l-2.8,16.7h-3.5l2.8-16.7H91.4z M96.4,22c-1.7,0-3-0.3-3.8-1c-0.8-0.7-1.3-1.5-1.4-2.4l3.3-0.4 c0.1,0.4,0.3,0.7,0.7,0.9c0.4,0.3,0.9,0.4,1.7,0.4c0.7,0,1.4-0.2,2-0.5c0.6-0.4,0.9-0.9,1-1.8l0.4-2.3h-0.1c-1.4,2-4.2,2.6-6.3,1.4 c-0.7-0.5-1.3-1.2-1.5-2c-0.3-0.9-0.3-2-0.1-3.4c0.2-1.3,0.6-2.5,1.3-3.5c0.6-0.9,1.3-1.6,2.2-2.1c0.8-0.5,1.7-0.7,2.6-0.7 c0.6,0,1.2,0.1,1.7,0.4c0.4,0.2,0.7,0.5,1,0.9c0.2,0.3,0.4,0.7,0.5,1h0.1l0.3-2.1h3.4l-2.1,12.6c-0.1,1-0.6,1.9-1.2,2.6 c-0.7,0.7-1.5,1.3-2.4,1.6C98.6,21.8,97.5,22,96.4,22L96.4,22z M97.7,14.3c0.8,0,1.6-0.3,2.1-0.9c0.6-0.6,0.9-1.5,1.1-2.6 c0.2-1.1,0.1-2-0.3-2.6c-0.4-0.7-1-1-1.8-1c-0.8,0-1.6,0.4-2.1,1c-0.6,0.8-1,1.7-1.1,2.6c-0.2,1.1-0.1,1.9,0.2,2.6 C96.3,14,96.9,14.3,97.7,14.3L97.7,14.3z M110.9,9.9l-1.2,7.2h-3.5l2.1-12.5h3.3l-0.3,2.2h0.1c0.4-0.7,1-1.3,1.7-1.7 c0.8-0.4,1.6-0.7,2.5-0.6c1.3,0,2.3,0.4,2.9,1.3c0.7,0.8,0.9,2,0.6,3.4l-1.3,8h-3.5l1.2-7.3c0.1-0.8,0-1.4-0.3-1.8 c-0.3-0.4-0.8-0.6-1.5-0.6c-0.7,0-1.3,0.2-1.8,0.7C111.4,8.5,111,9.2,110.9,9.9z M122.3,7.2l-1.6,9.9h3.5l1.7-9.9L122.3,7.2z M136.2,4.6l-0.4,2.6h-2.4l-1,6.1c-0.1,0.5,0,0.8,0.2,1c0.2,0.2,0.5,0.3,0.8,0.3c0.2,0,0.3,0,0.5,0l0.4-0.1l0.1,2.6 c-0.2,0.1-0.5,0.1-0.8,0.2c-0.4,0.1-0.8,0.1-1.2,0.1c-1.3,0-2.2-0.2-2.9-0.8c-0.7-0.6-0.9-1.5-0.7-2.7l1.1-6.5h-1.7l0.4-2.6h1.7 l0.5-3h3.5l-0.5,3L136.2,4.6z M141.9,17.4c-1.9,0-3.3-0.6-4.3-1.7c-0.9-1.2-1.2-2.7-0.9-4.7c0.2-1.2,0.6-2.4,1.3-3.4 c0.6-0.9,1.5-1.7,2.5-2.3c1-0.5,2.2-0.8,3.3-0.8c1,0,2,0.2,2.9,0.7c0.8,0.5,1.4,1.2,1.8,2.1c0.4,0.9,0.4,2.1,0.2,3.5l-0.2,1H140 l0,0.1c-0.2,1,0,1.7,0.4,2.2c0.4,0.5,1.1,0.7,2,0.7c0.5,0,1.1-0.1,1.6-0.4c0.5-0.2,0.8-0.6,1.1-1.1l3.2,0.2 c-0.4,1.2-1.3,2.1-2.3,2.8C144.8,17,143.4,17.4,141.9,17.4L141.9,17.4z M140.4,9.6h5.2c0.1-0.6,0-1.3-0.4-1.8 c-0.4-0.5-1-0.7-1.7-0.7c-0.5,0-1,0.1-1.4,0.4c-0.4,0.2-0.8,0.6-1.1,0.9C140.7,8.7,140.5,9.2,140.4,9.6z M151.9,17.1V0.5h5.4 c1,0,2.1,0.2,3,0.6c0.8,0.4,1.4,1,1.8,1.8c0.4,0.8,0.6,1.7,0.6,2.6c0,1-0.3,2-0.8,2.9c-0.6,0.8-1.4,1.5-2.4,1.7l3.8,7.1h-1.8 l-3.7-6.8c-0.2,0-0.4,0-0.6,0h-3.9v6.7H151.9z M153.5,9h3.8c1.3,0,2.3-0.3,2.9-1s1-1.5,1-2.6c0-1.1-0.3-2-1-2.6 c-0.6-0.7-1.6-1-2.9-1h-3.8V9z M166.3,17.1V0.5h9.7v1.4h-8.1v6.8h7.6V10h-7.6v5.7h8.3v1.4L166.3,17.1z M125.9,2.8c0,0.2,0,0.4,0,0.7 c-0.1,1-0.9,1.2-1.1,1c-0.2-0.2-0.2-0.5-0.1-0.7c0.1-0.2,0.1-0.3,0.2-0.4c0.1-0.1,0.2-0.2,0.3-0.4l0,0c0.2-0.3,0.4-0.5,0.5-0.8 c0.6-1.2-0.1-2-0.3-2.1c0.4,1.2-0.7,2-1.4,2.6c-0.1,0-0.1,0.1-0.2,0.1c-0.7,0.5-0.9,0.8-1,1.1l0,0.1c-0.1,0.2-0.1,0.4-0.1,0.6 c0,0.5,0.3,1,0.7,1.3c0.1,0.1,0.3,0.2,0.5,0.3c0.8,0.3,1.8-0.1,2.1-0.9c0-0.1,0-0.1,0.1-0.2l0,0C126.5,4.1,126,3.1,125.9,2.8z M125.8,7.2h-3.5'/%3E%3Cpath fill='%23FFFFFF' d='M181,1.2h-2V0.5h4.8v0.7h-2v5.5H181L181,1.2z M184.9,0.5h1.3l1.9,4.9l1.9-4.9h1.2v6.2h-0.8V1.2h0l-2.1,5.4h-0.5 l-2.1-5.4h0v5.4h-0.8L184.9,0.5z'/%3E%3Cpath fill='%23FFFFFF' d='M0,16.8V0.6h9.8v1.7H2v5.5H9v1.7H2v7.3H0z'/%3E%3Cpath fill='%23FFFFFF' d='M13.8,2.6c-0.4,0-0.7-0.1-0.9-0.4c-0.3-0.2-0.4-0.6-0.4-0.9c0-0.3,0.1-0.7,0.4-0.9c0.5-0.5,1.4-0.5,1.9,0 C15,0.7,15.2,1,15.2,1.3c0,0.3-0.1,0.7-0.4,0.9C14.5,2.5,14.2,2.6,13.8,2.6z M12.9,16.8V4.6h1.9v12.2H12.9z'/%3E%3Cpath fill='%23FFFFFF' d='M18.2,16.8V4.6H20v1.8h0.1c0.2-0.6,0.6-1.1,1.2-1.5c0.6-0.4,1.3-0.6,2-0.6c0.3,0,0.6,0,0.9,0.1 c0.2,0.1,0.5,0.2,0.7,0.3l-0.6,1.6c-0.1-0.1-0.3-0.1-0.5-0.2c-0.2,0-0.4-0.1-0.6-0.1c-0.8,0-1.6,0.3-2.2,0.8c-0.6,0.5-0.9,1.3-0.9,2 v7.7H18.2z'/%3E%3Cpath fill='%23FFFFFF' d='M35.4,7.4l-1.7,0.5c-0.2-0.5-0.5-0.9-0.8-1.2c-0.4-0.4-1-0.6-1.8-0.6c-0.7,0-1.3,0.2-1.9,0.5 c-0.5,0.3-0.7,0.8-0.7,1.3c0,0.4,0.2,0.8,0.5,1.1c0.5,0.3,1,0.6,1.6,0.7l1.8,0.4c2.2,0.5,3.2,1.6,3.2,3.3c0,0.7-0.2,1.3-0.6,1.9 c-0.4,0.6-1,1-1.7,1.3c-0.8,0.3-1.6,0.5-2.5,0.5c-1.2,0-2.3-0.3-3.1-0.8c-0.8-0.5-1.4-1.4-1.6-2.4l1.8-0.4c0.3,1.3,1.3,2,2.8,2 c0.9,0,1.6-0.2,2.1-0.6c0.5-0.4,0.8-0.8,0.8-1.4c0-0.9-0.6-1.4-1.8-1.7l-2-0.5c-1.1-0.3-1.9-0.7-2.5-1.2c-0.5-0.6-0.8-1.3-0.8-2.1 c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-1,1.6-1.2c0.7-0.3,1.5-0.5,2.3-0.5c1.2,0,2.2,0.3,2.8,0.8C34.6,5.8,35.1,6.5,35.4,7.4z'/%3E%3Cpath fill='%23FFFFFF' d='M43.7,4.6v1.6h-2.6v7.1c0,0.4,0.1,0.8,0.2,1.2c0.1,0.2,0.3,0.4,0.6,0.5c0.3,0.1,0.5,0.1,0.8,0.1 c0.2,0,0.3,0,0.5,0l0.3-0.1l0.4,1.7c-0.2,0.1-0.4,0.1-0.5,0.1C43.2,17,42.9,17,42.6,17c-0.5,0-1.1-0.1-1.6-0.3 c-0.5-0.2-0.9-0.6-1.3-1c-0.3-0.5-0.5-1.1-0.5-1.8V6.2h-1.8V4.6h1.8V1.7h1.9v2.9H43.7z'/%3E%3Cpath fill='%23FFFFFF' d='M47.5,16.8h-2.1l6-16.3h2l6,16.3h-2.1l-1.6-4.6h-6.6L47.5,16.8z M49.8,10.5h5.3l-2.6-7.3h-0.1L49.8,10.5z'/%3E%3Cpath fill='%23FFFFFF' d='M61.7,16.8V4.6h1.8v1.9h0.2c0.2-0.6,0.7-1.2,1.2-1.5c0.6-0.4,1.3-0.6,2-0.5c0.7,0,1.4,0.2,2,0.5 c0.6,0.4,1,0.9,1.3,1.5h0.1c0.3-0.6,0.8-1.1,1.4-1.5c0.7-0.4,1.5-0.6,2.2-0.6c1,0,2,0.3,2.7,1c0.7,0.7,1,1.7,1,3.2v8.2h-1.9V8.7 c0-0.9-0.2-1.5-0.7-1.9c-0.5-0.4-1.1-0.6-1.7-0.6c-0.9,0-1.5,0.3-2,0.8c-0.5,0.5-0.7,1.2-0.7,2v7.9h-1.9V8.5c0-0.6-0.2-1.2-0.7-1.7 c-0.5-0.4-1.1-0.7-1.7-0.6c-0.5,0-1,0.1-1.4,0.4c-0.4,0.3-0.8,0.6-1,1.1c-0.3,0.5-0.4,1-0.4,1.6v7.6H61.7z'/%3E%3C/svg%3E");
  display: none;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 3px;
}
.igniteRE-logo-mobile {
  display: block;
}
.igniteRE-logo-mobile--text {
  color: #ffffff;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
}
@media (min-width: 280px) {
  .meatball__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .topnav-mobile__meatball {
    cursor: pointer;
  }
  .meatball-dropdown__items {
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    transition: opacity 0.3s ease-in-out;
    width: 330px;
    z-index: 1;
  }
  .meatball-dropdown--open .meatball-dropdown__items {
    opacity: 1;
    pointer-events: all;
  }
  .meatball-dropdown__header {
    font-weight: 400;
    margin-bottom: 32px;
  }
  a.meatball-dropdown__item {
    color: #1e61ac;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  a.meatball-dropdown__item:focus,
  a.meatball-dropdown__item:hover {
    color: #1e61ac;
    text-decoration: none;
  }
  a.meatball-dropdown__item:last-child {
    margin-bottom: 8px;
  }
  .meatball-dropdown__arrow {
    transform: rotate(180deg);
    width: 18px;
  }
  .meatball-dropdown__arrow path {
    fill: #1e61ac;
  }
  .meatball-dropdown__items {
    background-color: #323840;
    padding: 24px;
    margin: 0;
    right: 0;
    top: 57px;
    color: #fff;
    border-radius: 4px;
    min-width: 165px;
    width: calc(100vw - 77px);
  }
  a.meatball-dropdown__item {
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 0px;
    opacity: 0.75;
    white-space: nowrap;
  }
  a.meatball-dropdown__item.divider {
    border-top: 1px solid #8b8b8b;
    padding-top: 24px;
  }
  a.meatball-dropdown__item:focus,
  a.meatball-dropdown__item:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
  }
  a.meatball-dropdown__item:first-child {
    padding-top: 4px;
    margin-top: 0px;
  }
  a.meatball-dropdown__item:last-child {
    padding-bottom: 4px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  body:not(.properties-map-pg) .topnav {
    background: #1e4c82
      url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -8px -34px
      no-repeat;
    background-size: 228px;
    height: 70px;
    justify-content: space-between;
    padding-left: 0;
  }
  body:not(.properties-map-pg) .topnav:before {
    display: none;
  }
  body:not(.properties-map-pg) .sidebar--compressed-nav.topnav {
    background-position: -50px -27px;
    background-size: 181px;
  }
  body:not(.properties-map-pg) .sidebar--compressed-nav .topnav__middle {
    margin-left: 140px;
  }
  body:not(.properties-map-pg) .topnav__left {
    display: none;
  }
  body:not(.properties-map-pg) .topnav__middle {
    margin-left: 240px;
    transition: all 0.4s ease-in-out;
  }
  body:not(.properties-map-pg) .topnav__title {
    transform: translateY(9px);
  }
  body:not(.properties-map-pg) .topnav__right {
    align-items: center;
    background-color: #f7f9fb;
    display: flex;
    height: 100%;
    padding: 0 46px 0 58px;
  }
  body:not(.properties-map-pg) .topnav__right__meatball {
    display: none;
  }
  body:not(.properties-map-pg) .topnav__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  body:not(.properties-map-pg) .topnav__list-item {
    margin-right: 40px;
  }
  body:not(.properties-map-pg) .topnav__list-item:last-child {
    margin-right: 0;
  }
  body:not(.properties-map-pg) .topnav__link {
    display: flex;
  }
  body:not(.properties-map-pg) .topnav__tooltip {
    display: none;
  }
  body:not(.properties-map-pg) .topnav-dropdown__title {
    align-items: center;
    cursor: pointer;
    display: flex;
  }
  body:not(.properties-map-pg) .topnav-dropdown__items {
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    transition: opacity 0.3s ease-in-out;
    width: 330px;
    z-index: 1;
  }
  body:not(.properties-map-pg) .topnav-dropdown--open .topnav-dropdown__items {
    opacity: 1;
    pointer-events: all;
  }
  body:not(.properties-map-pg) .topnav-dropdown__header {
    font-weight: 400;
    margin-bottom: 32px;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item {
    color: #1e61ac;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item:focus,
  body:not(.properties-map-pg) a.topnav-dropdown__item:hover {
    color: #1e61ac;
    text-decoration: none;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item:last-child {
    margin-bottom: 8px;
  }
  body:not(.properties-map-pg) .topnav-dropdown__arrow {
    transform: rotate(180deg);
    width: 18px;
  }
  body:not(.properties-map-pg) .topnav-dropdown__arrow path {
    fill: #1e61ac;
  }
  body:not(.properties-map-pg) .igniteRE-logo-mobile--text,
  body:not(.properties-map-pg) .igniteRE-logo-mobile {
    display: none;
  }
  body:not(.properties-map-pg) .igniteRE-logo {
    display: block;
  }
  body:not(.properties-map-pg) .topnav-dropdown__items {
    background-color: #323840;
    padding: 24px;
    margin: 0;
    right: 24px;
    top: 57px;
    color: #fff;
    border-radius: 4px;
    min-width: 165px;
    width: auto;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item {
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 0px;
    opacity: 0.75;
    white-space: nowrap;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item.divider {
    border-top: 1px solid #8b8b8b;
    padding-top: 24px;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item:focus,
  body:not(.properties-map-pg) a.topnav-dropdown__item:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item:first-child {
    padding-top: 4px;
    margin-top: 0px;
  }
  body:not(.properties-map-pg) a.topnav-dropdown__item:last-child {
    padding-bottom: 4px;
    margin-bottom: 0px;
  }
}
@media (min-width: 600px) {
  .meatball-dropdown__items {
    width: auto;
  }
}
@media (min-width: 768px) and (max-height: 430px) {
  body:not(.properties-map-pg) .topnav {
    background: #1e4c82;
    background-size: 152px;
    align-items: center;
    display: flex;
    height: 80px;
    left: 0;
    padding-left: 22px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    transition: all 0.4s ease-in-out;
    justify-content: normal;
  }
  body:not(.properties-map-pg) .topnav:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -22px -27px
      no-repeat;
    background-size: 152px;
    opacity: 0.5;
  }
  body:not(.properties-map-pg) .topnav__left {
    display: block;
  }
  body:not(.properties-map-pg) .igniteRE-logo {
    display: none;
  }
  body:not(.properties-map-pg) .igniteRE-logo-mobile--text,
  body:not(.properties-map-pg) .igniteRE-logo-mobile {
    display: block;
  }
  body:not(.properties-map-pg) .topnav__middle {
    margin-left: 0;
  }
  body:not(.properties-map-pg) .topnav__right {
    display: none;
  }
  body:not(.properties-map-pg) .topnav__right__meatball {
    display: block;
  }
  body:not(.properties-map-pg) .meatball__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  body:not(.properties-map-pg) .topnav-mobile__meatball {
    cursor: pointer;
  }
  body:not(.properties-map-pg) .meatball-dropdown__items {
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    transition: opacity 0.3s ease-in-out;
    width: 330px;
    z-index: 1;
  }
  body:not(.properties-map-pg)
    .meatball-dropdown--open
    .meatball-dropdown__items {
    opacity: 1;
    pointer-events: all;
  }
  body:not(.properties-map-pg) .meatball-dropdown__header {
    font-weight: 400;
    margin-bottom: 32px;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item {
    color: #1e61ac;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item:focus,
  body:not(.properties-map-pg) a.meatball-dropdown__item:hover {
    color: #1e61ac;
    text-decoration: none;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item:last-child {
    margin-bottom: 8px;
  }
  body:not(.properties-map-pg) .meatball-dropdown__arrow {
    transform: rotate(180deg);
    width: 18px;
  }
  body:not(.properties-map-pg) .meatball-dropdown__arrow path {
    fill: #1e61ac;
  }
  body:not(.properties-map-pg) .meatball-dropdown__items {
    background-color: #323840;
    padding: 24px;
    margin: 0;
    right: 0;
    top: 57px;
    color: #fff;
    border-radius: 4px;
    min-width: 165px;
    width: auto;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item {
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 0px;
    opacity: 0.75;
    white-space: nowrap;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item.divider {
    border-top: 1px solid #8b8b8b;
    padding-top: 24px;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item:focus,
  body:not(.properties-map-pg) a.meatball-dropdown__item:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item:first-child {
    padding-top: 4px;
    margin-top: 0px;
  }
  body:not(.properties-map-pg) a.meatball-dropdown__item:last-child {
    padding-bottom: 4px;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) and (min-height: 680px) {
  .properties-map-pg .topnav {
    background: #1e4c82
      url("https://cdn.direct.firstam.com/default/assets/global-nav/logo-large-occluded-tm.svg") -8px -34px
      no-repeat;
    background-size: 228px;
    height: 70px;
    justify-content: space-between;
    padding-left: 0;
  }
  .properties-map-pg .topnav:before {
    display: none;
  }
  .properties-map-pg .sidebar--compressed-nav.topnav {
    background-position: -50px -27px;
    background-size: 181px;
  }
  .properties-map-pg .sidebar--compressed-nav .topnav__middle {
    margin-left: 140px;
  }
  .properties-map-pg .topnav__left {
    display: none;
  }
  .properties-map-pg .topnav__middle {
    margin-left: 240px;
    transition: all 0.4s ease-in-out;
  }
  .properties-map-pg .topnav__title {
    transform: translateY(9px);
  }
  .properties-map-pg .topnav__right {
    align-items: center;
    background-color: #f7f9fb;
    display: flex;
    height: 100%;
    padding: 0 46px 0 58px;
  }
  .properties-map-pg .topnav__right__meatball {
    display: none;
  }
  .properties-map-pg .topnav__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .properties-map-pg .topnav__list-item {
    margin-right: 40px;
  }
  .properties-map-pg .topnav__list-item:last-child {
    margin-right: 0;
  }
  .properties-map-pg .topnav__link {
    display: flex;
  }
  .properties-map-pg .topnav__tooltip {
    display: none;
  }
  .properties-map-pg .topnav-dropdown__title {
    align-items: center;
    cursor: pointer;
    display: flex;
  }
  .properties-map-pg .topnav-dropdown__items {
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    transition: opacity 0.3s ease-in-out;
    width: 330px;
    z-index: 1;
  }
  .properties-map-pg .topnav-dropdown--open .topnav-dropdown__items {
    opacity: 1;
    pointer-events: all;
  }
  .properties-map-pg .topnav-dropdown__header {
    font-weight: 400;
    margin-bottom: 32px;
  }
  .properties-map-pg a.topnav-dropdown__item {
    color: #1e61ac;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .properties-map-pg a.topnav-dropdown__item:focus,
  .properties-map-pg a.topnav-dropdown__item:hover {
    color: #1e61ac;
    text-decoration: none;
  }
  .properties-map-pg a.topnav-dropdown__item:last-child {
    margin-bottom: 8px;
  }
  .properties-map-pg .topnav-dropdown__arrow {
    transform: rotate(180deg);
    width: 18px;
  }
  .properties-map-pg .topnav-dropdown__arrow path {
    fill: #1e61ac;
  }
  .properties-map-pg .topnav-dropdown__items {
    background-color: #323840;
    padding: 24px;
    margin: 0;
    right: 24px;
    top: 57px;
    color: #fff;
    border-radius: 4px;
    min-width: 165px;
    width: auto;
  }
  .properties-map-pg a.topnav-dropdown__item {
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 0px;
    opacity: 0.75;
    white-space: nowrap;
  }
  .properties-map-pg a.topnav-dropdown__item.divider {
    border-top: 1px solid #8b8b8b;
    padding-top: 24px;
  }
  .properties-map-pg a.topnav-dropdown__item:focus,
  .properties-map-pg a.topnav-dropdown__item:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
  }
  .properties-map-pg a.topnav-dropdown__item:first-child {
    padding-top: 4px;
    margin-top: 0px;
  }
  .properties-map-pg a.topnav-dropdown__item:last-child {
    padding-bottom: 4px;
    margin-bottom: 0px;
  }
  .properties-map-pg .igniteRE-logo-mobile--text,
  .properties-map-pg .igniteRE-logo-mobile {
    display: none;
  }
  .properties-map-pg .igniteRE-logo {
    display: block;
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  .topnav {
    padding-top: calc(env(safe-area-inset-top) / 2);
    height: calc(80px + (env(safe-area-inset-top) / 2));
  }
  .topnav:before {
    background-size: calc(152px + (env(safe-area-inset-top) / 2));
  }
  @media (min-width: 768px) {
    .topnav {
      height: calc(70px + (env(safe-area-inset-top) / 2));
    }
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@supports (padding-top: env(safe-area-inset-top)) {
  body {
    height: 100vh;
  }
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Book.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Roman.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/avenir/AvenirLTStd-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-Medium.woff")
    format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("https://cdn.direct.firstam.com/default/assets/common/fonts/inter/Inter-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
body {
  color: #323840;
  font: 400 14px/17px "Inter", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1,
.h1 {
  font-family: "Avenir", Arial, sans-serif;
  font-size: 35px;
  letter-spacing: -0.55px;
  line-height: 39px;
}
h2,
.h2 {
  font-family: "Avenir", Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}
h3,
.h3 {
  font-family: "Avenir", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
}
h4,
.h4 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
h5,
.h5 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
h6,
.h6 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
p {
  margin: 0;
}
label {
  font-weight: 500;
}
.caption {
  font-size: 10px;
  line-height: 13px;
}
.numbers {
  font-family: "Inter", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 40px;
}
.numbers--small {
  font-size: 40px;
}
.numbers--medium {
  font-size: 50px;
}
.numbers--large {
  font-size: 65px;
}
.typography-nav {
  color: #043b7c;
}
.main {
  display: flex;
  position: fixed;
  top: 80px;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
}
.content-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.app {
  background-color: #fff;
  box-sizing: border-box;
  flex-grow: 1;
  padding: 0px;
  width: 100%;
}
.app.app-nopadding {
  padding: 0px;
}
@media (min-width: 768px) {
  body:not(.properties-map-pg) .main {
    top: 70px;
    padding-left: 180px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
  }
  body:not(.properties-map-pg) .sidebar--compressed-main.main {
    padding-left: 70px;
  }
}
@media (min-width: 768px) and (max-height: 430px) {
  body:not(.properties-map-pg) .main {
    padding-left: 0;
  }
}
@media (min-width: 992px) and (min-height: 680px) {
  .properties-map-pg .main {
    top: 70px;
    padding-left: 180px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
  }
  .properties-map-pg .sidebar--compressed-main.main {
    padding-left: 70px;
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  .main {
    top: calc(80px + (env(safe-area-inset-top) / 2));
  }
  @media (min-width: 768px) {
    .main {
      top: calc(70px + (env(safe-area-inset-top) / 2));
    }
  }
}
.u-fw-400 {
  font-weight: 400;
}
.u-fw-500 {
  font-weight: 500;
}
.u-fw-600 {
  font-weight: 600;
}
.color--light {
  color: #fff;
}
.color--dark {
  color: #000;
}
.color__name {
  flex-grow: 1;
}
.color__details {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.color--dark-gray {
  background-color: #323840;
}
.color--fa-blue {
  background-color: #1e4c82;
}
.color--navy {
  background-color: #043b7c;
}
.color--sunshine {
  background-color: #ffd963;
}
.color--sky {
  background-color: #e6f1ff;
}
.color--forest {
  background-color: #509241;
}
.color--electric-blue {
  background-color: #0044e9;
}
.color--lavender {
  background-color: #9d8cda;
}
.color--paprika {
  background-color: #9d3b3b;
}
.color--light-gray {
  background-color: #c0c8d1;
}
.color--mint {
  background-color: #e9faea;
}
.color--peach {
  background-color: #f8e8de;
}
.color--mist {
  background-color: #f7f9fb;
}
.color--earth {
  background-color: #ebebeb;
}
.color--lilac {
  background-color: #ede9fa;
}
.color--starlite {
  background-color: #f8f2de;
}
.color--medium-blue {
  background-color: #1e61ac;
}
.button {
  background-color: transparent;
  border-radius: 20px;
  color: #1e61ac;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 11px 30px;
  text-align: center;
}
.button--dark {
  background-color: #043b7c;
  color: #fff;
}
.button--light {
  background-color: #fff;
  border: 1px solid #1e61ac;
  color: #1e61ac;
}
.button--small {
  background-color: #c7dbf2;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.25px;
  padding: 10px 30px;
}
.button--small:hover .button__icon {
  transform: rotate(90deg) translate(1px, -5px);
}
.button--transparent {
  background-color: transparent;
  border-bottom: 1px solid;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.25px;
  padding: 3px 0;
}
.button__icon {
  height: 14px;
  margin-left: 8px;
  transform: rotate(90deg) translate(1px, 0);
  transition: transform 0.2s ease-in-out;
  width: 10px;
}
.data {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: space-between;
  margin: 0 40px 40px 0;
  max-width: 315px;
  padding: 24px;
  width: 100%;
}
.data--mint {
  background-color: #e9faea;
}
.data--sky {
  background-color: #e6f1ff;
}
.data__wrap {
  display: flex;
  flex-wrap: wrap;
}
.data__top {
  display: flex;
  flex-direction: column;
}
.data__header {
  display: flex;
  font-size: 65px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 72px;
  margin-bottom: 4px;
}
.data__header-symbol {
  font-size: 40px;
  margin-left: 4px;
  transform: translateY(-10px);
}
.data__subheader {
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.data__description {
  font-size: 12px;
  line-height: 15px;
}
.data__bottom-link {
  align-items: center;
  color: #043b7c;
  display: flex;
  justify-content: space-between;
}
.data__bottom-link:hover .data__bottom-icon {
  transform: rotate(90deg) translateY(-5px);
}
.data__bottom-icon {
  height: 20px;
  transform: rotate(90deg) translateY(0);
  transition: transform 0.2s ease-in-out;
  width: 18px;
}
.feature-wrap {
  display: flex;
  flex-wrap: wrap;
}
.feature {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 280px;
  justify-content: space-between;
  margin: 0 40px 40px 0;
  max-width: 315px;
  padding: 24px;
  width: 100%;
}
.feature--earth {
  background-color: #ebebeb;
}
.feature--mint {
  background-color: #e9faea;
}
.feature--starlite {
  background-color: #f8f2de;
}
.feature__top {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.feature__header {
  font-weight: 500;
  line-height: 20px;
  margin-right: 24px;
}
.feature__header-icon {
  opacity: 0.5;
  width: 24px;
}
.feature__middle-text {
  line-height: 20px;
}
.feature__bottom-link {
  align-items: center;
  color: #043b7c;
  display: flex;
  justify-content: space-between;
}
.feature__bottom-link:hover .feature__bottom-icon {
  transform: rotate(90deg) translateY(-5px);
}
.feature__bottom-link + .feature__bottom-link {
  margin-top: 12px;
}
.feature__bottom-icon {
  height: 20px;
  transform: rotate(90deg) translateY(0);
  transition: transform 0.2s ease-in-out;
  width: 18px;
}
.feature-with-image {
  display: flex;
  flex-direction: column;
  width: 335px;
}
.feature-with-image .feature {
  border-radius: 0 0 8px 8px;
  margin: 0;
  max-width: none;
  width: 100%;
}
.feature-with-image__img {
  border-radius: 8px 8px 0 0;
  width: 100%;
}
@media (min-width: 768px) {
  .feature {
    height: 240px;
  }
}
@media (min-width: 1024px) {
  .feature-with-image {
    flex-direction: row;
    width: 670px;
  }
  .feature-with-image .feature {
    border-radius: 0 8px 8px 0;
    width: 50%;
  }
  .feature-with-image__img {
    border-radius: 8px 0 0 8px;
    width: 50%;
  }
}
@media (min-width: 1366px) {
  .feature {
    margin-bottom: 0;
  }
}
.news {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 240px;
  justify-content: space-between;
  max-width: 315px;
  padding: 24px;
  width: 100%;
}
.news--mist {
  background-color: #f7f9fb;
}
.news__top {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.news__header {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-right: 24px;
}
.news__header-icon {
  opacity: 0.5;
  width: 24px;
}
.news__middle-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.news__bottom-link {
  align-items: center;
  color: #043b7c;
  display: flex;
  justify-content: space-between;
}
.news__bottom-link:hover .news__bottom-icon {
  transform: translateX(5px);
}
.news__bottom-icon {
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
  width: 16px;
}
.promo {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 240px;
  width: 315px;
}
.promo--mint {
  background-color: #e9faea;
}
.promo--lilac {
  background-color: #ede9fa;
}
.promo__top {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.promo__header {
  font-weight: 500;
  line-height: 20px;
  margin-right: 24px;
}
.promo__header-icon {
  opacity: 0.5;
  width: 24px;
}
.promo-large {
  display: flex;
  flex-direction: column;
  width: 335px;
}
.promo-large .promo {
  border-radius: 0 0 8px 8px;
  width: 100%;
}
.promo-large .promo-large__img {
  border-radius: 8px 8px 0 0;
}
.promo-large .promo__header-wrap {
  display: flex;
  flex-direction: column;
}
.promo-large .promo__superheader {
  color: #0044e9;
  font-weight: 400;
  line-height: 15px;
  margin: 0 24px 10px 0;
}
.promo-large .promo__middle {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin-bottom: 15px;
}
.promo-large .promo__date-wrap {
  align-items: center;
  background-color: rgba(192, 200, 209, 0.2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  padding: 6px 10px;
}
.promo-large .promo__date-month {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 16px;
}
.promo-large .promo__date-day {
  color: #0044e9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.15px;
  line-height: 20px;
}
.promo-large .promo__details-wrap {
  flex-grow: 1;
}
.promo-large .promo__details-location,
.promo-large .promo__details-time {
  font-size: 12px;
  line-height: 19px;
}
.promo-large .promo__price {
  color: #043b7c;
  font-weight: 500;
}
.promo-large .promo__lower-wrap {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 24px 15px;
}
.promo-large .promo__lower-wrap--mist {
  background-color: #f7f9fb;
}
.promo-large .promo__bottom {
  border-top: 1px solid #c7dbf2;
  padding-top: 12px;
}
.promo-large .promo__bottom-link {
  align-items: center;
  color: #043b7c;
  display: flex;
  justify-content: space-between;
}
.promo-large .promo__bottom-link:hover .promo__bottom-icon {
  transform: rotate(90deg) translateY(-5px);
}
.promo-large .promo__bottom-icon {
  height: 20px;
  transform: rotate(90deg) translateY(0);
  transition: transform 0.2s ease-in-out;
  width: 18px;
}
@media (min-width: 1024px) {
  .promo-large {
    flex-direction: row;
    width: 670px;
  }
  .promo-large .promo {
    border-radius: 0 8px 8px 0;
    width: 50%;
  }
  .promo-large .promo-large__img {
    border-radius: 8px 0 0 8px;
    width: 50%;
  }
}
.welcome-bar {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 40px 0;
}
.welcome-bar__display-text {
  color: #043b7c;
  font-size: 45px;
  font-weight: 400;
  line-height: 60px;
}
.welcome-bar__left {
  display: flex;
  padding: 0 12px;
  width: 100%;
}
.welcome-bar__right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.welcome-bar__info-left {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.welcome-bar__info-left-col {
  display: flex;
}
.welcome-bar__info-left-img {
  margin-left: 16px;
  width: 90px;
}
.welcome-bar__message {
  font-family: "Avenir", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.55px;
}
.welcome-bar__label {
  align-items: center;
  background-color: #0044e9;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 19px;
  justify-content: center;
  margin: 0 16px 0 0;
  width: 46px;
}
.welcome-bar__info-middle {
  border-top: 1px solid #c7dbf2;
  border-bottom: 1px solid #c7dbf2;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.welcome-bar__info-middle-row {
  align-items: center;
  display: flex;
}
.welcome-bar__temp {
  align-items: center;
  display: flex;
  flex-direction: column;
  transform: translateY(-4px);
}
.welcome-bar__forecast {
  text-align: right;
  width: 100%;
}
.welcome-bar__degrees {
  color: #0044e9;
  font-size: 40px;
}
.welcome-bar__farenheit {
  font-size: 20px;
  font-weight: 500;
  line-height: 7px;
}
.welcome-bar__display-text--temp {
  margin: 0 4px 0 16px;
}
.welcome-bar__info-right {
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.welcome-bar__info-right-row {
  align-items: center;
  display: flex;
}
.welcome-bar__pipe {
  margin: 0 8px;
}
@media (min-width: 1024px) {
  .welcome-bar {
    align-items: center;
    border-left: 8px solid #ffd963;
    box-shadow: 0 2px 6px 0 rgba(99, 129, 163, 0.17);
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 36px;
  }
  .welcome-bar__left {
    flex-direction: column;
    padding: 0;
    width: auto;
  }
  .welcome-bar__right {
    flex-direction: row;
    width: auto;
  }
  .welcome-bar__info-left {
    padding: 0 12px;
  }
  .welcome-bar__info-left-col {
    flex-direction: column;
  }
  .welcome-bar__label {
    margin: 0 0 14px;
  }
  .welcome-bar__info-middle {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #c7dbf2;
    border-right: 1px solid #c7dbf2;
    flex-direction: column;
    padding: 0 12px;
  }
  .welcome-bar__info-middle-icon {
    width: 44px;
  }
  .welcome-bar__info-right {
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 12px;
  }
  .welcome-bar__info-right-row {
    display: flex;
    justify-content: flex-end;
  }
  .welcome-bar-compressed {
    padding: 20px 48px;
  }
  .welcome-bar-compressed .welcome-bar__message {
    font-size: 24px;
    letter-spacing: -0.38px;
    line-height: 26px;
  }
  .welcome-bar-compressed .welcome-bar__left {
    flex-direction: row;
  }
  .welcome-bar-compressed .welcome-bar__info-left {
    padding: 0 36px 0 24px;
  }
  .welcome-bar-compressed .welcome-bar__info-left-col {
    flex-direction: row;
  }
  .welcome-bar-compressed .welcome-bar__label {
    margin: 0 16px 0 0;
  }
  .welcome-bar-compressed .welcome-bar__info-left-img {
    width: 60px;
  }
  .welcome-bar-compressed .welcome-bar__info-middle {
    padding: 0 36px;
  }
  .welcome-bar-compressed .welcome-bar__info-middle-icon {
    width: 38px;
  }
  .welcome-bar-compressed .welcome-bar__info-right {
    padding: 0 0 0 36px;
  }
  .welcome-bar-compressed .welcome-bar__display-text {
    font-size: 30px;
    line-height: 33px;
  }
  .welcome-bar-compressed .welcome-bar__degrees {
    font-size: 24px;
    line-height: 11px;
  }
  .welcome-bar-compressed .welcome-bar__farenheit {
    font-size: 14px;
  }
  .welcome-bar-compressed .welcome-bar__forecast,
  .welcome-bar-compressed .welcome-bar__period,
  .welcome-bar-compressed .welcome-bar__pipe,
  .welcome-bar-compressed .welcome-bar__time-zone {
    font-size: 10px;
  }
}
@media (min-width: 1240px) {
  .welcome-bar {
    padding: 36px 48px;
  }
  .welcome-bar__info-left {
    padding: 0 48px 0 24px;
  }
  .welcome-bar__info-middle {
    padding: 0 48px;
  }
  .welcome-bar__info-middle-icon {
    width: auto;
  }
  .welcome-bar__info-right {
    padding: 0 0 0 48px;
  }
  .welcome-bar-compressed {
    padding: 20px 48px;
  }
}
.component {
  margin-bottom: 60px;
}
.component__header-wrap {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.component__header {
  font-weight: 400;
}
.component__label {
  align-items: center;
  background-color: #ebebeb;
  border-radius: 4px;
  display: flex;
  font-size: 12px;
  height: 19px;
  justify-content: center;
  margin: 0 0 0 16px;
  padding: 0 8px;
}
.components__header {
  border-top: 1px solid #ccc;
  font-weight: 500;
  margin: 32px 0;
  padding: 24px 0;
}
.colors {
  display: grid;
  grid-gap: 16px 16px;
  grid-template-columns: repeat(5, 1fr [col-start]);
  margin-bottom: 32px;
}
.colors--pastels {
  grid-template-columns: repeat(3, 1fr [col-start]);
}
.colors--accents {
  grid-template-columns: repeat(4, 1fr [col-start]);
}
.color {
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 120px;
  padding: 20px;
}
.typography {
  display: flex;
  margin-bottom: 40px;
}
.typography-wrap {
  display: flex;
  flex-direction: column;
}
.typography__example {
  display: flex;
  flex-direction: column;
}
.typography__detail {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 12px;
  margin-right: 40px;
  text-align: right;
  width: 160px;
}
.typography__detail-header {
  margin-bottom: 8px;
  font-weight: 600;
}
#parent-container #feedback-button {
  display: none;
}
#feedback-button-2 {
  position: absolute;
  bottom: 28px;
  right: 30px;
  border-radius: 50px;
  padding: 12px 12px;
  font-size: 14px;
  background: #1e4c82;
  color: #1e4d8200;
  box-shadow: 0 1px 13px 0 rgba(99, 129, 163, 0.8);
  border: 0px none;
  border-image-width: 0px;
  width: 48px;
  height: 48px;
  background: #1e4c82
    url("data:image/svg+xml,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.672 9.505v-.121c.013-2.372.716-3.094 1.905-3.823.76-.473 1.355-1.144 1.355-2.097 0-1.13-.882-1.853-1.969-1.853-.978 0-1.943.594-2.02 1.95H0C.083 1.258 1.809 0 3.963 0 6.31 0 7.881 1.406 7.881 3.484c0 1.438-.703 2.41-1.847 3.1-1.087.671-1.508 1.33-1.534 2.8v.121H2.672zm.965 3.886a1.278 1.278 0 01-1.278-1.278 1.28 1.28 0 011.278-1.272c.697 0 1.278.575 1.278 1.272 0 .71-.581 1.278-1.278 1.278z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E")
    no-repeat;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  outline: 0px none;
}
#feedback-button-2:hover {
  background: #1e4c82
    url("data:image/svg+xml,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.672 9.505v-.121c.013-2.372.716-3.094 1.905-3.823.76-.473 1.355-1.144 1.355-2.097 0-1.13-.882-1.853-1.969-1.853-.978 0-1.943.594-2.02 1.95H0C.083 1.258 1.809 0 3.963 0 6.31 0 7.881 1.406 7.881 3.484c0 1.438-.703 2.41-1.847 3.1-1.087.671-1.508 1.33-1.534 2.8v.121H2.672zm.965 3.886a1.278 1.278 0 01-1.278-1.278 1.28 1.28 0 011.278-1.272c.697 0 1.278.575 1.278 1.272 0 .71-.581 1.278-1.278 1.278z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E")
    no-repeat;
  color: #1e4d8200;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}
#feedback-button-2:focus {
  outline: 0px none;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/custom-ignite.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.disclaimer_container {
    margin-top: 4rem;
  }
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/style-stewart.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 768px) {
  .container-fluid {
    padding-right: 20px !important;
    padding-left: 15px !important;
  }
}

.well {
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 3px 4px rgb(0 0 0 / 3%);
  border-radius: 0;
  margin-bottom: 10px;
  color: #717171;
  text-align: left;
  border: #f2f4f8 1px solid;
  font-weight: 200;
}

.well h6 {
  font-weight: 300;
}

.modal-title {
  color: white;
}

header.header {
  z-index: 12;
}

.form-element {
  position: relative;
  margin-bottom: 12px;
}

.form-elements .form-element:last-of-type {
  margin-bottom: 0;
}

.form-element-hint {
  font-weight: 400;
  font-size: 0.6875rem;
  color: #a6a6a6;
  display: block;
}

.form-element-label {
  position: absolute;
  top: 5px;
  left: 12px;
  background: #fff;
  line-height: 20px;
  pointer-events: none;
  z-index: 1;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  color: #043b7c;
  transition: all 0.15s linear;
  z-index: 10;
}

.form-element-field {
  outline: none;
  height: 30px;
  display: block;
  background: none;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  color: #323840;
  box-shadow: none;
  border: 1px solid #3d85d8;
  border-radius: 4px;
}

.form-element .form-element-field:focus {
  border-color: #3d85d8;
  box-shadow: none;
  /*background-color: #FFF!important;*/
}

.form-element.input-group .input-group-text {
  border-color: #3d85d8;
  border-left: none;
  background-color: #fff;
}

.form-element.input-group .form-element-field {
  border-right: none;
  padding-right: 0;
}

.form-element-field.-hasvalue~.form-element-label,
.form-element-field:focus~.form-element-label {
  top: -6px !important;
  font-size: 11px;
  cursor: pointer;
  pointer-events: auto;
  padding-left: 3px;
  padding-right: 3px;
  left: 9px;
  line-height: 14px;
}

.dot:before {
  content: "";
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 1px;
  border-radius: 50%;
}

.spl-dot-pos:before {
  top: -1px;
}

.dot-yellow:before {
  background-color: #ffd963;
}

.dot-dark-blue:before {
  background-color: #1e4c82;
}

.dot-light-blue:before {
  background-color: #00acff;
}

.dot-purple:before {
  background-color: #9d8cda;
}

textarea.form-element-field {
  height: auto;
  min-height: 75px;
}

select.form-element-field {
  appearance: none;
  cursor: pointer;
}

.form-select .form-element-field {
  padding-right: 40px;
  color: #323840;
}

.form-select:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0d7";
  position: absolute;
  top: 8px;
  right: 10px;
  color: #1e4c82;
  font-size: 16px;
  pointer-events: none;
}

.form-select-placeholder {
  color: #a6a6a6;
  display: none;
}

.btn:focus,
.btn.focus {
  box-shadow: none !important;
}

.custom-btn-group {
  border: 1px solid #00538c;
  border-radius: 30px;
}

.custom-btn-group .btn {
  color: #346aa7;
  font-weight: 500;
  font-size: 14px;
  min-width: 112px;
  line-height: 39px;
  padding: 0;
  height: 39px;
  opacity: 0.72;
}

.custom-btn-group .btn:hover {
  background-color: #e6f1ff;
  border-color: #e6f1ff;
  opacity: 1;
}

.custom-btn-group .btn-outline-primary:not(:disabled):not(.disabled).active,
.custom-btn-group .btn-outline-primary:not(:disabled):not(.disabled):active,
.custom-btn-group .show>.btn-outline-primary.dropdown-toggle {
  background-color: #00538c;
  border-color: #00538c;
  opacity: 1;
  font-weight: 600;
}

.heading-style-1,
.heading-style-1 .heading-icon {
  display: flex;
  align-items: center;
}

.heading-style-1 .heading-icon {
  height: 40px;
  width: 40px;
  background-color: #e6f1ff;
  border-radius: 50%;
  margin-right: 8px;
  justify-content: center;
}

.heading-style-1 .heading-title {
  color: #323840;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

.heading-style-2 .heading-title {
  color: #043b7c;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
}

.heading-style-3 .heading-title {
  color: #323840;
  margin: 0;
  font-weight: 400;
  font-size: 32px;
  padding: 0;
}

.secondary-right-nav .nav-link {
  color: #0a688c;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.secondary-right-nav .item-gap {
  margin: 0 32px;
}

.secondary-right-nav .item-gap:last-child {
  margin-right: 0;
}

.secondary-right-nav .nav-link.active {
  color: #323840;
  font-weight: bold;
  background-color: transparent;
}

.secondary-right-nav .nav-link.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #3d85d8;
}

.secondary-right-nav .nav-link:hover {
  color: #043b7c;
  /*font-weight: bold;*/
}

.secondary-right-nav .dropdown .dropdown-menu {
  flex-direction: column;
  width: auto;
}

hr {
  margin-top: 8px;
  margin-bottom: 16px;
  border-top: 1px solid #dae7f7;
}

a.sidebar__list-link:hover {
  color: #fff;
  text-decoration: none;
}

.row {
  margin-right: -20px;
  margin-left: -20px;
}

.container-fluid {
  padding-right: 32px;
  padding-left: 32px;
}

.row>.col,
.row>[class*="col-"] {
  padding-right: 16px;
  padding-left: 16px;
}

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

.form-row {
  margin-right: -4px;
  margin-left: -4px;
}

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

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

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

.h-12 {
  height: 12px;
}

.custom-label {
  font-size: 12px;
  margin-bottom: 0;
  max-width: 150px;
}

::-webkit-input-placeholder {
  color: #323840;
  opacity: 1;
}

::-moz-placeholder {
  color: #323840;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #323840;
  opacity: 1;
}

:-moz-placeholder {
  color: #323840;
  opacity: 1;
}

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

.font-10 {
  font-size: 10px;
}

.font-35 {
  font-size: 35px;
}

.no-max-width {
  max-width: none;
}

.text-style-1 {
  line-height: 22px;
  font-size: 16px;
}

.icon-cont {
  height: 32px;
  width: 32px;
  flex: 0 0 32px;
  max-width: 32px;
  border: 1px solid #043b7c;
  border-radius: 50%;
}

button:focus {
  outline: none;
}

.btn.btn-primary {
  padding: 0 20px;
  min-width: 112px;
  line-height: 40px;
  height: 40px;
}

.btn.btn-sm {
  font-size: 12px;
}

.btn-link {
  font-size: 16px;
  color: #1e61ac;
  font-weight: 500;
}

.btn-bare {
  color: #043b7c;
}

.btn.btn-plain {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
}

.btn.btn-upload {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  border-radius: 0;
}

.btn.btn-upload:hover {
  background-color: #f5f5f5;
}

.modal .modal-heading {
  line-height: 1;
  margin-bottom: 10px;
}

.modal .modal-heading.big-title {
  font-size: 36px;
  font-weight: 900;
  color: #043b7c;
  line-height: 38px;
  letter-spacing: -0.24px;
}

.modal .modal-footer.footer-style-1 {
  padding: 16px 50px 50px 50px;
}

.modal .modal-footer.footer-style-2 {
  padding: 24px;
}

.content-loader .loader-inner {
  padding: 16px 28px;
  border-radius: 8px;
  background-color: #e6f1ff;
}

.content-loader .loader-icon {
  height: 32px;
  width: 32px;
  flex: 0 0 32px;
  max-width: 32px;
}

.content-loader .loader-info {
  text-align: left;
}

.data-group .data-item .value {
  font-size: 16px;
  color: #043b7c;
}

.btn-group-style-1 .btn {
  font-size: 11px;
  padding: 15px 0px;
  color: #0b3973;
  border-radius: 0;
  margin-top: 5px;
}

.btn-group-style-1 .btn:hover {
  background-color: #f6f6f6;
  opacity: 1;
}

.btn-group-style-1 .btn span {
  display: block;
  line-height: 1;
  margin-top: 6px;
  line-height: 14px;
}

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

/* Dashboard Page */
.bg-1 {
  background-color: #f8e8de;
}

.bg-2 {
  background-color: #e9faea;
}

.bg-3 {
  background-color: #ebebeb;
}

.bg-4 {
  background-color: #f8f2de;
}

.bg-5 {
  background-color: #ede9fa;
}

.bg-6 {
  background-color: #f8e8de;
}

.bg-7 {
  background-color: #e6f1ff;
}

.bg-8 {
  background-color: #ebebeb;
}

.bg-9 {
  background-color: #3a00ff21;
}

.bg-purple {
  background-color: #9d8cda;
}

.dashboard-opts .opt-box {
  margin: 8px 0;
}

.dashboard-opts .opt-box .box-inner {
  border-radius: 8px;
  padding: 32px 15px;
  text-decoration: none;
  display: block;
  transition: all 0.3s linear;
}

.dashboard-opts .opt-box .box-inner:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.dashboard-opts .opt-box .box-inner .box-icon {
 width: 100%;
}

.dashboard-opts .opt-box .box-inner .box-title {
  color: #043b7c;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 4px;
}

.dashboard-opts .opt-box .box-inner .box-subtitle {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 0;
  color: #323840;
}

.custom-user-details-wrapper .timeLocation {
  padding: 0 8px 24px 8px;
  border-bottom: 1px solid #c7dbf2;
}

.custom-user-details-wrapper .timeLocation .time-info {
  font-size: 27px;
  color: #043b7c;
  line-height: 1;
}

.custom-user-details-wrapper .timeLocation .time-info span {
  font-size: 14px;
}

.custom-user-details-wrapper .timeLocation .location-info {
  text-align: right;
}

.custom-user-details-wrapper .user-details-cont .user-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 50px;
  max-width: 50px;
}

.custom-user-details-wrapper .user-details-cont .user-img img {
  max-width: 50px;
}

.custom-user-details-wrapper .user-details-cont .custom-user-details .custom-user-name {
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
}

.custom-user-details-wrapper .user-details-cont .custom-user-details {
  padding-left: 20px;
}

.custom-user-details-wrapper .user-details-cont .custom-user-details p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.custom-user-details-wrapper .user-details-cont .custom-user-details p a {
  color: #1e61ac;
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #323840;
  border-left: 0.68px solid #323840;
}

header .header-topnav {
  height: auto;
}

header .header-topnav.topnav-style-2 {
  /*border-left: 8px solid #ffcd32; */
  padding-top: 26px;
  padding-bottom: 26px;
}

header .header-topnav .heading-title {
  position: static;
  margin-bottom: 36px;
}

.side-heading {
  margin-top: 56px;
  font-size: 20px;
}

/* End of Dashboard Page */

/* Calculator Addresses */
.table td,
.table th {
  padding: 0.75rem;
}

.custom-search .search-input {
  height: 52px;
  padding: 14px 14px 14px 0;
}

.custom-search .search-input:focus {
  box-shadow: none;
}

.loading-bar {
  font-size: 16px;
  opacity: 0.32;
  color: #1e4c82;
}

.table-style-1.table td,
.table-style-1.table th {
  padding: 20px 12px;
}

/* End of Calculator Addresses */

.tabs-style-1 .nav-link {
  background-color: #f3f5fa;
  padding: 15px 10px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 6px 6px 0 0;
  border-bottom: 5px solid #e9eef6;
  color: #323840;
}

.tabs-style-1 .nav-link.active {
  background-color: #00538c;
  border-bottom: 7px solid #2f79c4;
  padding: 17px 10px;
  font-size: 16px;
}

.tabs-style-1 .nav-item {
  padding: 0 2px;
}

.accordion-style-1 .accordion-item {
  border-bottom: 0.68px solid #c7dbf2;
}

.accordion-style-1 .accordion-body {
  padding-bottom: 48px;
}

.accordion-style-1 .accordion-header .btn {
  font-size: 20px;
  line-height: 24px;
  display: block;
  width: 100%;
  text-align: left;
  padding: 25px 30px 25px 0;
  color: #323840;
  position: relative;
  border-radius: 0;
}

.accordion-style-1 .accordion-header .btn:after {
  height: 7px;
  width: 7px;
  border-bottom: 1px solid #002b53;
  border-left: 1px solid #002b53;
  transform: rotate(135deg);
  transition: all 0.3s linear;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}

.accordion-style-1 .accordion-header .btn.collapsed:after {
  transform: rotate(-45deg);
}

/*-------------  25.1.2020  -------------*/
.closing-costs .custom-label {
  font-size: 12px;
  display: flex;
  flex: 1;
  justify-content: flex-start;
  padding-right: 8px;
}

.closing-costs .form-select {
  width: 0px;
  margin-right: 12px;
}

.closing-costs .reduce-spc {
  padding-bottom: 12px;
  margin-bottom: 0 !important;
  justify-content: flex-end !important;
}

.closing-costs .discount-label {
  display: flex;
  flex: auto;
  justify-content: flex-start;
  padding-right: 16px;
}

.closing-costs .discount-equal-box {
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
  padding-right: 0px;
  margin-left: 0 !important;
}

.closing-costs strong {
  font-weight: normal;
}

.closing-costs strong.discount-equal {
  width: 47px;
  padding-left: 12px;
  padding-right: 6px;
}

.closing-costs .discount-equal-box .input-box1 {
  width: 66px;
  justify-content: flex-end;
}

.closing-costs .discount-equal-box .input-box2 {
  width: 82px;
  justify-content: flex-end;
}

.form-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-checkbox label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 0;
}

.form-checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #c0c8d1;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 2px;
  height: 16px;
  width: 16px;
}

.form-checkbox input:checked+label:before {
  background-color: #f4f7fa;
}

.form-checkbox input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.adjust-row {
  padding: 0 4px;
}

.cal-icon {
  background: no-repeat;
  border: none;
  padding: 0.4rem 0;
}

.clear {
  clear: both;
}

.tmp-txt {
  float: right;
  font-weight: 600;
  color: #0a688c;
}

.pos-txt {
  float: right;
  font-weight: 600;
  color: black;
}

.btn.view-disclaimer-btn {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #0b3973;
  background: transparent;
  margin-left: 0 !important;
}

.expend-view-btn {
  padding: 12px 16px;
  min-width: 156px;
  color: #043b7c;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  border: 1px solid #043b7c;
  border-radius: 4px;
  display: inline-flex;
  float: left;
}

.expend-view-btn img {
  margin-right: 6px;
}

.shrink-view-btn {
  padding: 12px 16px;
  max-width: 156px;
  color: #043b7c;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  border: 1px solid #043b7c;
  border-radius: 4px;
  display: inline-flex;
  display: none;
  text-align: left;
  float: left;
}

.shrink-view-btn img {
  margin-right: 6px;
}

.fee-section .form-element-label {
  left: 16px;
}

.fee-section .form-select:after {
  right: 10px;
}

.fee-section .form-element-field {
  padding: 7px 16px;
}

.fee-section .total_cost {
  position: relative;
  left: 0;
  color: #323840;
}

.breakdown ul.payment {
  font-size: 14px;
  color: #323840;
}

.breakdown ul.payment span {
  font-size: 15px;
  color: #323840;
  font-weight: 500;
}

.breakdown ul.payment li {
  padding: 8px 0;
}

ul.payment {
  text-align: right;
  margin: 24px 0;
  font-size: 12px;
  color: #323840;
}

ul.payment li {
  padding: 12px 0;
  text-align: left;
  border-bottom: rgb(151 151 151 / 23%) 1px solid;
}

/* ul.payment li:nth-child(4) {padding: 12px 0 8px;} */
ul.payment li span {
  padding-left: 16px;
  font-weight: 500;
  float: right;
}

/* Expend View */
.expend-view-section .topnav,
.expend-view-section .sidebar {
  display: none;
}

/* .expend-view-section .main {transition: all 0.4s ease-in-out;} */
.expend-view-section .main .content-wrap header {
  width: calc(100% - 0px);
  transition: none;
}

.expend-view-section .main {
  min-height: calc(100vh - 0px);
  top: 0px;
}

.expend-view-section .main .content-wrap {
  height: calc(100vh - 0px);
}

.expend-view-section .main .content-wrap .footer {
  display: none;
}

.old-hide-box {
  display: block;
}

.old-show-box {
  display: none;
}

/***********  17.3.2021 **********/
#buyerCostSheetModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#buyerCostSheetModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#buyerCostSheetModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#sellerCostSheetModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#sellerCostSheetModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#sellerCostSheetModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#netFirstSheetModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#netFirstSheetModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#netFirstSheetModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#refinanceModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#refinanceModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#refinanceModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#shortSaleModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#shortSaleModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#shortSaleModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#multipleOfferModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#multipleOfferModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#multipleOfferModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#rentBuyModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#rentBuyModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#rentBuyModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#tutorialModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#tutorialModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#tutorialModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#savedModal .modal-dialog {
  max-width: 1200px;
  margin: 0 auto;
}

#savedModal .modal-dialog .modal-content {
  height: calc(100vh - 32px);
}

#savedModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#addressesModal .modal-dialog {
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

#addressesModal .modal-dialog .modal-content {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#addressesModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#enhancementModal .modal-dialog {
  max-width: 1200px;
  margin: 0 auto;
}

#enhancementModal .modal-dialog .modal-content {
  height: calc(100vh - 32px);
}

#enhancementModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

#stateCountryModal .modal-dialog,
#languageModal .modal-dialog,
#customizeModal .modal-dialog,
#tutorialVideoModal .modal-dialog {
  max-width: 660px;
  margin: 0 auto;
}

#stateCountryModal .modal-dialog .modal-content,
#languageModal .modal-dialog .modal-content,
#tutorialVideoModal .modal-dialog .modal-content {
  height: calc(100vh - 32px);
}

#stateCountryModal .modal-dialog .modal-content .modal-body,
#languageModal .modal-dialog .modal-content .modal-body,
#customizeModal .modal-dialog .modal-content .modal-body,
#tutorialVideoModal .modal-dialog .modal-content .modal-body {
  padding: 10px 0 10px 10px;
}

.tutorial-block {
  padding: 20px 0;
}

.tutorial-block img {
  width: 100%;
}

.tutorial-block a {
  display: block;
  position: relative;
}

.tutorial-block a::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}

.tutorial-block a::after {
  content: "";
  display: block;
  background: url("/assets/images/tutorial/play-btn.png") 0 0 no-repeat;
  height: 52px;
  width: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
}

.tutorial-block h4 {
  font-size: 14px;
  padding-top: 12px;
}

.enhancement-block .text-muted {
  font-size: 13px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #717171;
  display: block;
}

#customizeModal .modal-dialog .modal-content {
  height: 350px;
}

.customize-soon-box {
  display: none;
  padding-top: 60px;
  text-align: center;
}

.customize-soon-box h3 {
  font-size: 24px;
}

.calculate-btn {
  justify-content: flex-end;
}

.calculate-btn .btn {
  line-height: 32px;
  height: 32px;
  font-size: 0.9rem;
}

.condensed_container .topnav,
.condensed_container .sidebar,
.condensed_container .footer {
  display: none;
}

.condensed_container .main {
  top: 0;
}

.condensed_container .content-wrap {
  height: calc(100vh - 0px);
}

.payment-blk {
  border-radius: 8px;
  border: rgb(151 151 151 / 23%) 1px solid;
  padding: 12px 15px;
}

.fee-section {
  padding-top: 5px;
}

.fee-form-row .form-element {
  margin-bottom: 12px;
}

.closing-costs_blk2 {
  margin-top: 0px;
}

.tcc-label {
  font-size: 12px;
  margin: 6px 0 0;
  font-weight: 600;
}

.fee-section .form-element-field {
  color: #1e4c82;
}

.fee-section .heading-style-1 {
  margin-bottom: 1.2rem !important;
}

.loan-type {
  padding-top: 7px;
}

.spc-reduce-box .custom-btn-group {
  border: 1px solid #00538c;
  border-radius: 4px;
  background: transparent;
  float: left;
}

.spc-reduce-box .custom-btn-group .btn {
  color: #00538c;
  opacity: 1;
}

.spc-reduce-box .custom-btn-group:hover {
  background-color: #00538c;
  color: #fff;
}

.spc-reduce-box .custom-btn-group .btn:hover,
.spc-reduce-box .custom-btn-group:hover .btn {
  background: transparent;
  color: #fff;
}

.calendar-input {
  float: left;
  width: 86%;
}

.calendar-input input {
  border: 1px solid #3d85d8;
  padding: 0 12px !important;
  box-sizing: border-box;
}

.calender-btn {
  border-radius: 4px;
  padding: 0 0.3rem;
  background-color: #e6f1ff;
  opacity: 0.5;
}

.calender-btn:hover {
  opacity: 1;
}

.calender-btn .cal-icon {
  padding: 0.2rem 0 0.3rem;
}

.calender-btn .cal-icon img {
  width: 18px;
}

.option-drop {
  float: none;
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
  background: transparent;
}

.option-drop button {
  color: #1e61ac;
}

.option-drop .dropdown-menu {
  background-color: rgb(50, 56, 64);
  /* padding: 0.5rem 0px; */
  padding: 16px 0;
  width: 210px;
  flex-direction: column;
}

.option-drop .dropdown-menu a.dropdown-item {
  width: calc(100% - 30px);
  /* padding: 0.25rem 0; */
  padding: 0;
  color: #fff;
  margin: 0 15px;
  border-bottom: 1px solid rgba(36, 36, 36, 0.85);
  font-size: 13px;
  height: 46px;
  line-height: 46px;
}

.option-drop .dropdown-menu a.dropdown-item span {
  display: inline-block;
  margin-right: 5px;
}

.option-drop .dropdown-menu a.dropdown-item span img {
  width: 20px;
}

.option-drop .dropdown-menu a.dropdown-item:hover {
  background: transparent;
  opacity: 0.8;
}

.sale-price-field {
  position: relative;
}

.sale-price-field::before {
  position: absolute;
  top: 10px;
  left: 12px;
  content: "$";
  font-size: 12px;
  line-height: 12px;
}

.sale-price-field input {
  padding-left: 21px;
}

.oc-width {
  width: calc(100% - 65px);
}

.oc-width .discount-equal-box .input-box1 {
  width: 90%;
  justify-content: flex-end;
}

.oc-width .discount-equal-box .input-box2 {
  width: 90%;
  justify-content: flex-end;
}

.list-agt {
  width: calc(100% - 65px);
}

.list-agt .discount-equal-box .input-box1 {
  width: 90%;
  justify-content: flex-end;
}

.list-agt .discount-equal-box .input-box2 {
  width: 100%;
  justify-content: flex-end;
}

.estimated-seller {
  background: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
  font-weight: 600;
  display: inline-block;
  width: 100%;
}

.estimated-seller strong {
  padding-left: 20px;
  font-weight: 500;
}

label.agt-box {
  margin-right: -36px;
  padding-top: 2px;
  margin-bottom: 0;
  font-weight: 600;
}

label.agt-box span {
  font-size: 12px;
}

label.toc-box {
  font-size: 12px;
  font-weight: 600;
  margin-right: -36px;
  padding-top: 2px;
  margin-bottom: 0;
}

.day-int {
  justify-content: flex-start !important;
}

.day-int label {
  font-size: 12px;
  margin: 0;
}

.ft-size-12 {
  font-size: 12px;
}

.fnt-wgt-bld,
.flx-right {
  font-weight: 600;
}

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

.prorationPercent {
  padding: 0 !important;
}

.or-block {
  margin-bottom: 8px;
}

.or-block {
  font-size: 12px;
  text-align: center;
}

.or-block strong span {
  color: #9d3b3b;
  display: block;
}

.eagle-owner-block {
  height: 42px;
}

.eagle-owner-block label.custom-label {
  max-width: 50%;
}

/* .eagle-owner-block .align-items-center {justify-content: flex-start; width: 48%;} */
.align-slef-auto {
  align-self: auto;
}

.eagle-owner-block .align-items-center .form-element {
  margin-bottom: 0;
  line-height: 0;
}

.eagle-owner-block .align-items-center .form-element label:before {
  margin-right: -4px;
}

.eagle-owner-block .align-items-center .form-element input:checked+label:after {
  top: 3px;
  left: 6px;
}

.reissue-box .form-select:after {
  display: none;
}

.reissue-box label.custom-label {
  max-width: none;
}

.reissue-box .align-items-center {
  width: 138px;
}

.reissue-box .align-items-center .form-element {
  margin-bottom: 4px;
}

.date-policy-box .align-items-center {
  max-width: 52%;
  width: auto;
}

.date-policy-box .align-items-center .calendar-input {
  float: left;
  width: 85%;
  margin-left: -1.5%;
  margin-right: 3%;
  margin-bottom: 0;
}

.cdk-overlay-container {
  z-index: 9999 !important;
}

.pac-container {
  z-index: 9999;
  width: 400px !important;
}

.calendar-input .form-control:disabled,
.calendar-input .form-control[readonly] {
  background-color: #fff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: #000;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.form-element .highLight,
.form-element .highLight:-webkit-autofill,
.form-element .highLight:-webkit-autofill:hover,
.form-element .highLight:-webkit-autofill:focus,
.form-element .highLight:-webkit-autofill:active {
  background-color: #f1f1f1 !important;
  
}
.tab_section .form-element-field.highLight
{
  border: 1px solid #000 !important;
}
.highLight~.form-element-label {
  background: #f1f1f1;
}

.highLight.-hasvalue~.form-element-label,
.highLight:focus~.form-element-label {
  background: #fff;
}

/*--------------- 6.1.2021	-------------*/
.social-bottom-menu {
  position: relative;
}

.social-bottom-menu ul {
  list-style-type: none;
  position: absolute;
  top: 70px;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in;
  min-width: 160px;
  z-index: 999;
}

.social-bottom-menu:hover ul {
  height: 220px;
}

.social-bottom-menu:hover button {
  background-color: #f6f6f6;
}

.social-bottom-menu ul li {
  padding: 9px 20px;
  background-color: #f6f6f6;
  white-space: nowrap;
  text-align: left;
  font-size: 12px;
  border-bottom: #FFF 1px solid;
}

.social-bottom-menu ul li:hover {
  background-color: #efebeb;
}

.social-bottom-menu ul li a {
  color: #0b3973;
  text-decoration: none;
}

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

.modal-content {
  border-radius: 8px !important;
  border: none !important;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.modal-backdrop.show {
  opacity: inherit !important;
}

.modal.fade .modal-dialog {
  transform: translate(0, -50%) !important;
  top: 50% !important;
  max-width: 90%;
  margin: 0px auto;
  height: calc(100% - 32px);
}

.modal-content .modal-header {
  padding: 15px 30px 15px 35px;
}

.modal-content .modal-body {
  margin: 10px 0 10px 10px;
  overflow-y: scroll;
  height: 100%;
  flex: 1 1 auto;
  padding: 0;
}

.select-contry-btn-box {
  justify-content: flex-start;
  margin: 0;
  display: flex;
  text-align: center;
  padding: 0;
}

.select-contry-btn-box button {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter";
}

.header-full-width {
  width: 100%;
}

.header-full-width .modal-header {
  padding: 0;
}

.header-full-width .modal-header h2 {
  margin-bottom: 0;
  font-family: "Avenir", Arial, sans-serif;
}

div#modalViewDisclaimer {
  overflow: visible;
}

div#modalViewDisclaimer:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#modalViewDisclaimer .modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

div#modalViewDisclaimer .modal-dialog .modal-content {
  height: auto;
}

div#modalViewDisclaimer .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

/******************MultipleOfferCSS starts*********/
div#modalMultipleOffer {
  overflow: visible;
}

div#modalMultipleOffer:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#modalMultipleOffer .modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
}

div#modalMultipleOffer .modal-dialog .modal-content {
  height: auto;
}

div#modalMultipleOffer .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

/******************MultipleOfferCSS ends*********/

/******************cdtc-trid starts*********/
div#cdtc-trid {
  overflow: visible;
}

div#cdtc-trid:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#cdtc-trid .modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
}

div#cdtc-trid .modal-dialog .modal-content {
  height: auto;
  position: relative;
  min-width: 360px;
}

div#cdtc-trid .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

div#cdtc-trid .modal-dialog .modal-content .modal-body .close {
  position: absolute;
  right: 15px;
  top: 5px;
}

/******************cdtc-trid ends*********/

/******************modalViewAdjustments starts*********/
div#modalViewAdjustments {
  overflow: visible;
}

div#modalViewAdjustments:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#modalViewAdjustments .modal-dialog {
  max-width: 60 0px;
  margin: 1.75rem auto;
}

div#modalViewAdjustments .modal-dialog .modal-content {
  height: auto !important;
}

div#modalViewAdjustments .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

/******************modalViewAdjustments ends*********/

/******************save-existing starts*********/
div#save-existing {
  overflow: visible;
}

div#save-existing:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#save-existing .modal-dialog {
  max-width: 600px !important;
  margin: 1.75rem auto;
}

div#save-existing .modal-dialog .modal-content {
  height: auto;
}

div#save-existing .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

div#save-existing label {
  font-size: 16px;
}

div#save-existing button {
  font-size: 15px;
}

/******************save-existing ends*********/

/******************save-new-email starts*********/
div#save-new-email {
  overflow: visible;
}

div#save-new-email:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#save-new-email .modal-dialog {
  max-width: 600px !important;
  margin: 1.75rem auto;
}

div#save-new-email .modal-dialog .modal-content {
  height: auto;
}

div#save-new-email .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

div#save-new-email label {
  font-size: 16px;
}

div#save-new-email button {
  font-size: 15px;
}

/******************save-new-email ends*********/

/******************detect-change starts*********/
div#detect-change {
  overflow: visible;
}

div#detect-change:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div#detect-change .modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
}

div#detect-change .modal-dialog .modal-content {
  height: auto;
}

div#detect-change .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 30px;
  overflow: visible;
}

div#detect-change label {
  font-size: 16px;
}

div#detect-change button {
  font-size: 15px;
}

/******************detect-change ends*********/

#email-quick-estimate {
  overflow: visible;
}

#email-quick-estimate:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#email-quick-estimate .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
}

/* #select-contact-address {position: relative;} */
#select-contact-address::before {
  position: fixed;
  content: "";
  background-color: rgba(30, 76, 130, 0.65);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#select-contact-address .modal-dialog .modal-content {
  height: 100%;
  background: #fff;
}

#select-contact-address .modal-dialog .modal-content .modal-footer {
  padding: 0.5rem;
}

#select-contact-address .modal-dialog .modal-content .modal-footer button.btn.btn-danger.submit {
  height: 40px;
  padding: 0 20px;
  min-width: 112px;
  line-height: 40px;
  background-color: #043b7c;
}

#select-contact-address .modal-dialog .modal-content .modal-footer button.btn.btn-default.cancel {
  height: 40px;
  line-height: 30px;
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  min-width: 110px;
}

#email-quick-estimate .modal-dialog .modal-content {
  height: auto;
  background-color: #fff !important;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 35px 35px 10px;
  overflow: visible;
  margin: 0;
  min-height: auto;
}

#select-contact-address .modal-dialog .modal-content .modal-header,
#email-quick-estimate .modal-dialog .modal-content .modal-header {
  padding: 15px 30px 15px 35px;
  background: #f4f9ff !important;
}

#select-contact-address .modal-dialog .modal-content .modal-header .close,
#email-quick-estimate .modal-dialog .modal-content .modal-header .close {
  font-size: 0;
  margin-top: 10px;
  background: url('assets/prod/ico-times.27aae4620cf154aa.svg') !important;
  background-size: contain !important;
}

#select-contact-address .modal-dialog .modal-content .modal-header h4,
#email-quick-estimate .modal-dialog .modal-content .modal-header h4 {
  margin:0;
  font-size: 20px;
  font-family: "Avenir", Arial, sans-serif;
  color: #323840;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element {
  width: 100%;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element label {
  background: #fff;
  color: #043b7c;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-field {
  outline: none;
  height: 40px;
  display: block;
  background: none;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
  color: #323840;
  box-shadow: none;
  border: 1px solid #3d85d8;
  border-radius: 4px;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-label {
  top: 9px;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body textarea.form-element-field {
  height: auto;
  min-height: 75px;
  resize: none;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-field:read-only {
  background-color: rgb(204 204 204 / 30%);
}

/* #email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-field.-hasvalue ~ #email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-label,#email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-field:focus ~ #email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-label {top: -7px !important;} */
.fullwidth-control .mat-mdc-form-field {
  width: 100%;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-infix {
  outline: none;
  height: auto;
  display: block;
  background: none;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
  color: #323840;
  box-shadow: none;
  border: 1px solid #3d85d8;
  border-radius: 4px;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-infix .form-element-field {
  border: none;
  height: 26px;
  padding: 7px 5px;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}

/* #email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-infix {padding: 0;}
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-wrapper {padding-bottom: 4px;}*/
/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 22px;
  left: 12px;
  background: #fff;
  width: auto !important;
  padding: 0 6px;
  color: #043b7c;
}

#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-mdc-chip.mat-mdc-standard-chip {
  background: #0044e9;
  color: #fff;
  font-weight: 400;
  border: none;
}

/*TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove {
  color: #fff;
  opacity: 1;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
#email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0.25em;
}

#email-quick-estimate .modal-dialog .modal-content .modal-footer.footer-style-1 {
  padding: 16px 37px 30px 37px;
}

/*TODO(mdc-migration): The following rule targets internal classes of autocomplete that may no longer apply for the MDC version.*/
.mat-autocomplete-panel .mat-option {
  border-bottom: #ccdae9 1px solid;
  margin: 0 8px;
  padding: 0 8px;
  font-size: 12px;
}

/*TODO(mdc-migration): The following rule targets internal classes of autocomplete that may no longer apply for the MDC version.*/
.mat-autocomplete-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0 7px 10px 0 rgb(0 0 0 / 8%) !important;
}

.error-cls {
  font-weight: 400;
  font-size: 11px;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.text-message-customer #email-quick-estimate .modal-dialog .modal-content .modal-body .mat-form-field-appearance-legacy .mat-form-field-infix {
  min-height: 40px;
  padding: 12px;
}

.compare-bottom-menu {
  position: relative;
}

.compare-bottom-menu ul {
  right: 0;
}

.address-book-btn {
  position: relative;
  z-index: 9;
}

.content-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(30, 76, 130, 0.65);
}

.content-loader .loader-inner {
  padding: 16px 14px;
  border-radius: 8px;
  background-color: #e6f1ff;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-left: -30px;
  margin-top: -30px;
}

.content-loader-text {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 76, 130, 0.65);
  border-radius: 4px;
}

.content-loader-text .loader-inner {
  padding: 16px 14px;
  border-radius: 8px;
  background-color: #e6f1ff;
  position: absolute;
  width: 446px;
  height: 60px;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-left: -223px;
  margin-top: -30px;
}

/* .cc-block .align-items-center {flex-grow: 1; flex-basis: 0;} */

#list_calculator {
  overflow: visible;
}

#list_calculator:before {
  content: "";
  position: absolute;
  background: rgba(30, 76, 130, 0.65);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#list_calculator .modal-dialog .modal-content .modal-header {
  padding: 15px 30px 15px 35px;
}

#list_calculator .modal-dialog .modal-content .modal-header .close {
  font-size: 0;
  margin-top: 10px;
}

#list_calculator .modal-dialog .modal-content .modal-header h4 {
  margin: 10px 0;
  font-size: 20px;
  font-family: "Avenir", Arial, sans-serif;
}

#list_calculator .modal-dialog {
  max-width: 65% !important;
  height: 100%;
}

#list_calculator .modal-dialog .modal-content .modal-body {
  margin: 10px 0 10px 10px;
  height: calc(100vh - 130px);
}

#search-saved-estimates {
  background: transparent;
  border: none;
  box-sizing: border-box;
  height: 40px;
  width: 388px;
  border: 1px solid #3d85d8 !important;
  border-radius: 4px;
  background: #f4f7fa url('assets/prod/search-icon.5f95ea643ea4c65a.jpg') no-repeat 97% 48% !important;
  box-shadow: 0 2px 20px 0 rgb(50 197 255 / 9%);
  font-size: 13px;
}

.back-to-seller {
  color: #474747;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 27px;
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
  padding-left: 5px;
}

.back-to-seller span {
  transform: rotate(180deg);
  color: #474747;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 26px;
  display: inline-block;
}

#list_calculator .modal-dialog .modal-content .modal-body .table-narrow th.mat-mdc-header-cell {
  font-weight: 400;
}

#list_calculator .modal-dialog .modal-content .modal-body .table-narrow .mat-mdc-cell {
  font-size: 12px;
}

#list_calculator .modal-dialog .modal-content .modal-body .table-narrow .mat-mdc-cell:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
}

#list_calculator .modal-dialog .modal-content .modal-body .table-narrow .mat-mdc-cell .btn-secondary {
  height: 38px;
  width: 92px;
  border-radius: 20px;
  background-color: #e6f1ff;
}

.slide-menu-button {
  position: absolute;
  bottom: 100px;
  right: 30px;
  border-radius: 50px;
  padding: 12px 12px;
  font-size: 14px;
  background: #1e4c82;
  color: #1e4d8200;
  box-shadow: 0 1px 13px 0 rgb(99 129 163 / 80%);
  border: 0px none;
  border-image-width: 0px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  outline: 0px none;
}

.slide-menu-button:after {
  content: "";
  position: absolute;
  width: 48%;
  height: 3px;
  background: #fff;
  top: 14px;
  left: 24%;
  box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;
}

.btn-style-1 .btn {
  margin-left: 0;
  font-size: 12px;
  height: 28px;
  min-width: 160px;
  border-radius: 0px;
  margin-bottom: 10px;
}

.btn-blue {
  background: #327aa8;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding: 8px;
  text-transform: uppercase;
  margin-left: 10px;
  border-radius: 0px;
}

.btn-blue:hover {
  color: #fff;
  background: #265d81;
}

.date_picker_icon .mat-datepicker-toggle button {
  border-radius: 4px;
  padding: 0 0.3rem;
  background-color: #e6f1ff;
  opacity: 0.5;
  border: 1px solid #00538c;
  height: 30px;
  margin-top: 6px;
  line-height: 14px;
  margin-left: 6px;
  width: 32px;
  text-align: left;
}

/*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.date_picker_icon .mat-datepicker-toggle button .mat-button-wrapper {
  margin-left: -1px;
}

.cal-icon .mat-datepicker-toggle button {
  border-radius: 4px;
  padding: 0 0.3rem;
  background-color: #e6f1ff;
  opacity: 0.5;
  border: 1px solid #00538c;
  height: 30px;
  margin-top: 1px;
  line-height: 14px;
  margin-left: 6px;
  width: 32px;
  text-align: left;
}

/*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.cal-icon .mat-datepicker-toggle button .mat-button-wrapper {
  margin-left: -1px;
}

/* .loader-block:before {content: ''; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.9); z-index: 99;} */
.loader-block img {
  position: absolute;
  z-index: 9999;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 0%;
  margin-top: 16px;
  margin-left: -16px;
}

.customise-calculator .modal-content .modal-body {
  overflow-y: visible;
}

.customise-calculator .modal-content .modal-body .condensed_container {
  display: flex;
  height: 100%;
  align-items: center;
}

.customise-calculator .modal-content .modal-body .condensed_container .pt-4 {
  padding-top: 0 !important;
}

.customise-calculator .modal-content .modal-body .condensed_container .pt-4 .btn-primary {
  margin-top: 0 !important;
}

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

.btn-styles .btn {
  font-size: 13px;
  width: 100%;
  margin: 5px 0;
  /* height: 28px;
  line-height: 20px; */
  max-width: 180px;
  line-height: 30px;
  height: 40px;
}

.btn-styles .btn.btn-success,
.btn-styles .btn.btn-success:focus {
  background-color: #e4f1ff;
  color: #003a81;
}

.btn-styles .btn.btn-danger,
.btn-styles .btn.btn-danger:focus {
  background-color: transparent;
  color: #313841;
  border: #313841 1px solid;
}

.swal2-title {
  font-size: 1.2em;
}

button.btn.btn-danger.submit {
  height: 40px;
}

.st-pad-l-r-0 {
  padding: 0 !important;
}

/* .short-sale-block {
  height: calc(100% - 90px) !important;
} */
.short-sale-menu:hover ul {
  height: 70px;
}

.refinance-calender-tag {
  margin-top: -3px !important;
}

#select-contact-address {
  overflow: hidden;
}

#select-contact-address .modal-content .modal-header .close {
  font-size: 0;
}

#select-contact-address .modal-content .modal-body {
  height: calc(100% - 155px);
  min-height: auto;
}

#select-contact-address .modal-content .modal-body .table-responsive>.table-bordered {
  border: 1px solid #dee2e6;
  margin-right: 10px;
  width: calc(100% - 10px);
}

#add-address-modal::before {
  background-color: rgba(30, 76, 130, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

#add-address-modal .modal-content .modal-header .close {
  font-size: 0;
}

#export-contact-list::before {
  background-color: rgba(30, 76, 130, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

#export-contact-list .modal-content .modal-header .close {
  font-size: 0;
}

#export-contact-list .modal-content .modal-body {
  overflow: hidden;
}

#export-contact-list .modal_size {
  height: inherit !important;
}

#export-contact-list .modal-content .modal-body {
  padding: 40px 60px;
}

#export-contact-list .modal-content .modal-body .btn {
  color: #323840 !important;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 39px;
  text-align: center;
  border-radius: 20px;
  padding: 0 20px;
  height: 39px;
  min-width: 112px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(50 100 150 / 40%);
  outline: none;
}

#du-importexport-csv::before {
  background-color: rgba(30, 76, 130, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

#du-importexport-csv .modal-content .modal-header .close {
  font-size: 0;
}

#du-importexport-csv .modal-content .modal-body {
  overflow: hidden;
}

#enhancement-update .mat-mdc-table {
  font-family: "Inter", sans-serif !important;
}

#enhancement-update .mat-mdc-table .mat-mdc-header-cell {
  font-size: 14px;
  font-weight: 600;
  color: #212529 !important;
}

/* #pop-tot .modal-body {overflow: hidden;} */
#pop-tot .tutorial-row {
  overflow: hidden;
  max-height: inherit;
}

#pop-tot .tutorial-row .tutorial-column {
  min-height: 325px;
}

#pop-tot .tutorial-row .tutorial-column div {
  color: #323840 !important;
  padding: 12px 0 0;
}

#tutorial-video-links .modal-header h4 {
  font-size: 20px !important;
  color: #323840 !important;
}

#tutorial-video-links .modal-header .close {
  margin-top: 0 !important;
  background-size: contain !important;
  background: url('assets/prod/ico-times.27aae4620cf154aa.svg');
  font-size: 0;
  opacity: 1;
}

#tutorial-video-links .modal-body {
  overflow: hidden;
  margin: 0;
}

.select-lang-cls .modal-content,
.select-profile-cls .modal-content {
  max-height: 320px;
  max-width: 470px;
}

.select-lang-cls .modal-content .modal-body,
.select-profile-cls .modal-content .modal-body {
  overflow: hidden;
}

.select-lang-cls .modal-content .modal-body,
.select-profile-cls .modal-content .modal-body {
  padding: 2rem !important;
}

.select-lang-cls .modal-content .modal-body .form-element-field,
.select-profile-cls .modal-content .modal-body .form-element-field {
  height: 40px;
}

.select-lang-cls .modal-content .modal-body .form-select:after,
.select-profile-cls .modal-content .modal-body .form-select:after {
  top: 12px;
  right: 15px;
}

.manage-profile-cls .modal-content {
  max-height: 320px;
  max-width: 470px;
}

.manage-profile-cls .modal-content .modal-body {
  overflow: hidden;
}

.select-state-county-cls .modal-content {
  max-height: 500px;
  max-width: 470px;
}

.select-state-county-cls .modal-content .modal-body {
  overflow: hidden;
  margin: 0;
  padding: 0rem 2rem !important;
}

.select-state-county-cls .modal-content .modal-body .form-element {
  margin-bottom: 14px;
}

.select-state-county-cls .modal-content .modal-body .form-element-field {
  height: 40px;
}

.select-state-county-cls .modal-content .modal-body .form-select:after {
  top: 12px;
  right: 15px;
}

.select-state-county-cls .modal-content .modal-body .form-element-label {
  top: 10px;
}

.select-state-county-cls .modal-content .modal-body .select-contry-btn-box {
  padding-top: 2rem;
}

.select-state-county-cls .modal-content .modal-body .form-element small {
  line-height: 18px;
  padding-top: 12px !important;
  display: block;
  color: #323840;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 15px;
}

.select-state-county-cls .modal-content .modal-body p.text-danger {
  color: #9d3b3b;
  font-family: "Inter";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.22px;
  line-height: 16px;
}

.saveBtnToast-menu ul {
  right: 0;
}

.quick-quotes-wrapper {
  max-width: 750px !important;
}

.quick-quotes-wrapper .modal-content {
  background: transparent;
  color: #fff;
  background: #1e4c82;
  height: auto;
}

.quick-quotes-wrapper .modal-content .modal-header {
  background: transparent;
}

.quick-quotes-wrapper .modal-content .modal-header h2 {
  color: #fff;
}

.quick-quotes-wrapper .modal-content .modal-header .close {
  background: url('assets/prod/close-ico.13aff740b5840af9.png');
  background-size: contain;
}

.quick-quotes-wrapper .modal-content .modal-body {
  overflow-y: auto;
  max-height: 100%;
  height: auto;
  min-height: 465px;
}

/*.quick-quotes-wrapper .modal-content .modal-body {height: 465px; overflow: auto;} */
.quick-quotes-wrapper .modal-content .modal-body .form-element {
  width: 49.3%;
  float: left;
  margin: 0 0 12px;
  text-align: left;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element .form-element-field {
  background: #386091;
  border-color: #386091;
  padding: 20px 12px;
  color: #fff;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element select {
  background: #386091;
  border-color: #386091;
  padding: 20px;
  color: #fff;
}

.quick-quotes-wrapper .modal-content .modal-body .form-select .form-element-field {
  color: #fff;
  padding: 12px 12px;
  box-sizing: border-box;
  height: auto;
}

.quick-quotes-wrapper .modal-content .modal-body .form-brk .form-element {
  width: 100%;
  margin: 0 0 12px;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element .form-element-label,
.quick-quotes-wrapper .modal-content .modal-body .form-brk .form-element .form-element-label {
  background: transparent;
  color: #fff;
  top: 10px;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element.form-checkbox {
  width: 100%;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element.form-input1 {
  margin-right: 0.7%;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element.form-input2 {
  margin-left: 0.7%;
  width: 48.2%;
}

.quick-quotes-wrapper .modal-content .modal-body .form-row.form-brk {
  width: 100%;
}

.quick-quotes-wrapper .modal-content .modal-body .form-element.input4 {
  width: 99% !important;
}

.input3,
.input4 {
  width: 100% !important;
}

.modal-backdrop.light-qq-backdrop {
  /* background-color: rgba(255, 255, 255, 0.9); */
  background-color: rgba(30, 76, 130, 0.65);
}

#upload-picture1::before,
#upload-picture2::before,
#advance-branding::before,
#standard-branding::before,
#customise-print::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(30, 76, 130, 0.65);
  z-index: 9;
}

#customise-print .customise-calculator {
  max-width: 600px !important;
  width: 100%;
  z-index: 10;
}

#standard-branding .standard-branding-size {
  z-index: 10;
  margin-top: 0 !important;
  height: calc(90vh - 32px) !important;
}

#standard-branding .standard-branding-size .modal-content .modal-header .close {
  font-size: 0;
}

#standard-branding .standard-branding-size .modal-content .modal-body .linear-border {
  background: transparent;
  border: none;
  padding: 0;
  margin: 40px 0 0;
}

#standard-branding .standard-branding-size .modal-content .modal-body .linear-border #stdImageholder {
  border: 1px solid #a6c1cf;
  overflow: hidden;
}

#advance-branding .advance-branding-size {
  max-width: 750px !important;
  width: 100%;
  z-index: 10;
}

#advance-branding .advance-branding-size .modal-content .modal-header .close {
  font-size: 0;
}

#upload-picture1 .upload-picture-size,
#upload-picture2 .upload-picture-size {
  max-width: 750px !important;
  width: 100%;
  z-index: 10;
  height: 60vh !important;
}

#upload-picture1 .upload-picture-size .modal-content .modal-header .close,
#upload-picture2 .upload-picture-size .modal-content .modal-header .close {
  font-size: 0;
}

#upload-picture1 .upload-picture-size .modal-content .modal-body,
#upload-picture2 .upload-picture-size .modal-content .modal-body {
  overflow: visible;
}

#enhancement-update .mat-column-action .btn-link img {
  width: 18px;
}

#enhancement-update .mat-column-action button.btn-secondary {
  font-size: 1.025em;
}

#enhancement-update .mat-column-action button.btn-secondary:hover {
  background-color: #e6f1ff;
}

/* Animation */
.rotate {
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*-----------------	Quick Quote CSS	-----------------*/
.quick-quote-tab {
  justify-content: flex-start;
  border: none;
  max-width: 750px;
  margin: 0 0 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.quick-quote-tab li {
  padding: 0 10px;
}

.quick-quote-tab li:first-child {
  padding-left: 0;
  border-right: #3b6291 1px solid;
}

.quick-quote-tab .nav-item {
  display: block !important;
  width: auto;
  position: relative;
}

.quick-quote-tab .nav-item .nav-link {
  display: block;
  padding: 0.75rem 0rem;
  /* border-color: #e9ecef #e9ecef #dee2e6; */
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* background-color: #f4f9ff; */
  border-bottom: 4px solid transparent;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}

.quick-quote-tab .nav-item .nav-link:hover {
  border-color: transparent;
  border-bottom-color: #fed863;
  background: transparent;
}

.quick-quote-tab .nav-item.show .nav-link,
.quick-quote-tab .nav-link.active {
  color: #fff;
  background-color: #1e4c82;
  border-color: transparent;
  border-radius: 0.25rem;
  border-bottom-color: #fed863;
}

.quick-quote-tab-content {
  padding: 25px 0 !important;
  max-width: 750px;
  margin: auto;
  /* border: #e9ecef 1px solid; */
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.quick-quotes-wrapper .modal-content .content-loader-text {
  background: transparent;
}

.quick-quote-tab li:nth-child(3) {
  width: calc(100% - 205px);
}

.setting-wrapper .accordion-style-1 .accordion-body .form-element {
  margin-bottom: 0;
}

.setting-wrapper .accordion-style-1 .accordion-body .form-element .form-element-field {
  padding: 6px 12px;
}

.quick-quote-tab-content .quick-quote-form-element {
  /* display: flex; */
  flex-direction: column;
}

.quick_button_box {
  padding: 16px 0px;
  /* background: #edf0f3; 
  margin: 16px 0 30px;*/
  border-radius: 4px;
  justify-content: flex-end;
  display: flex;
  width: 100%;
}

.quick_button_box button {
  margin: 0 6px;
  background: #e6f1ff;
  color: #1e4c82;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter";
}

.quick_font_row {
  font-size: 12px;
}

.quick_button_box button:hover {
  background: #fff;
  color: #1e4c82;
}

.quick-quote-tab-content .form-row .setting-wrapper .pt-4 {
  padding-top: 0px !important;
}

.setting-wrapper .instruction {
  background: #ddd;
  color: #333;
  font-size: 12px;
  padding: 2px 20px;
  box-sizing: border-box;
  min-height: 70px;
}

.setting-wrapper .instruction p {
  margin: 2px 0;
}

.setting-wrapper .instruction p {
  font-size: 15px;
  font-weight: 700;
}

.setting-wrapper .instruction ul {
  margin-bottom: 0px;
}

.setting-wrapper .instruction li {
  padding-bottom: 1px;
  list-style-type: disc;
  padding-bottom: 2px;
}

#modalViewNote {
  overflow: hidden;
  height: 50%;
}

#modalViewNote::before {
  position: fixed;
  content: "";
  background-color: rgba(30, 76, 130, 0.65);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#modalViewNote .modal-dialog {
  height: calc(50% - 32px);
}

#modalViewNote .modal-content .modal-body {
  overflow: hidden;
}

.quick-quotes-wrapper .modal-content .modal-body .form-select:after {
  top: 14px;
  color: #fff;
}

.closing_date_picker {
  border: 1px solid #3d85d8;
  padding: 1.3em 1rem 0.7rem !important;
  font-size: 12px !important;
}

.mat-datepicker-input {
  padding: 1rem 0.7rem 0.8rem !important;
}

#add-address-modal .modal-content .modal-body {
  overflow: visible;
  margin: 10px;
  padding: 2rem 3rem !important;
}

#add-address-modal .modal-content .modal-body .form-element-field {
  height: 40px;
  line-height: 40px;
  margin-bottom: 13px;
}

#add-address-modal .modal-content .modal-body .form-element-label {
  top: 11px;
  left: 22px;
}

#add-address-modal .modal-content .modal-body .form-element-field.-hasvalue~.form-element-label,
#add-address-modal .modal-content .modal-body .form-element-field:focus~.form-element-label {
  left: 19px;
}

#add-address-modal .modal-content .modal-body .modal-footer {
  border-top: transparent;
}

.closing_date_picker {
  border: 1px solid #3d85d8;
  padding: 1.3em 1rem 0.7rem !important;
  font-size: 12px !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.mat-button-wrapper {
  color: #0b3973;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-content .modal-header {
  background: #f4f9ff;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-content .modal-header h4 {
  color: #323840;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-content .modal-header .close {
  background-image: url('assets/prod/ico-times.27aae4620cf154aa.svg');
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content {
  height: auto;
  min-height: auto;
  background: #fff;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content .modal-body {
  min-height: auto;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-dialog {
  max-width: 600px !important;
  margin: auto;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 25px 30px 0;
  overflow: visible;
  margin: 0;
}

.quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content .modal-body label {
  color: #323840;
}

#add-address-modal .modal_size .modal-content {
  max-width: 470px;
  height: auto;
}

.standard-branding-size .modal-content {
  max-width: 840px;
  width: max-content;
}

.standard-branding-size .modal-content .modal-header h4 {
  font-size: 20px;
  color: #323840 !important;
}

.standard-branding-size .modal-content .modal-header .close {
  font-size: 0;
}

.standard-branding-size .modal-content .modal-body {
  overflow: hidden;
  padding: 2.5rem 3.5rem 1rem !important;
  margin: 0 !important;
}

.standard-branding-size .modal-content .modal-body .tab_section {
  max-width: 275px;
  border-radius: 30px;
  margin: 30px 0;
}

.standard-branding-size .modal-content .modal-body .tab_section ul {
  border: none;
}

.standard-branding-size .modal-content .modal-body .tab_section ul li {
  padding: 0;
}

.standard-branding-size .modal-content .modal-body .tab_section ul li:nth-child(1) .nav-link {
  border: #00538c 1px solid;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.standard-branding-size .modal-content .modal-body .tab_section ul li:nth-child(2) .nav-link {
  border: #00538c 1px solid;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.standard-branding-size .modal-content .modal-body .tab_section ul li .nav-link {
  border: none;
  padding: 10px;
  background-color: transparent;
  border-radius: 0;
  color: #346aa7;
  font-size: 14px;
  font-family: "Inter";
  font-weight: 500;
}

.standard-branding-size .modal-content .modal-body .tab_section ul li .nav-link.active {
  background-color: #00538c;
  color: #fff;
}

.standard-branding-size .modal-content .modal-footer {
  border: none;
  max-width: 100%;
  justify-content: flex-start !important;
}

.standard-branding-size .modal-content .modal-footer button {
  /*min-width: 180px;*/
  margin: 0 15px;
}

.standard-branding-size .modal-content .modal-footer button.btn-primary.cancel {
  background: #fff;
  border: #043b7c 1px solid;
  color: #043b7c;
}

.explorer_action_wrapper .form-element .form-element-field,
.explorer_action_wrapper .input-field {
  height: 40px;
}

.explorer_action_wrapper .form-select:after {
  top: 12px;
}

.standard-branding-size .modal-content .modal-footer.advance_footer {
  justify-content: flex-end !important;
}

.standard-branding-size .modal-content .modal-footer.advance_footer button {
  min-width: 180px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.standard-branding-size .modal-content .modal-footer.advance_footer button.btn.btn-default.cancel {
  font-weight: 600;
  color: #323840;
}

.standard-branding-size .modal-content .modal-footer.advance_pic_footer {
  justify-content: flex-end !important;
  margin-top: 30px !important;
}

.standard-branding-size .modal-content .modal-footer.advance_pic_footer button {
  min-width: 180px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.standard-branding-size .modal-content .modal-footer.advance_pic_footer button.btn.btn-default.cancel {
  font-weight: 600;
  color: #323840;
}

/* #picture input[type=file] {margin-right: 100px;} */
#picture input[type="file"][type="file"] {
  height: 0;
  overflow: hidden;
  width: 0;
}

#picture input[type="file"]+label {
  box-sizing: border-box;
  height: 40px;
  width: 146px;
  border: 1px solid #1e61ac;
  border-radius: 19px;
  background-color: #e6f1ff;
  vertical-align: middle;
  margin-right: 35px;
  color: #043b7c;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
}

span.file-select {
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15px;
  margin-right: 140px;
}

.customise-calculator .modal-content {
  width: 565px;
  height: 440px;
}

.customise-calculator .modal-body {
  padding: 3rem !important;
}

.customise-calculator .select-contry-btn-box {
  margin-top: 15px !important;
  justify-content: flex-start;
  text-align: left !important;
}

.customise-calculator .select-contry-btn-box button {
  text-align: left;
  max-width: 250px;
}

.customise-calculator .select-contry-btn-box button span {
  float: right;
}

.customise-calculator .select-contry-btn-box button:nth-child(2) {
  color: #1e61ac;
  box-sizing: border-box;
  height: 40px;
  width: 258px;
  border: 1px solid #1e61ac;
  border-radius: 20px;
  background-color: #e6f1ff;
}

.standard-branding-size .modal-content .modal-footer .row {
  width: 100%;
}

.standard-branding-size .modal-content .modal-footer .row button {
  width: 100%;
  font-family: "Inter";
  font-size: 14px;
  line-height: 30px;
}

.standard-branding-size .modal-content .modal-body .row>.col,
.standard-branding-size .modal-content .modal-body .row>[class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 24px !important;
}

.standard-branding-size .modal-content .modal-body .form-element-field {
  height: 40px;
}

.standard-branding-size .modal-content .modal-body .form-element-label {
  top: 10px;
  left: 32px;
}

.standard-branding-size .modal-content .modal-body .form-element-field.-hasvalue~.form-element-label,
.standard-branding-size .modal-content .modal-body .form-element-field:focus~.form-element-label {
  left: 29px;
}

.standard-branding-size .modal-content .modal-body .form-select .form-element-label {
  top: 10px;
  left: 13px;
}

.standard-branding-size .modal-content .modal-body .form-select .form-element-field.-hasvalue~.form-element-label,
.standard-branding-size .modal-content .modal-body .form-select .form-element-field:focus~.form-element-label {
  left: 10px !important;
}

.standard-branding-size .modal-content .modal-body .form-select:after {
  top: 12px;
}

.standard-branding-size .modal-content .modal-body .font-box .colorPicker-picker {
  height: 30px;
  width: 45px;
  border-radius: 3px;
  background-position: bottom right;
  background-image: none;
  position: relative;
}

.standard-branding-size .modal-content .modal-body .font-box .colorPicker-picker:after {
  position: absolute;
  content: "";
  border: #d6d6d6 1px solid;
  height: 34px;
  width: 49px;
  border-radius: 3px;
  top: -3px;
  left: -3px;
}

.standard-branding-size .modal-content .modal-body .font-box span {
  padding-top: 3px;
}

.standard-branding-size .modal-content .modal-body .button-box-picture button {
  background: #e6f1ff;
  color: #073e7e;
  border: #073e7e 1px solid;
  font-family: "Inter";
  font-size: 14px;
  line-height: 30px;
  width: 100%;
  font-weight: 500;
}

.standard-branding-size .modal-content .modal-body .button-box-canvas button {
  height: 40px;
  line-height: 30px;
  background: #509241;
  font-family: "Inter";
  font-size: 14px;
  line-height: 30px;
  width: 100%;
}

.canvas_conatiner {
  margin: 0 17px;
  border-radius: 3px;
}

.explorer_action_wrapper .form-element {
  margin-bottom: 16px;
}

.explorer_action_wrapper .form-select {
  width: 100%;
}

.explorer_action_wrapper .form-element-label {
  left: 13px !important;
}

.explorer_action_wrapper .form-element-field.-hasvalue~.form-element-label,
.explorer_action_wrapper .form-element-field:focus~.form-element-label {
  left: 10px !important;
}

.explorer_action_wrapper button.submit {
  height: 40px;
  line-height: 30px;
  font-size: 14px;
  background: #509241;
  width: 155px;
  font-family: "Inter";
}

.color-code span {
  padding-top: 3px;
  float: left;
}

.color-code .colorPicker-picker {
  height: 30px;
  width: 45px;
  border-radius: 3px;
  background-position: bottom right;
  background-image: none;
  position: relative;
}

.color-code .colorPicker-picker:after {
  position: absolute;
  content: "";
  border: #d6d6d6 1px solid;
  height: 34px;
  width: 49px;
  border-radius: 3px;
  top: -3px;
  left: -3px;
}

ul.picture-list {
  margin-bottom: 60px;
}

ul.picture-list li {
  padding: 5px 0;
}

ul.picture-list li span {
  background-color: #1e61ac;
  color: #fff;
  font-size: 10px;
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-align: center;
  line-height: 12px;
  margin-right: 10px;
  border-radius: 100%;
}

ul.picture-list li span::after {
  position: absolute;
  content: "";
  border: #000 1px solid;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  left: -3px;
  top: -3px;
}

#picture button.btn-success {
  height: 40px;
  line-height: 30px;
  font-size: 14px;
  background: #509241;
  width: 155px;
  font-family: "Inter";
}

.standard-clear-brand {
  max-width: 650px;
  width: 100%;
}

.standard-clear-brand h2 {
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.23px;
  line-height: 17px;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.standard-clear-brand .swal2-actions {
  justify-content: flex-end;
}

.standard-clear-brand .swal2-actions button.swal2-cancel {
  height: 40px;
  line-height: 40px;
  width: 93px;
  border-radius: 20px;
  background-color: #043b7c;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-left: 24px;
}

.standard-clear-brand .swal2-actions button.swal2-confirm {
  color: #323840 !important;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  outline: none;
  font-weight: 700;
}

.standard-clear-text {
  max-width: 650px;
  width: 100%;
}

.standard-clear-text h2 {
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.23px;
  line-height: 17px;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.standard-clear-text .swal2-actions {
  justify-content: flex-end;
}

.standard-clear-text .swal2-actions button.swal2-cancel {
  height: 40px;
  line-height: 40px;
  width: 93px;
  border-radius: 20px;
  background-color: #043b7c;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-left: 24px;
}

.standard-clear-text .swal2-actions button.swal2-confirm {
  color: #323840 !important;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  outline: none;
  font-weight: 700;
}

.advance-clear-brand {
  max-width: 650px;
  width: 100%;
}

.advance-clear-brand h2 {
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.23px;
  line-height: 17px;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.advance-clear-brand .swal2-actions {
  justify-content: flex-end;
}

.advance-clear-brand .swal2-actions button.swal2-cancel {
  height: 40px;
  line-height: 40px;
  width: 93px;
  border-radius: 20px;
  background-color: #043b7c;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-left: 24px;
}

.advance-clear-brand .swal2-actions button.swal2-confirm {
  color: #323840 !important;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  outline: none;
  font-weight: 700;
}

.idle-pop-cls .modal-content {
  max-width: 470px;
  height: 330px;
}

.idle-pop-cls .modal-content h4 {
  color: #323840;
  font-family: "Inter";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.idle-pop-cls .modal-content button.close {
  margin-top: 0;
}

.idle-pop-cls .modal-content p {
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}

.idle-pop-cls .modal-content p span {
  display: block;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 21px;
  margin: 30px 0 70px;
}

.idle-pop-cls .modal-content button.btn.btn-primary {
  height: 40px;
  line-height: 40px;
  width: 161px;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.idle-pop-cls .modal-content button.btn.btn-default {
  height: 60px;
  line-height: 60px;
  width: 161px;
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
}

/* .custom-class .modal-content .modal-body {overflow: visible;} */
button.user-cancel-btn {
  height: 50px;
  line-height: 50px;
  color: #323840;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
}

.rent-buy-calculate-btn {
  height: 40px;
  width: 125px;
  border-radius: 20px;
  background-color: #043b7c !important;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

/* #du-owner-carry {position: relative;}
#du-owner-carry::before {} */

div#du-owner-carry {
  position: fixed;
}

div#du-owner-carry:before {
  position: fixed;
  content: "";
  background: rgba(30, 76, 130, 0.65);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

div#du-owner-carry .modal-content .modal-body {
  height: calc(100% - 150px);
  padding: 10px !important;
}

div#du-owner-carry .modal-content .modal-header .close {
  margin-right: 20px;
}

div#du-importexport-csv .modal-dialog {
  max-width: 50%;
  height: calc(350px - 32px);
}

div#du-importexport-csv .modal-dialog .modal-content .modal-body {
  margin: 0;
}

.terms-of-use {
  overflow: hidden;
}

.terms-of-use .modal-content .modal-header button.close {
  background: url('assets/prod/ico-times.27aae4620cf154aa.svg') !important;
  background-size: contain !important;
  margin: 15px 0 0 !important;
}

.terms-of-use .modal-content .modal-header h2 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
  color: #323840;
  flex: 1;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.terms-of-use .modal-content .modal-header {
  padding: 15px 30px 15px 35px;
}

.terms-of-use .modal-content .modal-body {
  overflow: hidden;
}

.calc-btn {
  height: 28px;
  width: 95px;
  border-radius: 16px;
  background-color: #e6f1ff;
  color: #043b7c;
  font-family: "Inter";
  font-size: 11px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.calc-btn:hover {
  background-color: #1e4c82;
}

.qsg-btn {
  color: #0044e9;
  font-family: "Inter";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}

/* .old-design-label {display: none;} */

#modalViewDisclaimer .modal-content .modal-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
  display: inline-block;
  background-color: rgb(4, 59, 124) !important;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  padding: 0 20px;
  height: 40px;
  min-width: 112px;
}

.swal2-popup .swal2-actions .swal2-styled.swal2-confirm {
  display: inline-block;
  background-color: transparent !important;
  color: #323840 !important;
  font-family: "Inter";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 39px;
  text-align: center;
  border-radius: 20px;
  padding: 0 20px;
  height: 39px;
  min-width: 112px;
  /*border: #323840 1px solid!important;*/
  outline: none;
}

.import-exportstyle button.btn.btn-danger.submit {
  height: 40px;
  padding: 0 20px;
  min-width: 112px;
  line-height: 40px;
  height: 40px;
  background-color: #043b7c;
}

.import-exportstyle button.btn.btn-danger.submit:hover {
  background-color: #043b7c;
}

.setting-wrapper .accordion-style-1 input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  width: 18px;
  height: 18px;
  font-size: 26px;
}

.setting-wrapper .accordion-style-1 input[type="checkbox"]:after {
  background-color: #1e4c82;
  content: " ";
  background-color: purple;
  display: inline-block;
  visibility: visible;
}

.setting-wrapper .accordion-style-1 input[type="checkbox"]:checked:after {
  background-color: #1e4c82;
  content: "\2714";
  height: 18px;
  color: #fff;
  font-size: 12px;
  width: 19px;
  top: -16px;
  position: relative;
  text-align: center;
  border-radius: 3px;
}

.setting-Update-modify .modal-content {
  max-width: 470px;
  height: 245px;
}

.setting-Update-modify .modal-content .modal-header .close {
  font-size: 0;
}

.setting-Update-modify .modal-content .modal-body {
  overflow: auto;
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 8px 30px;
  height: auto;
  padding-top: 20px;
}

.setting-Update-modify .modal-content .modal-body h4 {
  font-size: 17px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}

.setting-Update-modify .modal-content .modal-body h4 span {
  float: left;
  margin-right: 10px;
  vertical-align: top;
  position: relative;
  top: -5px;
}

.setting-Update-modify .modal-content .modal-body button.btn.btn-default.submit {
  padding: 0 20px;
  min-width: 105px;
  line-height: 40px;
  height: 40px;
  background-color: #043b7c;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter";
  margin-right: 24px;
  float: right;
}

.setting-Update-modify .modal-content .modal-body button.btn.btn-default.cancel {
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter";
  margin: 5px 100px 0 0;
}

.setting-Update-modify .modal-content .modal-footer {
  border: none;
}

#export-contact-list .modal_size {
  height: inherit !important;
  max-width: 100% !important;
  width: 480px;
}

#export-contact-list .modal-content .modal-header {
  padding: 10px 15px 15px;
}

#export-contact-list .modal-content .modal-header .close {
  margin-top: 0;
}

#export-contact-list .modal-content .modal-body {
  display: inline-flex !important;
  flex-direction: column;
  margin: 20px 0;
  overflow: visible;
}

#export-contact-list .modal-content .modal-body .btn {
  margin: 10px 0;
}

.custom-checks label {
  width: calc(100% - 25px);
  float: right;
  text-align: left;
  margin-top: -1px;
}

.accordion-item .accordion-body button.btn {
  margin-left: 30px;
}

.change-blk button {
  background: #0b3973;
  line-height: 30px;
  margin-bottom: 12px;
}

.change-blk button span {
  color: #fff;
}

.buyer-net-sheet span.input-group-text.cal-icon.date_picker_icon {
  padding-top: 8px;
}

.cyc-content-box p {
  font-size: 16px;
  font-weight: 500;
  color: #323840;
}

.customize-set-box {
  margin-top: 30px;
}

.customize-set-box p {
  font-size: 14px;
  font-weight: 400;
  color: #323840;
}

.customize-set-box ul {
  display: inline-block;
  width: 100%;
  /* margin-bottom: 0; */
}

.customize-set-box ul li {
  float: left;
  width: auto;
  margin-right: 20px;
}

.checkbox-btn,
.radio-btn {
  position: relative;
  padding-left: 20px;
}

.checkbox-btn input[type="checkbox"],
.checkbox-btn input[type="radio"],
.radio-btn input[type="checkbox"],
.radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.checkbox-btn label,
.radio-btn label {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: #323840;
  font-size: 14px;
  font-weight: 400;
}

.checkbox-btn label::after,
.radio-btn label::after {
  position: absolute !important;
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  left: 0 !important;
  top: 0 !important;
  margin-left: -18px !important;
  background-color: white !important;
  border: 1px solid #c0c8d1 !important;
  border-radius: 3px !important;
  background-clip: padding-box !important;
  cursor: pointer !important;
}

.checkbox-btn label::before,
.radio-btn label::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 5px;
  top: 6px;
  left: 6px;
  margin-left: -18px;
  border: 3px solid #000;
  border-top: none;
  border-right: none;
  background: transparent;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}
.success-dialog {
  background-color: #fff;
  color: #177500;
}

.success-dialog button {
  color: #177500;
}

.failure-dialog {
  background-color: #fff;
  color: #bf0c0c;
}

.failure-dialog button {
  color: #bf0c0c;
}
.messagesb-dialog {
  background-color: #000;
  white-space: pre-wrap;
  color: #fff;
  max-width: 100% !important;
}

.messagesb-dialog button {
  color: #bf0c0c;
}

.checkbox-btn label:active::before,
.radio-btn label:active::before {
  opacity: 0.3;
}

.checkbox-btn input[type="checkbox"]:checked+label,
.checkbox-btn input[type="radio"]:checked+label,
.radio-btn input[type="checkbox"]:checked+label,
.radio-btn input[type="radio"]:checked+label {
  color: #000;
}

.checkbox-btn input[type="checkbox"]:checked+label::after,
.checkbox-btn input[type="radio"]:checked+label::after,
.radio-btn input[type="checkbox"]:checked+label::after,
.radio-btn input[type="radio"]:checked+label::after {
  border: 1px solid #c0c8d1;
}

.checkbox-btn input[type="checkbox"]:checked+label::before,
.checkbox-btn input[type="radio"]:checked+label::before,
.radio-btn input[type="checkbox"]:checked+label::before,
.radio-btn input[type="radio"]:checked+label::before {
  opacity: 1;
}

.checkbox-btn input[type="checkbox"]:disabled+label,
.checkbox-btn input[type="radio"]:disabled+label,
.radio-btn input[type="checkbox"]:disabled+label,
.radio-btn input[type="radio"]:disabled+label {
  color: #787878;
  cursor: default;
}

.checkbox-btn input[type="checkbox"]:disabled+label::after,
.checkbox-btn input[type="radio"]:disabled+label::after,
.radio-btn input[type="checkbox"]:disabled+label::after,
.radio-btn input[type="radio"]:disabled+label::after {
  border: 3px solid #787878;
  background-color: #ffffff;
}

.checkbox-btn input[type="checkbox"]:disabled+label::before,
.checkbox-btn input[type="radio"]:disabled+label::before,
.radio-btn input[type="checkbox"]:disabled+label::before,
.radio-btn input[type="radio"]:disabled+label::before {
  display: none;
}

.radio-btn label::after {
  border-radius: 50%;
  background-clip: padding-box;
}

.radio-btn label::before {
  width: 10px;
  height: 10px;
  border: none;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #043b7c;
  transform: rotate(0deg);
}

.select-contry-btn-box {
  display: block;
  justify-content: revert;
  width: 100%;
}

.customise-calculator .modal-content .modal-body {
  margin: 0;
  padding: 2.5rem 5rem !important;
  color: #043b7c;
}

.customise-calculator .select-contry-btn-box button {
  float: left;
  max-width: 170px;
  background: #e6f1ff;
  color: #043b7c;
  padding-left: 30px;
}

.customise-calculator .select-contry-btn-box button:nth-child(2) {
  color: #fff;
  box-sizing: border-box;
  height: 40px;
  width: 258px;
  border-radius: 20px;
  background-color: #043b7c;
  float: right;
}

#du-owner-carry .modal-content .option-drop .dropdown-menu {
  height: auto;
}

.swal2-container.swal2-center.standard-clear-brand,
.swal2-container.swal2-center.advance-clear-brand {
  max-width: 100%;
}

.closing-costs .form-select.remove-ex-spc {width: 100%; margin-right: 0;}
.closing-costs .discount-equal-box.refinance-discount {padding-right: 8px;} 
.refinance-reissue {display: flex; flex: auto; flex-direction: initial; align-items: center;}
.refinance-reissue .equal-col .form-element-field {width: 100px;}
.mb-0 {margin-bottom: 0;}


@media screen and (min-width: 768px) {
  header .header-topnav {
    /* border-left: 10px solid #ffcd32;*/
    padding-top: 36px;
    padding-bottom: 32px;
  }

  header .header-topnav .heading-title {
    margin: 30px 0;
  }

  .custom-user-details-wrapper .user-details-cont {
    padding-left: 60px;
  }

  .custom-user-details-wrapper .timeLocation {
    padding: 24px 60px 23px 0;
    border-bottom: none;
    border-right: 1px solid #c7dbf2;
  }

  .custom-user-details-wrapper .timeLocation .time-info {
    font-size: 45px;
    line-height: 1.2;
  }

  .heading-style-3 .heading-title {
    font-size: 35px;
  }

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

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

  .custom-user-details-wrapper .user-details-cont .user-img {
    height: 64px;
    width: 64px;
    flex: 0 0 64px;
    max-width: 64px;
  }

  .custom-user-details-wrapper .user-details-cont .user-img img {
    max-width: 64px;
  }

  .dashboard-opts .opt-box .box-inner {
    padding: 38px 15px;
  }

  .dashboard-opts .opt-box {
    margin: 20px 0;
  }

  .side-heading {
    margin-top: 16px;
  }

  /* .select-contry-btn-box {justify-content: center;} */
}

@media (max-width: 1370px) {

  .seller-net-sheet .option-drop .dropdown-menu,
  .buyer-net-sheet .option-drop .dropdown-menu,
  .seller-multiple-offer .option-drop .dropdown-menu {
    /* top: 50px!important; */
    height: calc(100vh - 100px);
    flex-direction: column;
    overflow: auto;
  }

  .seller-net-sheet .option-drop .dropdown-menu a.dropdown-item,
  .buyer-net-sheet .option-drop .dropdown-menu a.dropdown-item,
  .seller-multiple-offer .option-drop .dropdown-menu a.dropdown-item {
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1370px) {
  .seller-net-sheet.custom-class {
    max-width: 98% !important;
  }

  .short-sale-modal.custom-class {
    max-width: 98% !important;
  }

  .buyer-net-sheet.custom-class {
    max-width: 98% !important;
  }

  .net-first-modal.custom-class {
    max-width: 98% !important;
  }

  .refinance-modal.custom-class {
    max-width: 98% !important;
  }

  .seller-multiple-offer.custom-class {
    max-width: 98% !important;
  }
}

/** LARGE **/
@media (min-width: 992px) {
  .calculators-pg .nav-tabs .nav-link {
    margin-right: 7px;
  }

  .custom-width-48 {
    width: 50.7%;
  }
}

.closing-costs.other-costs .discount-equal-box .input-box1 {
  width: 90%;
}

/** EXTRA LARGE **/
@media (min-width: 1200px) {
  .calculators-pg nav {
    display: block;
  }

  .closing-costs .discount-equal-box .input-box1 {
    width: 84px;
  }

  .custom-width-48 {
    width: 50.7%;
  }

  .closing-costs .date-policy-box {
    align-items: stretch;
  }

  .closing-costs .date-policy-box .align-items-center {
    max-width: none;
    width: 45.5%;
  }

  .closing-costs .date-policy-box .align-items-center .calendar-input {
    margin-right: 2%;
  }

  .closing-costs .date-policy-box .align-items-center .input-group-append span.cal-icon {
    margin-top: 0 !important;
  }
}

@media (min-width: 1380px) {
  .closing-costs .date-policy-box {
    align-items: stretch;
  }

  .closing-costs .date-policy-box .align-items-center {
    max-width: none;
    width: 43.3%;
  }

  .closing-costs .date-policy-box .align-items-center .calendar-input {
    margin-right: 2%;
  }

  .closing-costs .date-policy-box .align-items-center .input-group-append span.cal-icon {
    margin-top: 0 !important;
  }
}

@media (min-width: 1480px) {
  .calculators-pg .nav-tabs .nav-link {
    margin-right: 27px;
  }

  .calculators-pg .nav-tabs .nav-link:last-child {
    margin-right: 0px;
  }

  .closing-costs .discount-equal-box .input-box1 {
    width: 97px;
  }

  .custom-width-48 {
    width: 48%;
  }
}



@media (min-width: 1600px) {
  .closing-costs .discount-equal-box .input-box1 {
    width: 89px;
  }

  .custom-width-48 {
    width: 40.7%;
  }

  .closing-costs .date-policy-box .align-items-center {
    max-width: none;
    width: 36.5%;
  }
}

@media screen and (max-width: 999px) {
  .closing-costs .reduce-spc {
    flex-direction: column;
    align-items: flex-start !important;
  }

  /* .closing-costs .reduce-spc label {} */
  .closing-costs .reduce-spc .align-items-center {
    width: 100%;
  }

  .closing-costs .discount-equal-box .input-box1,
  .closing-costs .discount-equal-box .input-box2 {
    width: 100%;
  }

  .closing-costs .reduce-spc.old-reduce-spc2 {
    flex-direction: inherit;
  }

  .reduce-spc.old-reduce-spc2 .list-agt {
    flex-direction: row;
    width: 90%;
  }

  .reduce-spc.old-reduce-spc2 .list-agt .day-int {
    justify-content: flex-start !important;
    flex: 1 1 auto;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
  }

  .fee-section .form-element-field {
    padding: 7px;
  }

  #search-saved-estimates {
    width: 100%;
  }

  #enhancement-update .mat-mdc-table {
    font-family: "Inter", sans-serif !important;
    width: 720px;
  }

  .loan-comparison {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .loan-comparison label {
    margin-bottom: 8px;
  }

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

  .custom-checks label {
    display: block;
    margin-top: -4px;
  }

  .border-right {
    border-bottom: 1px solid #dee2e6 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-right: none;
  }

  .topnav-dropdown__employee {
    margin-bottom: 0;
  }

  .accordion-item .accordion-body button.btn {
    margin-left: 30px;
  }

  .accordion-item .accordion-body .custom-checks {
    margin-left: 10px !important;
    margin-top: 20px;
  }

  .accordion-item .accordion-body .custom-checks label {
    display: inline-block;
  }

  .menu {
    right: 60px;
  }

  .closing-costs .reduce-spc .align-items-center {
    width: 100%;
  }

  .closing-costs .discount-equal-box .input-box1,
  .closing-costs .discount-equal-box .input-box2 {
    width: 100%;
  }

  .closing-costs .reduce-spc.old-reduce-spc2 {
    flex-direction: inherit;
  }

  .reduce-spc.old-reduce-spc2 .list-agt {
    flex-direction: row;
    width: 90%;
  }

  .reduce-spc.old-reduce-spc2 .list-agt .day-int {
    justify-content: flex-start !important;
    flex: 1 1 auto;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
  }

  .fee-section .form-element-field {
    padding: 7px;
  }

  #search-saved-estimates {
    width: 100%;
  }

  #enhancement-update .mat-mdc-table {
    font-family: "Inter", sans-serif !important;
    width: 720px;
  }

  .loan-comparison {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .loan-comparison label {
    margin-bottom: 8px;
  }

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

  .custom-checks label {
    display: block;
    margin-top: -1px;
  }

  .border-right {
    border-bottom: 1px solid #dee2e6 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-right: none;
  }

  .topnav-dropdown__employee {
    margin-bottom: 0;
  }

  .accordion-item .accordion-body button.btn {
    margin-left: 30px;
  }

  .accordion-item .accordion-body .custom-checks {
    margin-left: 10px !important;
    margin-top: 20px;
  }

  .accordion-item .accordion-body .custom-checks label {
    display: inline-block;
  }

  .standard-branding-size .modal-content {
    max-width: 760px;
    width: max-content;
  }

  .standard-branding-size .modal-content .modal-body {
    padding: 2.5rem 2rem 1rem !important;
  }

  .standard-branding-size .modal-content .modal-footer button,
  .standard-branding-size .modal-content .modal-body .btn {
    padding: 0 15px;
  }

  div#du-importexport-csv .modal-dialog {
    max-width: 50%;
    height: calc(350px - 32px);
  }

  .seller-net-sheet.custom-class {
    max-width: 90% !important;
  }

  .short-sale-modal.custom-class {
    max-width: 90% !important;
  }

  .buyer-net-sheet.custom-class {
    max-width: 90% !important;
  }

  .net-first-modal.custom-class {
    max-width: 90% !important;
  }

  .refinance-modal.custom-class {
    max-width: 90% !important;
  }

  .seller-multiple-offer.custom-class {
    max-width: 90% !important;
  }

  .available_assesor_tax_section.form-element {
    margin: 12px 5px;
  }

  #modalViewNote .modal-content .modal-body {
    margin: 20px 20px 0;
  }

  div#modalViewDisclaimer .modal-dialog {
    width: 100% !important;
  }

  #tax_breakup .modal-content .modal-header {
    padding: 10px 15px 7px;
  }

  #tax_breakup .modal-content .modal-header .close {
    margin: 2px 0px 0px
  }

  .closing-costs .reduce-spc.refinance-reissue {
    display: flex;
    flex: auto;
    flex-direction: initial;
    align-items: center!important;
    justify-content: center!important;
  }

  .closing-costs .reduce-spc.refinance-reissue .align-items-center {
    width: calc(100% - 220px);
  }

  .closing-costs .reduce-spc.refinance-reissue .custom-label {
    align-items: center;
  }

}

@media screen and (max-width: 768px) {
  .custom-user-details-wrapper .user-details-cont {
    padding: 20px 0;
    border-bottom: 1px solid #c7dbf2;
  }

  .custom-user-details-wrapper .timeLocation .time-info span {
    color: #323840;
    font-size: 12px;
    margin-left: 4px;
  }

  .custom-user-details-wrapper .timeLocation .location-info {
    font-size: 12px;
  }

  .p-0-mob {
    padding: 0;
  }

  .row.dashboard-opts {
    margin-right: -8px;
    margin-left: -8px;
  }

  .row.dashboard-opts>[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
  }

  .dashboard-opts .opt-box .box-inner .box-title {
    font-size: 14px;
  }

  .select-contry-btn-box .btn.btn-primary {
    min-width: 102px;
  }

  .cyc_section .container-fluid {
    padding: 0;
  }

  .setting-wrapper .social-old-bottom-box {
    width: auto !important;
    margin-right: 10px;
  }

  .setting-wrapper .instruction {
    padding: 12px 70px 12px 20px;
    box-sizing: border-box;
  }

  .accordion-style-1 .accordion-header .btn {
    font-size: 16px;
  }

  #enhancement-update .modal-header {
    padding: 15px 15px 15px;
  }

  #enhancement-update .modal-header .close {
    margin-top: 0;
  }

  #enhancement-update .modal-body .form-element.text-right .btn.btn-primary {
    min-width: 90px;
  }

  #add-address-modal .modal_size {
    max-width: 320px !important;
  }

  #add-address-modal .modal-content .modal-body {
    padding: 10px 15px !important;
  }

  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }

  .setting-wrapper .social-old-bottom-box {
    width: auto !important;
    margin-right: 10px;
  }

  .setting-wrapper .instruction {
    padding: 12px 70px 12px 20px;
    box-sizing: border-box;
  }

  .accordion-style-1 .accordion-header .btn {
    font-size: 18px;
  }

  div#du-importexport-csv .modal-dialog {
    max-width: 100%;
    height: calc(350px - 32px);
  }

  #select-contact-address .modal-dialog .modal-content {
    height: 100%;
  }

  .reduce-spc.old-reduce-spc2 .list-agt .day-int {
    flex-basis: 34%;
  }

  .reduce-spc.old-reduce-spc2 .list-agt .day-int label {
    margin-left: 10px;
  }

  .annualPropertyTax-section {
   
  }

  .other-costs {
    margin: 0 5px;
  }

  .customise-calculator .modal-content .modal-body {
    padding: 30px 20px !important;
  }

  .customize-set-box ul li {
    float: left;
    width: 100%;
    margin-right: 0;
    margin: 6px 0;
  }

  .customise-calculator .select-contry-btn-box {
    display: inline-block;
    width: 100%;
    text-align: center !important;
  }

  .customise-calculator .select-contry-btn-box p {
    float: left;
    width: 100%;
    text-align: left;
  }


}

@media (max-width: 767px) {
  .standard-branding-size {
    margin-top: 0 !important;
  }

  .standard-branding-size,
  .standard-branding-size>.modal-content {
    width: 100% !important;
  }

  .standard-branding-size .modal-content {
    max-width: 100%;
  }

  .modal.fade .modal-dialog.standard-branding-size>.modal-content {
    height: 100% !important;
    overflow: auto;
  }

  .standard-branding-size .modal-content .modal-footer.advance_pic_footer button {
    margin: 15px 0;
  }

  #textcontrols .control_wrapper {
    display: block !important;
  }

  #textcontrols .control_wrapper .col-12 {
    padding: 0 15px !important;
  }

  #textcontrols .control_wrapper .col-12.color-code {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
  }

  .advance-main-body #canvas2 {
    width: calc(100% - 15px) !important;
  }

  .explorer_action_wrapper button.submit {
    margin-top: 15px;
  }

  .standard-branding-size .modal-content .modal-footer.advance_footer {
    justify-content: flex-end !important;
    flex-direction: column-reverse;
    display: flex !important;
  }

  .standard-branding-size .modal-content .modal-footer.advance_footer button {
    margin: 15px 0;
  }

  div#save-existing .modal-dialog .modal-content .modal-body {
    padding: 35px 30px !important;
  }

  .modal-dialog.state-County.idle-pop-cls .modal-content .modal-header {
    padding: 15px 30px 15px 35px;
  }

  .modal-dialog.state-County.idle-pop-cls .modal-content .modal-body .mrgbtm {
    margin: 25px 0;
  }

  .idle-pop-cls .modal-content button.btn.btn-primary {
    width: 150px;
  }
}


@media screen and (max-width: 700px) {
  .quick_button_box .btn.btn-primary {
    padding: 0;
    min-width: 90%;
    margin: 3px auto;
  }

  .customize-set-box ul {
    margin-bottom: 0;
  }

  .modal-dialog.user-profile-setting button#mobile_help_button {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .select-contry-btn-box {
    text-align: left;
    padding: 0 20px;
  }

  .modal-header {
    padding: 15px 15px 15px 15px;
  }

  .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
    margin: 0;
  }

  .option-drop {
    float: none;
    margin-left: 0;
    margin-top: 12px;
  }

  #parent-container .app {
    padding: 0 !important;
  }

  .modal-content .modal-header {
    padding: 0px 15px 5px;
  }

  .modal h2 {
    font-size: 18px;
  }

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

  .closing-costs .reduce-spc {
    padding-bottom: 12px;
    margin-bottom: 0 !important;
    justify-content: flex-start !important;
    flex-direction: column;
    align-items: inherit !important;
  }

  .cc-old-view,
  .pp-old-view {
    padding: 0 8px !important;
  }

  .closing-costs .reduce-spc .form-element {
    margin-bottom: 0 !important;
  }

  .fee-section .form-element-field {
    padding: 7px 7px;
  }

  .oc-width,
  .list-agt {
    width: auto;
  }

  .oc-width .discount-equal-box .input-box1,
  .oc-width .discount-equal-box .input-box2 {
    width: 100%;
  }

  .list-agt .discount-equal-box .input-box1,
  .list-agt .discount-equal-box .input-box2 {
    width: 100%;
  }

  .closing-costs .mobile-reduce-spc {
    flex-direction: row;
  }

  .closing-costs .mobile-reduce-spc .input-box1 {
    margin-right: 10px;
  }

  .closing-costs .reduce-spc.eagle-owner-block {
    height: 42px;
    flex-direction: row !important;
    justify-content: space-between !important;
  }

  .mobile-discount {
    flex-direction: row;
  }

  .closing-costs .eagle-owner-block {
    flex-direction: row !important;
    justify-content: space-between;
  }

  .select-contry-btn-box {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }

  #stateCountryModal .modal-dialog .modal-content,
  #languageModal .modal-dialog .modal-content,
  #tutorialVideoModal .modal-dialog .modal-content,
  #customizeModal .modal-dialog .modal-content {
    width: calc(100% - 32px);
  }

  .address-popup-section .container-fluid {
    padding: 0 16px;
  }

  .address-popup-section .container-fluid .table {
    width: 900px;
  }

  .setting-wrapper .custom-checks {
    padding: 25px 0px !important;
  }

  .setting-wrapper .custom-checks input[type="checkbox"] {
    float: left;
  }

  .setting-wrapper .custom-checks label {
    margin-top: -4px;
    display: inherit;
  }

  div#modalViewDisclaimer .modal-dialog .modal-content .modal-body {
    padding: 35px 30px 15px !important;
  }

  .state-County {
    margin: 0 15px !important;
  }

  .select-contry-btn-box {
    display: flex;
    flex-direction: row;
    padding: 0;
  }

  /* .select-contry-btn-box .btn.btn-primary {min-width: 102px!important;} */
  .select-contry-btn-box button {
    width: 45%;
  }

  .state-County .modal-content {
    max-height: 330px;
  }

  .well {
    margin: 10px 10px;
  }

  #pop-tot .tutorial-row .tutorial-column {
    min-height: auto;
  }

  #pop-tot .tutorial-row .tutorial-column div {
    height: auto;
  }

  /* .footer__link {
    width: calc(100% / 2);
  } */
  #pop-tot .modal-header {
    padding: 10px 15px 15px;
  }

  #pop-tot .modal-header .close {
    margin-top: 0;
  }

  .buyer-net-setion {
    overflow: hidden;
  }

  .buyer-net-setion .form-content {
    overflow: hidden;
    padding: 0 6px;
  }

  #select-contact-address .modal-dialog .modal-content .modal-header,
  #email-quick-estimate .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 15px 15px;
  }

  #select-contact-address .modal-dialog .modal-content .modal-header h4,
  #email-quick-estimate .modal-dialog .modal-content .modal-header h4 {
    margin: 5px 0;
  }

  #email-quick-estimate .modal-dialog .modal-content .modal-body .form-element:nth-child(1) {
    margin-bottom: 0 !important;
    height: 52px;
  }

  #email-quick-estimate .modal-dialog .modal-content .modal-body {
    padding: 25px 15px 10px !important;
  }

  #select-contact-address .modal-content .modal-body .table-responsive>.table-bordered {
    margin: 10px;
    width: calc(100% - 20px);
  }

  .content-loader-text .loader-inner {
    width: 200px;
    margin-left: -100px;
  }

  .quick-quotes-wrapper .modal-content {
    width: calc(100% - 20px);
  }

  .accordion-style-1 .accordion-header .btn {
    padding: 15px 30px 15px 0;
  }

  .quick-quote-tab-content {
    height: 550px;
    overflow-y: auto;
  }

  .quick_button_box .btn.btn-primary {
    padding: 0;
    min-width: 90%;
    margin: 3px auto;
  }

  .quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content .modal-body {
    padding: 15px 15px 0 !important;
  }

  .quick-quotes-wrapper .modal-content #save-new-email .modal-content .modal-header .close {
    margin-top: 0;
  }

  .quick-quotes-wrapper .modal-content #save-new-email .modal-content .modal-header {
    padding: 15px 20px 15px 20px !important;
  }

  .quick-quotes-wrapper .modal-content #save-new-email .modal-dialog .modal-content .modal-footer.footer-style-1 {
    padding: 15px;
  }

  .quick-quotes-wrapper .modal-content .modal-header {
    padding-top: 10px;
  }

  #email-quick-estimate .modal-dialog .modal-content .modal-body .form-element-field:read-only {
    margin-top: 12px;
  }

  .buyer-net-sheet .modal-content .modal-body .container-fluid {
    overflow: hidden;
  }

  .buyer-net-sheet .modal-content .modal-body .closing-costs,
  .buyer-net-sheet .modal-content .modal-body .form-element.down-pay-box,
  .buyer-net-sheet .modal-content .modal-body .adjust-row.laon-section,
  .buyer-net-sheet .modal-content .modal-body .form-element.annual-property-box {
    margin: 0 5px;
  }

  .buyer-net-sheet .modal-content .modal-body .fee-section {
    padding: 5px;
  }

  #du-importexport-csv .modal-dialog .modal-content {
    height: auto;
  }

  #du-importexport-csv .modal-content .modal-header {
    padding: 10px 15px 15px;
  }

  #du-importexport-csv .modal-content .modal-header .close {
    margin-top: 0;
  }

  #du-importexport-csv .modal-content .modal-body {
    margin: 15px !important;
  }

  .net-first-modal .modal-content .modal-header {
    padding: 0px 10px 0px;
  }

  .net-first-modal .modal-content .modal-header span {
    float: left;
  }

  .net-first-modal .modal-content .modal-header .option-drop {
    margin-top: 0;
  }

  .short-sale-modal .modal-content .modal-body .short-other-info,
  .short-sale-modal .modal-content .modal-body .closing-costs,
  .short-sale-modal .modal-content .modal-body .credit-block {
    margin: 0 5px;
  }

  .refinance-modal .modal-content .modal-body .closing-costs,
  .refinance-modal .modal-content .modal-body .fee-section {
    margin: 0 5px;
  }

  #curve_chart {
    width: 360px;
  }

  .rent-buy-modal .modal-content .modal-body .annualPropertyTax-section {
    margin: 0;
  }

  .rent-buy-modal .modal-content .modal-body .old-semi-box {
    margin: 0 5px;
  }

  .rent-buy-modal .modal-content .modal-body .buyer-net-setion {
    overflow: hidden;
    margin: 0 -16px;
  }

  .closing-costs.other-costs .discount-equal-box .input-box1 {
    width: 100%;
  }

  .user-profile-setting .modal-content .modal-body,
  .user-profile-setting .modal-content .modal-body {
    padding: 1.5rem 0.5rem !important;
  }

  .customise-calculator {
    width: 90% !important;
  }

  .customise-calculator .modal-content {
    height: auto;
  }

  .customise-calculator .modal-content .modal-body {
    padding: 30px 0 !important;
  }

  .customise-calculator .select-contry-btn-box button.btn.btn-default.customize-btn {
    text-align: center;
  }

  .standard-branding-size,
  .standard-branding-size>.modal-content {
    width: 100% !important;
  }

  .standard-branding-size {
    margin-top: 0 !important;
    height: calc(100% - 30px);
  }

  .standard-branding-size .modal-header {
    padding: 10px 15px 10px;
  }

  .standard-branding-size .modal-content .modal-header h4 {
    font-size: 16px;
    color: #323840 !important;
    width: 90%;
  }

  .standard-branding-size .modal-content .modal-body {
    height: auto;
    padding: 2rem 1.5rem 1rem !important;
  }

  .standard-branding-size .modal-content .modal-footer .row {
    flex-direction: column-reverse;
  }

  .standard-branding-size .modal-content .modal-footer .row .col-md-3 {
    margin: 7px 0;
  }

  .standard-branding-size .modal-content .modal-footer.advance_pic_footer {
    flex-direction: column-reverse;
  }

  #picture {
    text-align: center;
  }

  ul.picture-list {
    margin-bottom: 20px;
  }

  ul.picture-list li {
    text-align: left;
    padding-left: 35px;
  }

  ul.picture-list li span {
    margin-left: -30px;
  }

  span.file-select {
    margin-right: 0;
    display: block;
    text-align: center;
    padding: 20px 0;
  }

  #picture input[type="file"]+label {
    display: block;
    text-align: center;
    float: none;
    margin: auto;
  }

  #picture button.btn-success {
    margin: auto;
  }

  .standard-branding-size .modal-content .modal-footer.advance_pic_footer button {
    margin: 15px 0;
  }

  #textcontrols .control_wrapper {
    display: block !important;
  }

  #textcontrols .control_wrapper .col-12 {
    padding: 0 15px !important;
  }

  #textcontrols .control_wrapper .col-12.color-code {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
  }

  .advance-main-body #canvas2 {
    width: calc(100% - 15px) !important;
  }

  .explorer_action_wrapper button.submit {
    margin-top: 15px;
  }

  .standard-branding-size .modal-content .modal-footer.advance_footer {
    justify-content: flex-end !important;
    flex-direction: column-reverse;
    display: flex !important;
  }

  .standard-branding-size .modal-content .modal-footer.advance_footer button {
    margin: 15px 0;
  }

  #export-contact-list .modal-content .modal-body {
    margin: 70px 0;
  }

  .accordion-style-1 .accordion-body {
    overflow: auto;
  }

  .terms-of-use {
    overflow: visible;
  }

  .terms-of-use .modal-content .modal-body {
    overflow-y: scroll;
  }

  ::ng-deep :host-context(termsofuse-page) {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .change-blk button {
    width: 100%;
  }

  .user-profile-setting .modal-content,
  .user-profile-setting .modal-content {
    max-height: none !important;
  }

  div#cdtc-trid .modal-dialog .modal-content {
    height: 150px;
  }

  .setting-Update-modify .modal-content {
    max-width: 390px;
    height: 260px;
  }

  .setting-Update-modify .modal-content .modal-header {
    padding: 15px 30px 15px 35px;
  }

  .setting-Update-modify .modal-content .modal-body {
    padding-top: 20px !important;
    margin: 8px 20px;
  }

  .setting-Update-modify .modal-content .modal-body h4 {
    margin-bottom: 30px;
    font-size: 16px;
  }

  .setting-Update-modify .modal-content .modal-body button.btn.btn-default.submit {
    margin-right: 5px;
  }

  .setting-Update-modify .modal-content .modal-body button.btn.btn-default.cancel {
    margin: 5px 0px 0 20px;
    float: left;
  }

  .customise-calculator .modal-content {
    max-width: 565px;
    width: 100%;
  }

  .modal.show .modal-dialog.customise-calculator .modal-content .modal-header {
    padding: 10px 25px;
  }

  .modal.show .modal-dialog.customise-calculator .modal-content .modal-body {
    padding: 30px 25px !important;
  }

  .customize-set-box ul li {
    width: 50%;
  }

  .customise-calculator .select-contry-btn-box button:nth-child(2) {
    margin-bottom: 0 !important;
  }

  .customise-calculator .select-contry-btn-box p {
    width: 100%;
    text-align: left;
  }

  .customise-calculator .select-contry-btn-box button:nth-child(2) {
    margin-bottom: 0 !important;
  }

  .user-profile-setting .modal-content .modal-body {
    max-height: calc(100vh - 100px) !important;
  }

  .modal-dialog.select-lang-cls .modal-content .modal-header {
    padding: 15px 30px 15px 35px;
  }

  .modal-dialog.select-lang-cls .modal-content .modal-body {
    padding: 2rem !important;
  }

  .modal-dialog.select-lang-cls .modal-content .modal-body .select-contry-btn-box .btn.btn-primary {
    width: auto;
  }

  div#save-existing .modal-dialog .modal-content .modal-body div {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  div#save-existing button {
    font-size: 15px;
    min-width: 180px;
    margin: 0;
  }
}

/*  22.11.2021  for footer change*/
.footer__lower .footer__social-media.footer__social-media--mobile {
  display: none;
}

.footer__lower p.footer__fine-print {
  margin: 0;
}

.footer__tech-support a {
  font-weight: 400;
  text-decoration: none;
}

.escrowDiscl {
  color: #942232 !important;
  word-break: break-word;
  white-space: normal;
  line-height: 18px;
  margin-top: -6px;
}

.escrow_discl {
  color: #942232 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/user-manager.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* body {margin: 0; font-family: Roboto,Helvetica Neue,sans-serif!important;} */
.sub-menu-container nav ul li a {color: #942232;}
header.login-header {padding: 0!important;}
header.navbar.navbar-inverse.navbar-fixed-top {position: fixed;}
header.login-header .container {display: block; max-width: 1170px; margin: 0 auto;}
.login-header {background: #9f2e3e; margin-bottom: 10px; min-height: auto; height: 30px;}
header.login-header .navbar-header {float: left;}
.cost-logo {font-size: 24px; color: #fff; line-height: 28px;}
.calc-box-bg {padding: 10px 16px!important; margin-top: 15px!important; max-width: 1270px; margin: auto; width: 100%;}
.box-color, .calc-box-bg {background: transparent; border-top: none; margin-top: 4px; border-radius: 5px; padding: 25px; box-sizing: border-box; border: none; box-shadow: 0 0 10px #0000004d; font-family: "Inter", Arial, sans-serif;}
.calc-box-bg h3 {color: #323840!important; border-bottom: 1px dotted #616161; font-size: 18px; font-weight: 400; padding-bottom: 13px; font-family: Open Sans,sans-serif; margin-bottom: 20px; border-bottom: 0; margin: 6px 0!important; padding: 0; font-family: "Inter", Arial, sans-serif;}
.calc-box-bg .address-table label {font-weight: 600; float: left; padding: 7px 4px; margin-bottom: 0;}
.calc-box-bg .address-table .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px #00000013;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: left;
    width: 180px;
    min-height: auto;
}
.address-wrapper .btn,.company-body .btn, .company-body .submit, .address-wrapper .submit, .company-body .cancel, .address-wrapper .cancel {display: inline-block!important; font-size: 14px!important; height: 32px; line-height: 34px; min-width: inherit; padding: 0 15px!important; vertical-align: middle; text-transform: Uppercase; font-weight: 700!important; border-radius: 0!important;}
.company-body .btn:focus, .company-body .btn:hover, .company-body .btn {outline: 0!important;}
.address-wrapper .btn:focus, .address-wrapper .btn:hover, .address-wrapper .btn {outline: 0!important;}
.address-wrapper .cancel, .company-body .cancel {background: #942232!important; color: #fff!important; border: 0; margin: 0 5px; border-radius: 0!important; line-height: 20px; font-family: "Inter", Arial, sans-serif!important; font-weight: 700!important;}
.address-table table {border: 1px solid #ccc;}
.address-table table th {background: #942232; color: #fff;}
th.mat-mdc-header-cell, td.mat-mdc-cell, td.mat-mdc-footer-cell {padding: 0; border-bottom-width: 1px; border-bottom-style: solid;}
mat-row, mat-header-row, mat-footer-row, th.mat-mdc-header-cell, td.mat-mdc-cell, td.mat-mdc-footer-cell {border-bottom-color: #0000001f;}
table.mat-mdc-table tr.mat-mdc-row, table.mat-table tr.mat-mdc-footer-row, table.mat-table tr.mat-mdc-header-row {height: 34px;}
tbody tr:nth-child(even) {background-color: transparent!important;}
.mat-mdc-cell, .mat-mdc-footer-cell {font-size: 14px;}
.login-header .navbar-collapse .navbar-nav {margin: 0; float: left; list-style-type: none; display: inline-block;}
.login-header .navbar-collapse .navbar-nav li {margin: 0 8px 0 2px; float: left;}
.login-header .navbar-collapse .navbar-nav li a {color: #fff; padding: 3px 10px; box-sizing: border-box; font-size: 13px; height: 35px; line-height: 25px; font-weight: 400; display: inline-block;}
.login-header .navbar-collapse .navbar-nav li.active a {background: #781725; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 0;}
.login-header .logout-box {background: #781725; padding: 6px 15px; color: #fff; position: relative;}
.login-header .logout-box a::after {display: none;}

.login-header .logout-box a {color: #fff;}
.login-header .logout-box .dropdown-menu {padding: 0;}
.dropdown-menu {background: #fff; font-size: 14px;}
.login-header .logout-box .dropdown-menu li:first-child {border-bottom: 1px dotted #fff;}
.login-header .logout-box .dropdown-menu li a {color: #942232; padding: 10px 15px; border-bottom: 1px solid #eee; display: block; font-size: 14px;}
.login-header .logout-box .dropdown-menu li:last-child a {border-bottom: none;}
.pull-right {float: right!important;}
.pull-right>.dropdown-menu {right: 0; left: auto;}
.address-table table th {background: #942232; color: #fff;}
.myacount.modal-body.old-buyer-block.w-40 {width: 100%!important; margin-top: 30px!important;}
.myacount {margin: 0px auto 0; max-width: 650px!important; width: 100%!important;}
.myacount .calc-box-bg {padding: 25px!important;}
.myacount .calc-box-bg .form-group {margin-bottom: 15px;}
.myacount .calc-box-bg .form-group .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px #00000013;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.modal-body.company-body, .modal-body.address-wrapper {
    padding: 36px 0 24px;
    max-width: 1270px;
    margin: auto;
}

.modal-body.company-body .pt-4, .modal-body.address-wrapper .pt-4 {
    padding-top: 1rem!important;
}
.sub-menu-container .nav > li.active > a {
    background: #9422329e!important;
    color: #fff;
}

.address-table .table-striped >thead>tr>th {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    /* font-family: Roboto,Helvetica Neue,sans-serif!important; */
    font-family: "Inter", Arial, sans-serif!important;
}
.address-wrapper span.cancel, .company-body span.cancel {
    line-height: 32px;
    margin-bottom: 8px;
}
.address-wrapper .cancel:hover, .company-body .cancel:hover {
    background-color: #9422329e!important;
}
.calc-box-bg .address-table select.form-control {
    margin-bottom: 0!important;
    max-width: 150px;
}
.row-filter button, .row-filter span {margin-bottom: 0!important;}

.address-wrapper .mat-sort-header-arrow, .company-body .mat-sort-header-arrow {
    color: #fff;
}

.myacount .calc-box-bg h4 {
    color: #323840!important;
}

.myacount .calc-box-bg input.btn.btn-danger.submit {
    border-radius: 0!important;
    max-width: 110px;
    width: 100%;
    background-color: #942232!important;
}

header .header-topnav.topnav-style-2 span.second-menu {
    display: none;
}
.sub-menu-container.d-flex .navbar {min-height: 25px;}

.calc-box-bg .mat-sort-header-content {font-weight: 600;}
.calc-box-bg .mat-mdc-paginator-range-actions button {margin: 0 3px;}


@media (min-width: 1000px) {
    .navbar-toggle {display: none;}
    .navbar-collapse.collapse {display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important;}
    .myacount .calc-box-bg {padding: 25px!important; width: 495px!important;}
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-header {width: 120px;}
}

@media (max-width: 999px) {
    header.navbar.navbar-inverse.navbar-fixed-top {
        z-index: 999;
    }
    .modal-body.company-body, .modal-body.address-wrapper {
        padding: 28px 12px 24px 16px;
    }
    .calc-box-bg .address-table select.form-control {
        width: auto;
    }

    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse {
        width: calc(100% + 8px);
        position: relative;
        top: 2px;
    }
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse {width: 100%;    }
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse .navbar-nav {width: 100%;}
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse .navbar-nav li {width: 100%; border: none;}
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse .navbar-nav li a {background: #9f2e3e;}
    header.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse .navbar-nav li.active a {
        background: #781725;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 1px solid #fff;
    }
    .login-header .navbar-collapse .navbar-nav li {
        width: 100%;
        float: none;
        border-bottom: 1px solid #fff;
    }
    header.navbar-inverse .navbar-collapse .navbar-nav li a {
        background: #3078a4;
        border-bottom: 1px solid #fff;
        color: #fff;
        padding: 6px 8px;
        width: 100%;
    }
    .login-header .navbar-header .navbar-toggle {
        margin: 0!important;
        float: left!important;
        background: transparent;
        padding: 4px 3px;
        border-color: transparent;
        border-radius: 0;
        color: #fff;
        font-size: 14px;
    }
    .calc-box-bg .address-table .form-control {
        width: 160px!important;
        min-height: auto;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    header.login-header .container {
        padding: 0 0 0 6px;
    }
    
    .cost-logo {
        font-size: 14px;
    }
    .address-table form.form-inline {
        justify-content: end;
        display: flex;
        /* flex-flow: column; */
    }
    .address-table .form-group {
        margin-bottom: 12px;
        width: 100%;
        justify-content: space-between;
        display: flex;
    }
    .address-table form.form-inline button {
        margin-left: 0!important;
        align-items: center;
        display: flex!important;
        margin-right: 0;
    }
    .calc-box-bg .address-table .form-control {
        width: 60%!important;
    }
    .calc-box-bg .address-table label {
        padding: 7px 0!important;
    }
    .modal-body.company-body, .modal-body.address-wrapper {
        padding: 8px 12px 24px 16px;
    }
    .calc-box-bg .address-table select.form-control {
        margin-bottom: 0!important;
        max-width: 200px;
        width: 100%!important;
    }
    .calc-box-bg {
        overflow: hidden;
    }   
}