/* src/scss/styles.scss */
html {
--mat-badge-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
font:
600 31px / 38px Inter,
"Helvetica Neue",
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:
600 20px / 24px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
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,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
font:
400 15px / 24px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
font:
400 calc(13px * 0.83) / 18px Inter,
"Helvetica Neue",
sans-serif;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
font:
400 calc(13px * 0.67) / 18px Inter,
"Helvetica Neue",
sans-serif;
margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
font:
400 15px / 20px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
font:
400 13px / 18px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
}
.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,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
font:
500 57px / 64px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: -0.25px;
margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
font:
400 45px / 52px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: 0px;
margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
font:
400 36px / 44px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: 0px;
margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
font:
600 39px / 47px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
margin: 0 0 64px;
}
html {
--mat-bottom-sheet-container-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-bottom-sheet-container-text-line-height: 18px;
--mat-bottom-sheet-container-text-size: 13px;
--mat-bottom-sheet-container-text-tracking: normal;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-button-toggle-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 15px;
--mat-button-toggle-label-text-tracking: normal;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 15px;
--mat-button-toggle-legacy-label-text-tracking: normal;
--mat-button-toggle-legacy-label-text-weight: 400;
}
html {
--mat-datepicker-calendar-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 12px;
--mat-datepicker-calendar-body-label-text-weight: 500;
--mat-datepicker-calendar-period-button-text-size: 12px;
--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,
"Helvetica Neue",
sans-serif;
--mat-expansion-header-text-size: 15px;
--mat-expansion-header-text-weight: 400;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-expansion-container-text-line-height: 18px;
--mat-expansion-container-text-size: 13px;
--mat-expansion-container-text-tracking: normal;
--mat-expansion-container-text-weight: 400;
}
html {
--mat-grid-list-tile-header-primary-text-size: 13px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 13px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
--mat-stepper-container-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-stepper-header-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-stepper-header-label-text-size: 13px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 15px;
--mat-stepper-header-selected-state-label-text-size: 15px;
--mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
--mat-toolbar-title-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-toolbar-title-text-line-height: 24px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: normal;
--mat-toolbar-title-text-weight: 600;
}
html {
--mat-tree-node-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-tree-node-text-size: 13px;
--mat-tree-node-text-weight: 400;
}
html {
--mat-option-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 15px;
--mat-option-label-text-tracking: normal;
--mat-option-label-text-weight: 400;
}
html {
--mat-optgroup-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 15px;
--mat-optgroup-label-text-tracking: normal;
--mat-optgroup-label-text-weight: 400;
}
html {
--mat-card-title-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-card-title-text-line-height: 24px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: normal;
--mat-card-title-text-weight: 600;
--mat-card-subtitle-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-card-subtitle-text-line-height: 20px;
--mat-card-subtitle-text-size: 15px;
--mat-card-subtitle-text-tracking: normal;
--mat-card-subtitle-text-weight: 400;
}
html {
--mat-tooltip-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: normal;
}
html {
--mat-form-field-container-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 15px;
--mat-form-field-container-text-tracking: normal;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 15px;
--mat-form-field-subscript-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: normal;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-form-field-filled-label-text-size: 15px;
--mat-form-field-filled-label-text-tracking: normal;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-form-field-outlined-label-text-size: 15px;
--mat-form-field-outlined-label-text-tracking: normal;
--mat-form-field-outlined-label-text-weight: 400;
}
html {
--mat-select-trigger-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 15px;
--mat-select-trigger-text-tracking: normal;
--mat-select-trigger-text-weight: 400;
}
html {
--mat-dialog-subhead-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-dialog-subhead-line-height: 24px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 600;
--mat-dialog-subhead-tracking: normal;
--mat-dialog-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 15px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
--mat-chip-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-chip-label-text-line-height: 18px;
--mat-chip-label-text-size: 13px;
--mat-chip-label-text-tracking: normal;
--mat-chip-label-text-weight: 400;
}
html {
--mat-slide-toggle-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-slide-toggle-label-text-line-height: 18px;
--mat-slide-toggle-label-text-size: 13px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-slide-toggle-label-text-line-height: 18px;
--mat-slide-toggle-label-text-size: 13px;
--mat-slide-toggle-label-text-tracking: normal;
--mat-slide-toggle-label-text-weight: 400;
}
html {
--mat-radio-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-radio-label-text-line-height: 18px;
--mat-radio-label-text-size: 13px;
--mat-radio-label-text-tracking: normal;
--mat-radio-label-text-weight: 400;
}
html {
--mat-slider-label-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-slider-label-label-text-size: 15px;
--mat-slider-label-label-text-line-height: 20px;
--mat-slider-label-label-text-tracking: normal;
--mat-slider-label-label-text-weight: 400;
}
html {
--mat-menu-item-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-menu-item-label-text-size: 15px;
--mat-menu-item-label-text-tracking: normal;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400;
}
html {
--mat-list-list-item-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 15px;
--mat-list-list-item-label-text-tracking: normal;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-list-list-item-supporting-text-line-height: 18px;
--mat-list-list-item-supporting-text-size: 13px;
--mat-list-list-item-supporting-text-tracking: normal;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-list-list-item-trailing-supporting-text-line-height: 20px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: normal;
--mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
font:
400 16px / 28px Inter,
"Helvetica Neue",
sans-serif;
letter-spacing: normal;
}
html {
--mat-paginator-container-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: normal;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
--mat-tab-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-tab-label-text-size: 12px;
--mat-tab-label-text-tracking: normal;
--mat-tab-label-text-line-height: 12px;
--mat-tab-label-text-weight: 500;
}
html {
--mat-checkbox-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-checkbox-label-text-line-height: 18px;
--mat-checkbox-label-text-size: 13px;
--mat-checkbox-label-text-tracking: normal;
--mat-checkbox-label-text-weight: 400;
}
html {
--mat-button-filled-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-filled-label-text-size: 12px;
--mat-button-filled-label-text-tracking: normal;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 500;
--mat-button-outlined-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-outlined-label-text-size: 12px;
--mat-button-outlined-label-text-tracking: normal;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 500;
--mat-button-protected-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-protected-label-text-size: 12px;
--mat-button-protected-label-text-tracking: normal;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 500;
--mat-button-text-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-text-label-text-size: 12px;
--mat-button-text-label-text-tracking: normal;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 500;
--mat-button-tonal-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-button-tonal-label-text-size: 12px;
--mat-button-tonal-label-text-tracking: normal;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 500;
}
html {
--mat-fab-extended-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-fab-extended-label-text-size: 12px;
--mat-fab-extended-label-text-tracking: normal;
--mat-fab-extended-label-text-weight: 500;
}
html {
--mat-snack-bar-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-snack-bar-supporting-text-line-height: 18px;
--mat-snack-bar-supporting-text-size: 13px;
--mat-snack-bar-supporting-text-weight: 400;
}
html {
--mat-table-header-headline-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-table-header-headline-line-height: 20px;
--mat-table-header-headline-size: 15px;
--mat-table-header-headline-weight: 400;
--mat-table-header-headline-tracking: normal;
--mat-table-row-item-label-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-table-row-item-label-text-line-height: 18px;
--mat-table-row-item-label-text-size: 13px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: normal;
--mat-table-footer-supporting-text-font:
Inter,
"Helvetica Neue",
sans-serif;
--mat-table-footer-supporting-text-line-height: 18px;
--mat-table-footer-supporting-text-size: 13px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: normal;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
--mat-sys-on-surface: initial;
}
.mat-app-background {
background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
--mat-app-background-color: #fafafa;
--mat-app-text-color: rgba(0, 0, 0, 0.87);
--mat-app-elevation-shadow-level-0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:
0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:
0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:
0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:
0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:
0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:
0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:
0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:
0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:
0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:
0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:
0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-option-selected-state-label-text-color: #003449;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
--mat-option-selected-state-label-text-color: #259dc3;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
--mat-option-selected-state-label-text-color: #f44336;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-pseudo-checkbox-full-selected-icon-color: #259dc3;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #259dc3;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
--mat-pseudo-checkbox-full-selected-icon-color: #003449;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #003449;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
--mat-pseudo-checkbox-full-selected-icon-color: #259dc3;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #259dc3;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
--mat-pseudo-checkbox-full-selected-icon-color: #f44336;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-card-elevated-container-shape: 4px;
--mat-card-outlined-container-shape: 4px;
--mat-card-filled-container-shape: 4px;
--mat-card-outlined-outline-width: 1px;
}
html {
--mat-card-elevated-container-color: white;
--mat-card-elevated-container-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-container-color: white;
--mat-card-outlined-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
--mat-card-filled-container-color: white;
--mat-card-filled-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
--mat-progress-bar-active-indicator-height: 4px;
--mat-progress-bar-track-height: 4px;
--mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
--mat-progress-bar-active-indicator-color: #003449;
--mat-progress-bar-track-color: rgba(0, 52, 73, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #259dc3;
--mat-progress-bar-track-color: rgba(37, 157, 195, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
--mat-progress-bar-active-indicator-color: #f44336;
--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
--mat-tooltip-container-shape: 4px;
--mat-tooltip-supporting-text-line-height: 16px;
}
html {
--mat-tooltip-container-color: #424242;
--mat-tooltip-supporting-text-color: white;
}
html {
--mat-form-field-filled-active-indicator-height: 1px;
--mat-form-field-filled-focus-active-indicator-height: 2px;
--mat-form-field-filled-container-shape: 4px;
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-container-shape: 4px;
}
html {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #003449 87%, transparent);
--mat-form-field-filled-caret-color: #003449;
--mat-form-field-filled-focus-active-indicator-color: #003449;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #003449 87%, transparent);
--mat-form-field-outlined-caret-color: #003449;
--mat-form-field-outlined-focus-outline-color: #003449;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #003449 87%, transparent);
--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-form-field-error-text-color: #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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
--mat-form-field-filled-container-color: #f6f6f6;
--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-error-hover-label-text-color: #f44336;
--mat-form-field-filled-error-focus-label-text-color: #f44336;
--mat-form-field-filled-error-label-text-color: #f44336;
--mat-form-field-filled-error-caret-color: #f44336;
--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-error-active-indicator-color: #f44336;
--mat-form-field-filled-error-focus-active-indicator-color: #f44336;
--mat-form-field-filled-error-hover-active-indicator-color: #f44336;
--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-error-caret-color: #f44336;
--mat-form-field-outlined-error-focus-label-text-color: #f44336;
--mat-form-field-outlined-error-label-text-color: #f44336;
--mat-form-field-outlined-error-hover-label-text-color: #f44336;
--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-error-focus-outline-color: #f44336;
--mat-form-field-outlined-error-hover-outline-color: #f44336;
--mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #259dc3 87%, transparent);
--mat-form-field-filled-caret-color: #259dc3;
--mat-form-field-filled-focus-active-indicator-color: #259dc3;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #259dc3 87%, transparent);
--mat-form-field-outlined-caret-color: #259dc3;
--mat-form-field-outlined-focus-outline-color: #259dc3;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #259dc3 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-filled-caret-color: #f44336;
--mat-form-field-filled-focus-active-indicator-color: #f44336;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-outlined-caret-color: #f44336;
--mat-form-field-outlined-focus-outline-color: #f44336;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #003449;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #259dc3;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #f44336;
--mat-select-invalid-arrow-color: #f44336;
}
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 {
--mat-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mat-dialog-container-max-width: 80vw;
--mat-dialog-container-small-max-width: 80vw;
--mat-dialog-container-min-width: 0;
--mat-dialog-actions-alignment: start;
--mat-dialog-actions-padding: 8px;
--mat-dialog-content-padding: 20px 24px;
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-dialog-headline-padding: 0 24px 9px;
}
html {
--mat-dialog-container-color: white;
--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
--mat-chip-container-shape-radius: 16px;
--mat-chip-disabled-container-opacity: 0.4;
--mat-chip-disabled-outline-color: transparent;
--mat-chip-flat-selected-outline-width: 0;
--mat-chip-focus-outline-color: transparent;
--mat-chip-hover-state-layer-opacity: 0.04;
--mat-chip-outline-color: transparent;
--mat-chip-outline-width: 0;
--mat-chip-selected-hover-state-layer-opacity: 0.04;
--mat-chip-selected-trailing-action-state-layer-color: transparent;
--mat-chip-trailing-action-focus-opacity: 1;
--mat-chip-trailing-action-focus-state-layer-opacity: 0;
--mat-chip-trailing-action-hover-state-layer-opacity: 0;
--mat-chip-trailing-action-opacity: 0.54;
--mat-chip-trailing-action-state-layer-color: transparent;
--mat-chip-with-avatar-avatar-shape-radius: 14px;
--mat-chip-with-avatar-avatar-size: 28px;
--mat-chip-with-avatar-disabled-avatar-opacity: 1;
--mat-chip-with-icon-disabled-icon-opacity: 1;
--mat-chip-with-icon-icon-size: 18px;
--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
--mat-chip-disabled-label-text-color: #fff;
--mat-chip-elevated-container-color: #003449;
--mat-chip-elevated-disabled-container-color: #003449;
--mat-chip-elevated-selected-container-color: #003449;
--mat-chip-flat-disabled-selected-container-color: #003449;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: #fff;
--mat-chip-selected-disabled-trailing-icon-color: #fff;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: #fff;
--mat-chip-selected-trailing-icon-color: #fff;
--mat-chip-with-icon-disabled-icon-color: #fff;
--mat-chip-with-icon-icon-color: #fff;
--mat-chip-with-icon-selected-icon-color: #fff;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
--mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
--mat-chip-disabled-label-text-color: #fff;
--mat-chip-elevated-container-color: #259dc3;
--mat-chip-elevated-disabled-container-color: #259dc3;
--mat-chip-elevated-selected-container-color: #259dc3;
--mat-chip-flat-disabled-selected-container-color: #259dc3;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: #fff;
--mat-chip-selected-disabled-trailing-icon-color: #fff;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: #fff;
--mat-chip-selected-trailing-icon-color: #fff;
--mat-chip-with-icon-disabled-icon-color: #fff;
--mat-chip-with-icon-icon-color: #fff;
--mat-chip-with-icon-selected-icon-color: #fff;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
--mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #f44336;
--mat-chip-elevated-disabled-container-color: #f44336;
--mat-chip-elevated-selected-container-color: #f44336;
--mat-chip-flat-disabled-selected-container-color: #f44336;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
--mat-chip-container-height: 32px;
}
html {
--mat-slide-toggle-disabled-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-track-opacity: 0.12;
--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
--mat-slide-toggle-handle-height: 20px;
--mat-slide-toggle-handle-shape: 10px;
--mat-slide-toggle-handle-width: 20px;
--mat-slide-toggle-hidden-track-opacity: 1;
--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
--mat-slide-toggle-pressed-handle-size: 20px;
--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-handle-size: 20px;
--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
--mat-slide-toggle-selected-icon-size: 18px;
--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-track-outline-color: transparent;
--mat-slide-toggle-selected-track-outline-width: 1px;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-track-height: 14px;
--mat-slide-toggle-track-outline-color: transparent;
--mat-slide-toggle-track-outline-width: 1px;
--mat-slide-toggle-track-shape: 7px;
--mat-slide-toggle-track-width: 36px;
--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-handle-size: 20px;
--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-icon-size: 18px;
--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-visible-track-opacity: 1;
--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
--mat-slide-toggle-with-icon-handle-size: 20px;
--mat-slide-toggle-touch-target-size: 48px;
}
html {
--mat-slide-toggle-selected-icon-color: #fff;
--mat-slide-toggle-disabled-selected-icon-color: #fff;
--mat-slide-toggle-selected-focus-state-layer-color: #003449;
--mat-slide-toggle-selected-handle-color: #003449;
--mat-slide-toggle-selected-hover-state-layer-color: #003449;
--mat-slide-toggle-selected-pressed-state-layer-color: #003449;
--mat-slide-toggle-selected-focus-handle-color: #003449;
--mat-slide-toggle-selected-hover-handle-color: #003449;
--mat-slide-toggle-selected-pressed-handle-color: #003449;
--mat-slide-toggle-selected-focus-track-color: #547785;
--mat-slide-toggle-selected-hover-track-color: #547785;
--mat-slide-toggle-selected-pressed-track-color: #547785;
--mat-slide-toggle-selected-track-color: #547785;
--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-slide-toggle-disabled-handle-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-handle-elevation-shadow:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-handle-surface-color: white;
--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-handle-color: #424242;
--mat-slide-toggle-unselected-focus-handle-color: #424242;
--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-handle-color: #424242;
--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
--mat-slide-toggle-selected-icon-color: #fff;
--mat-slide-toggle-disabled-selected-icon-color: #fff;
--mat-slide-toggle-selected-focus-state-layer-color: #259dc3;
--mat-slide-toggle-selected-handle-color: #259dc3;
--mat-slide-toggle-selected-hover-state-layer-color: #259dc3;
--mat-slide-toggle-selected-pressed-state-layer-color: #259dc3;
--mat-slide-toggle-selected-focus-handle-color: #259dc3;
--mat-slide-toggle-selected-hover-handle-color: #259dc3;
--mat-slide-toggle-selected-pressed-handle-color: #259dc3;
--mat-slide-toggle-selected-focus-track-color: #6dbdd7;
--mat-slide-toggle-selected-hover-track-color: #6dbdd7;
--mat-slide-toggle-selected-pressed-track-color: #6dbdd7;
--mat-slide-toggle-selected-track-color: #6dbdd7;
}
.mat-mdc-slide-toggle.mat-warn {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #f44336;
--mat-slide-toggle-selected-handle-color: #f44336;
--mat-slide-toggle-selected-hover-state-layer-color: #f44336;
--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
--mat-slide-toggle-selected-focus-handle-color: #f44336;
--mat-slide-toggle-selected-hover-handle-color: #f44336;
--mat-slide-toggle-selected-pressed-handle-color: #f44336;
--mat-slide-toggle-selected-focus-track-color: #e57373;
--mat-slide-toggle-selected-hover-track-color: #e57373;
--mat-slide-toggle-selected-pressed-track-color: #e57373;
--mat-slide-toggle-selected-track-color: #e57373;
}
html {
--mat-slide-toggle-state-layer-size: 40px;
--mat-slide-toggle-touch-target-display: block;
}
html {
--mat-radio-disabled-selected-icon-opacity: 0.38;
--mat-radio-disabled-unselected-icon-opacity: 0.38;
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
--mat-radio-checked-ripple-color: #003449;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #003449;
--mat-radio-selected-hover-icon-color: #003449;
--mat-radio-selected-icon-color: #003449;
--mat-radio-selected-pressed-icon-color: #003449;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
--mat-radio-checked-ripple-color: #259dc3;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #259dc3;
--mat-radio-selected-hover-icon-color: #259dc3;
--mat-radio-selected-icon-color: #259dc3;
--mat-radio-selected-pressed-icon-color: #259dc3;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
html {
--mat-slider-active-track-height: 6px;
--mat-slider-active-track-shape: 9999px;
--mat-slider-handle-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slider-handle-height: 20px;
--mat-slider-handle-shape: 50%;
--mat-slider-handle-width: 20px;
--mat-slider-inactive-track-height: 4px;
--mat-slider-inactive-track-shape: 9999px;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-container-transform: translateX(-50%);
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-width: auto;
--mat-slider-with-overlap-handle-outline-width: 1px;
--mat-slider-with-tick-marks-active-container-opacity: 0.6;
--mat-slider-with-tick-marks-container-shape: 50%;
--mat-slider-with-tick-marks-container-size: 2px;
--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
--mat-slider-value-indicator-transform-origin: bottom;
}
html {
--mat-slider-active-track-color: #003449;
--mat-slider-focus-handle-color: #003449;
--mat-slider-handle-color: #003449;
--mat-slider-hover-handle-color: #003449;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #003449 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #003449 4%, transparent);
--mat-slider-inactive-track-color: #003449;
--mat-slider-ripple-color: #003449;
--mat-slider-with-tick-marks-active-container-color: #fff;
--mat-slider-with-tick-marks-inactive-container-color: #003449;
--mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-label-container-color: #424242;
--mat-slider-label-label-text-color: white;
--mat-slider-value-indicator-opacity: 1;
--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
--mat-slider-active-track-color: #259dc3;
--mat-slider-focus-handle-color: #259dc3;
--mat-slider-handle-color: #259dc3;
--mat-slider-hover-handle-color: #259dc3;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #259dc3 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #259dc3 4%, transparent);
--mat-slider-inactive-track-color: #259dc3;
--mat-slider-ripple-color: #259dc3;
--mat-slider-with-tick-marks-active-container-color: #fff;
--mat-slider-with-tick-marks-inactive-container-color: #259dc3;
}
.mat-warn {
--mat-slider-active-track-color: #f44336;
--mat-slider-focus-handle-color: #f44336;
--mat-slider-handle-color: #f44336;
--mat-slider-hover-handle-color: #f44336;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-slider-inactive-track-color: #f44336;
--mat-slider-ripple-color: #f44336;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
--mat-menu-container-shape: 4px;
--mat-menu-divider-bottom-spacing: 0;
--mat-menu-divider-top-spacing: 0;
--mat-menu-item-spacing: 16px;
--mat-menu-item-icon-size: 24px;
--mat-menu-item-leading-spacing: 16px;
--mat-menu-item-trailing-spacing: 16px;
--mat-menu-item-with-icon-leading-spacing: 16px;
--mat-menu-item-with-icon-trailing-spacing: 16px;
--mat-menu-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-menu-container-color: white;
--mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-list-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px;
--mat-list-list-item-container-shape: 0;
--mat-list-list-item-leading-avatar-shape: 50%;
--mat-list-list-item-container-color: transparent;
--mat-list-list-item-selected-container-color: transparent;
--mat-list-list-item-leading-avatar-color: transparent;
--mat-list-list-item-leading-icon-size: 24px;
--mat-list-list-item-leading-avatar-size: 40px;
--mat-list-list-item-trailing-icon-size: 24px;
--mat-list-list-item-disabled-state-layer-color: transparent;
--mat-list-list-item-disabled-state-layer-opacity: 0;
--mat-list-list-item-disabled-label-text-opacity: 0.38;
--mat-list-list-item-disabled-leading-icon-opacity: 0.38;
--mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-state-layer-opacity: 0.04;
--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-checked-ripple-color: #003449;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #003449;
--mat-radio-selected-hover-icon-color: #003449;
--mat-radio-selected-icon-color: #003449;
--mat-radio-selected-pressed-icon-color: #003449;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mat-radio-checked-ripple-color: #259dc3;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #259dc3;
--mat-radio-selected-hover-icon-color: #259dc3;
--mat-radio-selected-icon-color: #259dc3;
--mat-radio-selected-pressed-icon-color: #259dc3;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: #fff;
--mat-checkbox-selected-focus-icon-color: #003449;
--mat-checkbox-selected-hover-icon-color: #003449;
--mat-checkbox-selected-icon-color: #003449;
--mat-checkbox-selected-pressed-icon-color: #003449;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #003449;
--mat-checkbox-selected-hover-state-layer-color: #003449;
--mat-checkbox-selected-pressed-state-layer-color: #003449;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: #fff;
--mat-checkbox-selected-focus-icon-color: #259dc3;
--mat-checkbox-selected-hover-icon-color: #259dc3;
--mat-checkbox-selected-icon-color: #259dc3;
--mat-checkbox-selected-pressed-icon-color: #259dc3;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #259dc3;
--mat-checkbox-selected-hover-state-layer-color: #259dc3;
--mat-checkbox-selected-pressed-state-layer-color: #259dc3;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
color: #003449;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
opacity: 1;
}
html {
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px;
--mat-list-list-item-one-line-container-height: 48px;
--mat-list-list-item-two-line-container-height: 64px;
--mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
height: 72px;
}
html {
--mat-paginator-page-size-select-width: 84px;
--mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-paginator-container-size: 56px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: block;
}
html {
--mat-tab-container-height: 48px;
--mat-tab-divider-color: transparent;
--mat-tab-divider-height: 0;
--mat-tab-active-indicator-height: 2px;
--mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #003449;
--mat-tab-active-ripple-color: #003449;
--mat-tab-inactive-ripple-color: #003449;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #003449;
--mat-tab-active-hover-label-text-color: #003449;
--mat-tab-active-focus-indicator-color: #003449;
--mat-tab-active-hover-indicator-color: #003449;
--mat-tab-active-indicator-color: #003449;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #259dc3;
--mat-tab-active-ripple-color: #259dc3;
--mat-tab-inactive-ripple-color: #259dc3;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #259dc3;
--mat-tab-active-hover-label-text-color: #259dc3;
--mat-tab-active-focus-indicator-color: #259dc3;
--mat-tab-active-hover-indicator-color: #259dc3;
--mat-tab-active-indicator-color: #259dc3;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #f44336;
--mat-tab-active-ripple-color: #f44336;
--mat-tab-inactive-ripple-color: #f44336;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #f44336;
--mat-tab-active-hover-label-text-color: #f44336;
--mat-tab-active-focus-indicator-color: #f44336;
--mat-tab-active-hover-indicator-color: #f44336;
--mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
--mat-tab-background-color: #003449;
--mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #259dc3;
--mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
--mat-tab-background-color: #f44336;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
--mat-tab-container-height: 48px;
}
html {
--mat-checkbox-disabled-selected-checkmark-color: white;
--mat-checkbox-selected-focus-state-layer-opacity: 0.12;
--mat-checkbox-selected-hover-state-layer-opacity: 0.04;
--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-touch-target-size: 48px;
}
html {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: #fff;
--mat-checkbox-selected-focus-icon-color: #259dc3;
--mat-checkbox-selected-hover-icon-color: #259dc3;
--mat-checkbox-selected-icon-color: #259dc3;
--mat-checkbox-selected-pressed-icon-color: #259dc3;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #259dc3;
--mat-checkbox-selected-hover-state-layer-color: #259dc3;
--mat-checkbox-selected-pressed-state-layer-color: #259dc3;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: #fff;
--mat-checkbox-selected-focus-icon-color: #003449;
--mat-checkbox-selected-hover-icon-color: #003449;
--mat-checkbox-selected-icon-color: #003449;
--mat-checkbox-selected-pressed-icon-color: #003449;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #003449;
--mat-checkbox-selected-hover-state-layer-color: #003449;
--mat-checkbox-selected-pressed-state-layer-color: #003449;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-checkbox-touch-target-display: block;
--mat-checkbox-state-layer-size: 40px;
}
html {
--mat-button-filled-container-shape: 4px;
--mat-button-filled-horizontal-padding: 16px;
--mat-button-filled-icon-offset: -4px;
--mat-button-filled-icon-spacing: 8px;
--mat-button-filled-touch-target-size: 48px;
--mat-button-outlined-container-shape: 4px;
--mat-button-outlined-horizontal-padding: 15px;
--mat-button-outlined-icon-offset: -4px;
--mat-button-outlined-icon-spacing: 8px;
--mat-button-outlined-keep-touch-target: false;
--mat-button-outlined-outline-width: 1px;
--mat-button-outlined-touch-target-size: 48px;
--mat-button-protected-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-container-shape: 4px;
--mat-button-protected-disabled-container-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-focus-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-horizontal-padding: 16px;
--mat-button-protected-hover-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-icon-offset: -4px;
--mat-button-protected-icon-spacing: 8px;
--mat-button-protected-pressed-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-button-protected-touch-target-size: 48px;
--mat-button-text-container-shape: 4px;
--mat-button-text-horizontal-padding: 8px;
--mat-button-text-icon-offset: 0;
--mat-button-text-icon-spacing: 8px;
--mat-button-text-with-icon-horizontal-padding: 8px;
--mat-button-text-touch-target-size: 48px;
--mat-button-tonal-container-shape: 4px;
--mat-button-tonal-horizontal-padding: 16px;
--mat-button-tonal-icon-offset: -4px;
--mat-button-tonal-icon-spacing: 8px;
--mat-button-tonal-touch-target-size: 48px;
}
html {
--mat-button-filled-container-color: white;
--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-filled-focus-state-layer-opacity: 0.12;
--mat-button-filled-hover-state-layer-opacity: 0.04;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-pressed-state-layer-opacity: 0.12;
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-outlined-focus-state-layer-opacity: 0.12;
--mat-button-outlined-hover-state-layer-opacity: 0.04;
--mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-pressed-state-layer-opacity: 0.12;
--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-container-color: white;
--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-protected-focus-state-layer-opacity: 0.12;
--mat-button-protected-hover-state-layer-opacity: 0.04;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-pressed-state-layer-opacity: 0.12;
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-text-focus-state-layer-opacity: 0.12;
--mat-button-text-hover-state-layer-opacity: 0.04;
--mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-text-pressed-state-layer-opacity: 0.12;
--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-container-color: white;
--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-tonal-focus-state-layer-opacity: 0.12;
--mat-button-tonal-hover-state-layer-opacity: 0.04;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-pressed-state-layer-opacity: 0.12;
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
--mat-button-filled-container-color: #003449;
--mat-button-filled-label-text-color: #fff;
--mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-filled-state-layer-color: #fff;
--mat-button-outlined-label-text-color: #003449;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #003449 12%, transparent);
--mat-button-outlined-state-layer-color: #003449;
--mat-button-protected-container-color: #003449;
--mat-button-protected-label-text-color: #fff;
--mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-protected-state-layer-color: #fff;
--mat-button-text-label-text-color: #003449;
--mat-button-text-ripple-color: color-mix(in srgb, #003449 12%, transparent);
--mat-button-text-state-layer-color: #003449;
--mat-button-tonal-container-color: #003449;
--mat-button-tonal-label-text-color: #fff;
--mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-tonal-state-layer-color: #fff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
--mat-button-filled-container-color: #259dc3;
--mat-button-filled-label-text-color: #fff;
--mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-filled-state-layer-color: #fff;
--mat-button-outlined-label-text-color: #259dc3;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #259dc3 12%, transparent);
--mat-button-outlined-state-layer-color: #259dc3;
--mat-button-protected-container-color: #259dc3;
--mat-button-protected-label-text-color: #fff;
--mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-protected-state-layer-color: #fff;
--mat-button-text-label-text-color: #259dc3;
--mat-button-text-ripple-color: color-mix(in srgb, #259dc3 12%, transparent);
--mat-button-text-state-layer-color: #259dc3;
--mat-button-tonal-container-color: #259dc3;
--mat-button-tonal-label-text-color: #fff;
--mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-button-tonal-state-layer-color: #fff;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
--mat-button-filled-container-color: #f44336;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #f44336;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-outlined-state-layer-color: #f44336;
--mat-button-protected-container-color: #f44336;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #f44336;
--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-text-state-layer-color: #f44336;
--mat-button-tonal-container-color: #f44336;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
html {
--mat-button-filled-container-height: 36px;
--mat-button-filled-touch-target-display: block;
--mat-button-outlined-container-height: 36px;
--mat-button-outlined-touch-target-display: block;
--mat-button-protected-container-height: 36px;
--mat-button-protected-touch-target-display: block;
--mat-button-text-container-height: 36px;
--mat-button-text-touch-target-display: block;
--mat-button-tonal-container-height: 36px;
--mat-button-tonal-touch-target-display: block;
}
html {
--mat-icon-button-icon-size: 24px;
--mat-icon-button-container-shape: 50%;
--mat-icon-button-touch-target-size: 48px;
}
html {
--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-icon-button-focus-state-layer-opacity: 0.12;
--mat-icon-button-hover-state-layer-opacity: 0.04;
--mat-icon-button-icon-color: inherit;
--mat-icon-button-pressed-state-layer-opacity: 0.12;
--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
--mat-icon-button-icon-color: #003449;
--mat-icon-button-state-layer-color: #003449;
--mat-icon-button-ripple-color: color-mix(in srgb, #003449 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
--mat-icon-button-icon-color: #259dc3;
--mat-icon-button-state-layer-color: #259dc3;
--mat-icon-button-ripple-color: color-mix(in srgb, #259dc3 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
--mat-icon-button-icon-color: #f44336;
--mat-icon-button-state-layer-color: #f44336;
--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
--mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 48px;
--mat-icon-button-state-layer-size: 48px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 12px;
}
html {
--mat-fab-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-container-shape: 50%;
--mat-fab-touch-target-size: 48px;
--mat-fab-extended-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-extended-container-height: 48px;
--mat-fab-extended-container-shape: 24px;
--mat-fab-extended-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-shape: 50%;
--mat-fab-small-touch-target-size: 48px;
--mat-fab-small-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
--mat-fab-container-color: white;
--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-container-color: white;
--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-small-focus-state-layer-opacity: 0.12;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-hover-state-layer-opacity: 0.04;
--mat-fab-small-pressed-state-layer-opacity: 0.12;
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
--mat-fab-container-color: #003449;
--mat-fab-foreground-color: #fff;
--mat-fab-ripple-color: color-mix(in srgb, #003449 12%, transparent);
--mat-fab-small-container-color: #003449;
--mat-fab-small-foreground-color: #fff;
--mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-fab-small-state-layer-color: #fff;
--mat-fab-state-layer-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
--mat-fab-container-color: #259dc3;
--mat-fab-foreground-color: #fff;
--mat-fab-ripple-color: color-mix(in srgb, #259dc3 12%, transparent);
--mat-fab-small-container-color: #259dc3;
--mat-fab-small-foreground-color: #fff;
--mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
--mat-fab-small-state-layer-color: #fff;
--mat-fab-state-layer-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
--mat-fab-container-color: #f44336;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-fab-small-container-color: #f44336;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
html {
--mat-fab-small-touch-target-display: block;
--mat-fab-touch-target-display: block;
}
html {
--mat-snack-bar-container-shape: 4px;
}
html {
--mat-snack-bar-container-color: #424242;
--mat-snack-bar-supporting-text-color: white;
--mat-snack-bar-button-color: #547785;
}
html {
--mat-table-row-item-outline-width: 1px;
}
html {
--mat-table-background-color: white;
--mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px;
}
html {
--mat-progress-spinner-active-indicator-width: 4px;
--mat-progress-spinner-size: 48px;
}
html {
--mat-progress-spinner-active-indicator-color: #003449;
}
.mat-accent {
--mat-progress-spinner-active-indicator-color: #259dc3;
}
.mat-warn {
--mat-progress-spinner-active-indicator-color: #f44336;
}
html {
--mat-badge-container-shape: 50%;
--mat-badge-container-size: unset;
--mat-badge-small-size-container-size: unset;
--mat-badge-large-size-container-size: unset;
--mat-badge-legacy-container-size: 22px;
--mat-badge-legacy-small-size-container-size: 16px;
--mat-badge-legacy-large-size-container-size: 28px;
--mat-badge-container-offset: -11px 0;
--mat-badge-small-size-container-offset: -8px 0;
--mat-badge-large-size-container-offset: -14px 0;
--mat-badge-container-overlap-offset: -11px;
--mat-badge-small-size-container-overlap-offset: -8px;
--mat-badge-large-size-container-overlap-offset: -14px;
--mat-badge-container-padding: 0;
--mat-badge-small-size-container-padding: 0;
--mat-badge-large-size-container-padding: 0;
}
html {
--mat-badge-background-color: #003449;
--mat-badge-text-color: #fff;
--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
--mat-badge-background-color: #259dc3;
--mat-badge-text-color: #fff;
}
.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-button-toggle-focus-state-layer-opacity: 0.12;
--mat-button-toggle-hover-state-layer-opacity: 0.04;
--mat-button-toggle-legacy-focus-state-layer-opacity: 1;
--mat-button-toggle-legacy-height: 36px;
--mat-button-toggle-legacy-shape: 2px;
--mat-button-toggle-shape: 4px;
}
html {
--mat-button-toggle-background-color: white;
--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-disabled-state-background-color: white;
--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-disabled-state-background-color: white;
--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-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-in-range-state-background-color: color-mix(in srgb, #003449 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #259dc3 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: #fff;
--mat-datepicker-calendar-date-selected-state-background-color: #003449;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #003449 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #003449 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #003449 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #003449;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #259dc3 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #259dc3 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: #fff;
--mat-datepicker-calendar-date-selected-state-background-color: #259dc3;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #259dc3 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #259dc3 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #259dc3 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #259dc3;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #259dc3 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #f44336;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #f44336;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
--mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 40px;
--mat-icon-button-state-layer-size: 40px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 8px;
}
html {
--mat-divider-width: 1px;
}
html {
--mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none;
}
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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
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: #003449;
}
.mat-icon.mat-accent {
--mat-icon-color: #259dc3;
}
.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-focus-state-layer-shape: 0;
--mat-stepper-header-hover-state-layer-shape: 0;
}
html {
--mat-stepper-header-icon-foreground-color: #fff;
--mat-stepper-header-selected-state-icon-background-color: #003449;
--mat-stepper-header-selected-state-icon-foreground-color: #fff;
--mat-stepper-header-done-state-icon-background-color: #003449;
--mat-stepper-header-done-state-icon-foreground-color: #fff;
--mat-stepper-header-edit-state-icon-background-color: #003449;
--mat-stepper-header-edit-state-icon-foreground-color: #fff;
--mat-stepper-container-color: white;
--mat-stepper-line-color: rgba(0, 0, 0, 0.12);
--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-error-state-label-text-color: #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;
}
.mat-step-header.mat-accent {
--mat-stepper-header-icon-foreground-color: #fff;
--mat-stepper-header-selected-state-icon-background-color: #259dc3;
--mat-stepper-header-selected-state-icon-foreground-color: #fff;
--mat-stepper-header-done-state-icon-background-color: #259dc3;
--mat-stepper-header-done-state-icon-foreground-color: #fff;
--mat-stepper-header-edit-state-icon-background-color: #259dc3;
--mat-stepper-header-edit-state-icon-foreground-color: #fff;
}
.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: rgba(0, 0, 0, 0.87);
}
html {
--mat-toolbar-container-background-color: white;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
--mat-toolbar-container-background-color: #003449;
--mat-toolbar-container-text-color: #fff;
}
.mat-toolbar.mat-accent {
--mat-toolbar-container-background-color: #259dc3;
--mat-toolbar-container-text-color: #fff;
}
.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 {
--mat-timepicker-container-shape: 4px;
--mat-timepicker-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-timepicker-container-background-color: white;
}
body {
font-family: "Inter";
font-weight: 400;
color: #191a1e;
}
.subheading {
font-family: "Inter";
font-weight: 400;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Inter";
font-weight: 400;
line-height: 1.2;
color: #003449;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6 {
margin-top: 0.5rem;
}
.mat-h2 h1,
.mat-headline-6 h1,
.mat-typography .mat-h2 h1,
.mat-typography .mat-headline-6 h1,
.mat-typography h1 {
font-size: 1.75rem;
margin-top: 0 !important;
margin-bottom: 1rem !important;
}
.mat-h2 h1.mat-headline-4,
.mat-headline-6 h1.mat-headline-4,
.mat-typography .mat-h2 h1.mat-headline-4,
.mat-typography .mat-headline-6 h1.mat-headline-4,
.mat-typography h1.mat-headline-4 {
margin-bottom: 34px !important;
}
.mat-h2 h2,
.mat-headline-6 h2,
.mat-typography .mat-h2 h2,
.mat-typography .mat-headline-6 h2,
.mat-typography h2 {
font-size: 1.25rem;
margin-top: 1.75rem !important;
margin-bottom: 1rem !important;
}
.mat-h2 h3,
.mat-headline-6 h3,
.mat-typography .mat-h2 h3,
.mat-typography .mat-headline-6 h3,
.mat-typography h3 {
font-size: 1rem;
margin-top: 1.75rem !important;
margin-bottom: 1rem !important;
}
.mat-h2 h4,
.mat-headline-6 h4,
.mat-typography .mat-h2 h4,
.mat-typography .mat-headline-6 h4,
.mat-typography h4 {
font-size: 0.875rem;
margin-top: 1.75rem !important;
margin-bottom: 1rem !important;
}
.mat-h2 .h-header,
.mat-headline-6 .h-header,
.mat-typography .mat-h2 .h-header,
.mat-typography .mat-headline-6 .h-header,
.mat-typography .h-header {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
a {
text-decoration: none;
color: unset;
}
button {
background: unset;
border: unset;
padding: unset;
cursor: pointer;
}
.nav-back-link {
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
cursor: pointer;
display: flex;
padding: 0.5rem 0.75rem;
align-items: center;
gap: 0.5rem;
border-radius: 0.25rem;
color: #f8fafc;
}
.nav-back-link:visited {
color: #f8fafc;
}
.nav-back-link.is-active {
background-color: #f8fafc;
color: #003449;
}
.nav-back-link:hover:not(.is-active) {
background-color: #f8fafc;
color: #64748b;
}
a.new,
button.new {
padding: 5px !important;
}
a.new span,
button.new span {
display: flex;
align-items: center;
justify-content: space-between;
}
a[mat-fab].fab-new,
button[mat-fab].fab-new {
position: fixed;
right: 24px;
bottom: 24px;
}
mat-button-toggle.filter span {
display: flex;
align-items: center;
justify-content: space-between;
}
.menu {
display: flex;
flex: 1;
justify-content: space-between;
}
.menu .actions {
display: flex;
align-items: center;
gap: 10px;
}
.menu .mat-mdc-button-base {
padding: 10px 15px;
}
.row-link {
cursor: pointer;
}
.row-temporary {
background-color: #94a3b8 !important;
}
.detail-page--tab-toolbar {
position: sticky;
top: 0;
display: block;
z-index: 2;
background-color: white;
}
.list-page-header .title {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
}
@media (min-width: 992px) {
.list-page-header .title {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.list-page-header .search-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
width: 100%;
row-gap: 10px;
}
@media (min-width: 992px) {
.list-page-header .search-form mat-form-field > :not(mat-form-field),
.list-page-header .search-form app-search-field > :not(mat-form-field),
app-page-header mat-form-field > :not(mat-form-field),
app-page-header app-search-field > :not(mat-form-field) {
width: auto;
}
}
.list-page-header .search-form mat-form-field mat-form-field.search-field .mat-mdc-form-field-subscript-wrapper,
.list-page-header .search-form app-search-field mat-form-field.search-field .mat-mdc-form-field-subscript-wrapper,
app-page-header mat-form-field mat-form-field.search-field .mat-mdc-form-field-subscript-wrapper,
app-page-header app-search-field mat-form-field.search-field .mat-mdc-form-field-subscript-wrapper {
display: none;
}
.list-page-header .search-form mat-form-field mat-form-field.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.list-page-header .search-form app-search-field mat-form-field.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
app-page-header mat-form-field mat-form-field.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
app-page-header app-search-field mat-form-field.search-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
min-height: 40px;
padding: 7px 0 7px 0;
}
.costs-toolbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 1rem;
background-color: #fff;
z-index: 10;
}
.costs-toolbar h1 {
margin-bottom: 0;
}
.dialog-action-row {
display: flex;
justify-content: flex-end;
}
.dialog-action-row button:nth-child(2) {
margin-left: 1rem;
}
.label--text-and-icon {
display: flex;
align-items: center;
}
.label--text-and-icon :nth-child(1) {
margin-right: 0.5rem;
}
.detail-page--fields {
display: flex;
flex-direction: column;
order: 2;
}
@media (min-width: 992px) {
.detail-page--fields {
align-items: center;
order: 1;
}
}
.detail-page--avatar {
order: 1;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.detail-page--avatar {
order: 2;
}
}
.text-color-primary {
color: #003449;
}
.circle-avatar {
vertical-align: middle;
object-fit: cover;
border-radius: 50%;
}
.text-decoration-none {
text-decoration: none;
color: initial;
}
fa-icon {
font-size: 16px;
}
.form-group {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.table-container {
height: 100%;
background-color: #f1f5f9;
position: relative;
}
.sticky-paginator {
position: sticky;
z-index: 1;
bottom: 0;
border-top: 1px solid #e2e8f0;
margin-bottom: -100px;
background-color: inherit;
}
.sticky-page-header {
height: 8.5rem;
position: sticky;
top: 0;
z-index: 1;
background-color: inherit;
}
.sub-content {
flex: 1;
}
app-root {
display: block;
height: 100%;
}
.text-single-line {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dialog-popover {
transform: translateX(-50%);
}
.dialog-popover .mat-mdc-dialog-container {
position: relative;
margin-bottom: 0.875rem;
filter: drop-shadow(0px 4px 24px rgba(100, 116, 139, 0.2));
}
.dialog-popover .mat-mdc-dialog-container .mdc-dialog__surface {
box-shadow: none;
}
.dialog-popover .mat-mdc-dialog-container .mdc-dialog__container:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
border-left: 1.5rem solid transparent;
border-right: 1.5rem solid transparent;
border-top: 0.875rem solid #f1f5f9;
bottom: -0.875rem;
left: 50%;
transform: translateX(-50%);
}
[role=button] {
cursor: pointer;
}
.mat-mdc-menu-panel.filter-menu {
margin-top: 6px;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content {
min-width: 16rem;
background-color: #fff;
border-radius: 4px;
padding: 0;
box-shadow: 0px 4px 12px 0px rgba(100, 116, 139, 0.18);
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list {
padding: 4px;
display: flex;
flex-direction: column;
gap: 4px;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list .menu-item-icon {
color: #475569;
stroke: #475569;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list i.menu-item-icon {
font-size: 20px;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list fa-icon {
padding: 0 0.125rem;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list .step-button {
all: unset;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
color: #191a1e;
padding: 8px 12px;
border-radius: 4px;
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
transition: background-color 0.15s ease, transform 0.1s ease;
}
.mat-mdc-menu-panel.filter-menu .mat-mdc-menu-content .menu-item-list .step-button:hover {
background-color: #f1f5f9;
}
.active-filter {
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
.active-filter,
.active-filter .left-filter-fragment,
.active-filter .center-filter-fragment,
.active-filter .right-filter-fragment {
display: flex;
align-items: center;
min-height: 2.5rem;
}
.active-filter .left-filter-fragment,
.active-filter .center-filter-fragment,
.active-filter .right-filter-fragment {
background-color: #f1f5f9;
padding: 0.25rem 0.5rem;
gap: 0.25rem;
text-wrap: nowrap;
}
.active-filter .left-filter-fragment[role=button]:hover,
.active-filter .center-filter-fragment[role=button]:hover,
.active-filter .right-filter-fragment[role=button]:hover {
background-color: #e2e8f0;
}
.active-filter .left-filter-fragment {
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.active-filter .right-filter-fragment {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.active-filter .close-icon {
color: #475569;
font-size: 1.25rem;
}
.active-filter .state-icon {
padding: 0.25rem 0;
}
.active-filter fa-icon {
padding: 0 0.125rem;
}
:root {
--font-family-base: Inter, serif;
--cx-color-light: #fff;
--cx-color-dark: #191a1e;
}
.cx-icon {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
}
.cx-icon.xs {
width: 1rem;
min-width: 1rem;
height: 1rem;
font-size: 0.5rem;
line-height: 1rem;
}
.cx-icon.sm {
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
font-size: 0.75rem;
line-height: 1.25rem;
}
.cx-icon.md {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
}
.cx-icon.lg {
width: 1.75rem;
min-width: 1.75rem;
height: 1.75rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
.re-button-icon i {
font-size: 1rem;
}
.cx-title {
font-family: Inter, serif;
text-align: center;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 2rem;
color: #003449;
width: 100%;
}
:root {
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-input-text-color: #191a1e;
--mat-form-field-outlined-outline-color: #64748b;
--mat-form-field-outlined-focus-outline-color: #64748b;
--mat-form-field-outlined-disabled-outline-color: #cbd5e1;
--mat-form-field-outlined-input-text-placeholder-color: #64748b;
}
.mat-mdc-select mat-select-trigger mat-icon {
position: absolute;
}
.mat-mdc-select mat-select-trigger mat-icon + span {
padding-left: calc(24px + 0.25rem);
}
.mat-mdc-select mat-select-trigger app-content-item-icon + span {
padding-left: 34px;
}
.mat-mdc-option span + app-content-item-icon .mat-icon {
margin-left: 16px;
}
.form-group mat-label,
.form-group cx-form-control-label,
mat-form-field mat-label,
mat-form-field cx-form-control-label,
mat-select mat-label,
mat-select cx-form-control-label {
color: #191a1e;
opacity: 0.8;
margin-bottom: 6px;
}
.form-group:has(.mat-form-field-disabled) > mat-label,
.form-group:has(.mat-form-field-disabled) > cx-form-control-label {
color: #cbd5e1;
}
mat-form-field,
.mat-mdc-form-field {
width: 100%;
margin-bottom: 1rem;
}
mat-form-field .mat-mdc-form-field-hint,
.mat-mdc-form-field .mat-mdc-form-field-hint {
font-size: 14px;
color: #64748b;
margin-top: 2px;
}
mat-form-field.mat-form-field-disabled [matSuffix],
mat-form-field.mat-form-field-disabled [matTextSuffix],
mat-form-field:has(input:disabled) [matSuffix],
mat-form-field:has(input:disabled) [matTextSuffix],
.mat-mdc-form-field.mat-form-field-disabled [matSuffix],
.mat-mdc-form-field.mat-form-field-disabled [matTextSuffix],
.mat-mdc-form-field:has(input:disabled) [matSuffix],
.mat-mdc-form-field:has(input:disabled) [matTextSuffix] {
color: #cbd5e1;
}
mat-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control,
.mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
font-size: 16px;
}
mat-form-field input.mat-mdc-input-element::placeholder,
.mat-mdc-form-field input.mat-mdc-input-element::placeholder {
font-weight: 400;
}
mat-form-field input.mat-mdc-input-element:disabled::placeholder,
.mat-mdc-form-field input.mat-mdc-input-element:disabled::placeholder {
--mat-form-field-outlined-input-text-placeholder-color: #cbd5e1;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
min-height: 44px;
padding: 10px 0 10px 0;
}
mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-suffix {
padding-right: max(12px, var(--mat-form-field-outlined-container-shape));
}
mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-prefix {
padding-left: max(12px, var(--mat-form-field-outlined-container-shape));
}
mat-form-field .mdc-text-field--filled,
.mat-mdc-form-field .mdc-text-field--filled {
--mat-form-field-filled-disabled-container-color: variables.$color-light;
--mat-form-field-filled-container-color: transparent;
height: 45px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-minimal {
display: none;
}
.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
width: 100%;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
background-color: unset;
}
.mat-tree {
background-color: unset;
}
.mat-mdc-icon-button svg {
vertical-align: -0.125em !important;
}
a.mat-mdc-icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
}
a.mat-button-toggle-button,
a.mdc-button,
button.mat-button-toggle-button,
button.mdc-button {
font-size: 0.875rem;
}
a:focus-visible,
button:focus-visible {
outline: 2px solid #003449;
outline-offset: 2px;
}
a.mat-mdc-icon-button.mat-mdc-button-base,
button.mat-mdc-icon-button.mat-mdc-button-base {
font-size: 16px;
--mat-icon-button-state-layer-size: 40px;
--mat-icon-button-icon-size: 16px;
color: #64748b;
padding: 0;
}
a.mat-mdc-icon-button.bordered,
button.mat-mdc-icon-button.bordered {
border: 1px solid #e2e8f0;
border-radius: 4px;
}
a.mat-mdc-icon-button .mat-mdc-button-touch-target,
button.mat-mdc-icon-button .mat-mdc-button-touch-target {
height: 40px;
width: 40px;
}
a.mat-mdc-icon-button.mat-select-search-clear,
button.mat-mdc-icon-button.mat-select-search-clear {
height: 100%;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear),
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear) {
border-radius: 0.25rem;
color: #64748b;
background-color: #fff;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary {
color: #64748b;
background-color: #f8fafc;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear)[disabled],
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-button-disabled,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary[disabled],
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary.mat-button-disabled,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear)[disabled],
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-button-disabled,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary[disabled],
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary.mat-button-disabled {
background-color: transparent;
color: #cbd5e1;
border: 1px solid #cbd5e1;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta {
color: #fff;
background-color: #003449;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta:hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta:hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta:hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta:hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta:hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta:hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta:hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta:hover {
background-color: #002534;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta:active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta:active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta:active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta:active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]).cta:active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled).cta:active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]).cta:active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled).cta:active {
background-color: #001d28;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]):hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled):hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]):hover,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled):hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]):hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled):hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]):hover,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled):hover {
color: #fff;
background-color: #003449;
}
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]):active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled):active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]):active,
a.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled):active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not([disabled]):active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear):not(.mat-button-disabled):active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not([disabled]):active,
button.mat-mdc-icon-button:not(.mat-clear-button):not(.mat-select-search-clear).mat-primary:not(.mat-button-disabled):active {
color: #fff;
background-color: #002534;
}
a.mat-mdc-button,
button.mat-mdc-button {
padding: 0 18px;
min-width: 40px;
border-radius: 0.25rem;
line-height: 40px;
max-height: 40px;
}
a.mat-mdc-button.mat-mdc-button-base,
button.mat-mdc-button.mat-mdc-button-base {
height: 40px;
}
a.mat-mdc-button .mat-mdc-button-touch-target,
button.mat-mdc-button .mat-mdc-button-touch-target {
height: 40px;
}
a.mat-mdc-button.mat-primary.button-white,
button.mat-mdc-button.mat-primary.button-white {
color: #64748b;
background-color: #fff;
}
a.mat-mdc-button.mat-primary:hover,
button.mat-mdc-button.mat-primary:hover {
color: #fff;
background-color: #003449;
}
a.mat-mdc-button.mat-primary:active,
button.mat-mdc-button.mat-primary:active {
color: #fff;
background-color: #002534;
}
a.mat-mdc-button.mat-primary.mat-button-toggle-checked,
button.mat-mdc-button.mat-primary.mat-button-toggle-checked {
color: #fff;
background-color: #003449;
}
a.mat-mdc-button.mat-primary[disabled],
a.mat-mdc-button.mat-primary.mat-button-disabled,
button.mat-mdc-button.mat-primary[disabled],
button.mat-mdc-button.mat-primary.mat-button-disabled {
background-color: transparent;
color: #cbd5e1;
border: 1px solid #cbd5e1;
}
a.mat-mdc-unelevated-button,
button.mat-mdc-unelevated-button {
padding: 0 18px;
min-width: 40px;
border-radius: 0.25rem;
line-height: 40px;
max-height: 40px;
color: #64748b;
background-color: #f8fafc;
}
a.mat-mdc-unelevated-button.mat-mdc-button-base,
button.mat-mdc-unelevated-button.mat-mdc-button-base {
height: 40px;
}
a.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
button.mat-mdc-unelevated-button .mat-mdc-button-touch-target {
height: 40px;
}
a.mat-mdc-unelevated-button.mat-mdc-icon-button,
button.mat-mdc-unelevated-button.mat-mdc-icon-button {
height: 40px;
padding: 0 0;
}
a.mat-mdc-unelevated-button:hover,
button.mat-mdc-unelevated-button:hover {
color: #002534;
background-color: #e6ebed;
}
a.mat-mdc-unelevated-button:active,
button.mat-mdc-unelevated-button:active {
color: #001d28;
background-color: #e6ebed;
}
a.mat-mdc-unelevated-button[disabled],
a.mat-mdc-unelevated-button.mat-button-disabled,
a.mat-mdc-unelevated-button.mat-button-disabled.mat-button-disabled,
button.mat-mdc-unelevated-button[disabled],
button.mat-mdc-unelevated-button.mat-button-disabled,
button.mat-mdc-unelevated-button.mat-button-disabled.mat-button-disabled {
background-color: transparent;
color: #cbd5e1;
border: 1px solid #cbd5e1;
}
a.mat-mdc-unelevated-button.mat-primary,
button.mat-mdc-unelevated-button.mat-primary {
color: #fff;
}
a.mat-mdc-unelevated-button.mat-primary:hover,
button.mat-mdc-unelevated-button.mat-primary:hover {
background-color: #002534;
}
a.mat-mdc-unelevated-button.mat-primary:active,
button.mat-mdc-unelevated-button.mat-primary:active {
background-color: #001d28;
}
a.mat-mdc-unelevated-button.mat-primary[disabled],
a.mat-mdc-unelevated-button.mat-primary.mat-button-disabled,
button.mat-mdc-unelevated-button.mat-primary[disabled],
button.mat-mdc-unelevated-button.mat-primary.mat-button-disabled {
color: #fff;
background-color: #8aa2ab;
}
a.mat-mdc-unelevated-button.mat-accent,
button.mat-mdc-unelevated-button.mat-accent {
color: #fff;
}
a.mat-mdc-unelevated-button.mat-accent:hover,
button.mat-mdc-unelevated-button.mat-accent:hover {
background-color: #1a6f8a;
}
a.mat-mdc-unelevated-button.mat-accent:active,
button.mat-mdc-unelevated-button.mat-accent:active {
background-color: #14566b;
}
a.mat-mdc-unelevated-button.mat-accent[disabled],
a.mat-mdc-unelevated-button.mat-accent.mat-button-disabled,
button.mat-mdc-unelevated-button.mat-accent[disabled],
button.mat-mdc-unelevated-button.mat-accent.mat-button-disabled {
color: #fff;
background-color: #8aa2ab;
}
a .mdc-button__label,
button .mdc-button__label {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mat-button-toggle-group {
width: 100%;
gap: 2px;
flex-wrap: wrap;
--mat-button-toggle-background-color: transparent;
}
.mat-button-toggle-group:focus-visible {
outline: 2px solid #003449;
outline-offset: 2px;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
border-radius: 0.25rem;
padding: 4px;
background-color: #f1f5f9;
border: none;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle {
flex: 1;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:hover {
color: #003449;
background-color: #e6ebed;
border-radius: 0.25rem;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked {
color: #191a1e;
background-color: #fff;
border-radius: 0.25rem;
box-shadow: 0 1px 2px 0 rgba(100, 116, 139, 0.1);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
border-left: none;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled {
pointer-events: none;
}
.mat-button-toggle-label-content {
line-height: 34px !important;
}
.mat-button-toggle-group.header-button-toggle-group {
background-color: #003449;
height: 40px;
align-items: center;
}
.mat-button-toggle-group.header-button-toggle-group:has(.mat-button-toggle-disabled) {
color: #fff;
background-color: #8aa2ab;
}
.mat-button-toggle-group.header-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle {
color: #fff;
background-color: #003449;
}
.mat-button-toggle-group.header-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:hover {
background-color: #002534;
}
.mat-button-toggle-group.header-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:active {
background-color: #001d28;
}
.mat-button-toggle-group.header-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled {
color: #fff;
background-color: #8aa2ab;
}
mat-table.mat-mdc-table {
--mat-table-row-item-outline-width: 0px;
--mat-table-header-headline-color: #0000008a;
--mat-table-header-headline-size: 14px;
}
mat-table.mat-mdc-table .mat-mdc-row {
--mat-table-row-item-label-text-color: #191a1e;
--mat-table-row-item-label-text-weight: 500;
}
mat-table.mat-mdc-table .mat-mdc-header-cell {
background-color: #f1f5f9;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
color: #64748b;
}
.mat-mdc-table {
flex: 1;
}
.mat-mdc-table .mat-mdc-row:not(.no-content) {
background-color: #fff;
}
.mat-mdc-table .mat-mdc-row:not(.no-content):not(:last-of-type) {
border-bottom: 1px solid #e2e8f0;
}
.mat-mdc-table .mat-mdc-row:not(.no-content):focus-visible {
outline: 2px solid #003449;
outline-offset: -2px;
}
.mat-mdc-table .mat-mdc-row:not(.no-content):hover,
.mat-mdc-table .mat-mdc-row:not(.no-content):active {
color: #003449;
background-color: #e2e8f0;
}
.mat-mdc-table .mat-mdc-row:not(.no-content):hover .mat-mdc-cell,
.mat-mdc-table .mat-mdc-row:not(.no-content):active .mat-mdc-cell {
color: #003449;
}
.mat-mdc-table .mat-mdc-row,
.mat-mdc-table .mat-mdc-footer-row {
min-height: 52px;
}
.mat-mdc-table.border-side .mat-mdc-row:not(.no-content),
.mat-mdc-table.border-side .mat-mdc-header-row {
border-left: 1px solid #e2e8f0;
border-right: 1px solid #e2e8f0;
}
.mat-mdc-table.inverse {
background-color: #fff;
}
.mat-mdc-table.inverse .mat-mdc-row:not(.no-content) {
background-color: #f1f5f9;
}
.mat-mdc-table.inverse .mat-mdc-row:not(.no-content):hover,
.mat-mdc-table.inverse .mat-mdc-row:not(.no-content):active {
color: #003449;
background-color: #e6ebed;
}
.mat-mdc-table.inverse .mat-mdc-row:not(.no-content):hover .mat-mdc-cell,
.mat-mdc-table.inverse .mat-mdc-row:not(.no-content):active .mat-mdc-cell {
color: #003449;
}
.mat-mdc-table .header-cell--day {
display: flex;
flex-direction: column;
justify-content: center;
}
.mat-mdc-paginator {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
font-size: 14px;
color: #64748b;
justify-content: space-between;
row-gap: 0.5rem;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size {
align-items: center;
margin-right: 20px;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select {
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid #e2e8f0;
}
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
gap: 0.5rem;
}
.mat-mdc-paginator .mat-mdc-icon-button {
width: 36px;
height: 36px;
line-height: 36px;
}
.mat-mdc-paginator .mat-mdc-icon-button:not([disabled]):active,
.mat-mdc-paginator .mat-mdc-icon-button:not([disabled]):hover,
.mat-mdc-paginator .mat-mdc-icon-button:not(.mat-button-disabled):active,
.mat-mdc-paginator .mat-mdc-icon-button:not(.mat-button-disabled):hover {
color: #003449;
background-color: #b0c0c7;
}
.mat-mdc-paginator .mat-mdc-icon-button:not([disabled]):active,
.mat-mdc-paginator .mat-mdc-icon-button:not(.mat-button-disabled):active {
background-color: #8aa2ab;
}
.mat-mdc-paginator .mat-mdc-icon-button[disabled],
.mat-mdc-paginator .mat-mdc-icon-button.mat-button-disabled {
background-color: transparent;
border: none;
}
.mat-mdc-paginator .mat-mdc-paginator-icon {
width: 18px;
}
.mat-mdc-paginator .mat-mdc-select {
--mat-paginator-select-trigger-text-size: #64748b;
}
.mat-mdc-paginator .mat-mdc-select .mat-mdc-select-value {
color: #64748b;
}
.mat-mdc-paginator .mat-mdc-form-field {
width: 68px;
}
.mat-mdc-paginator .mat-mdc-form-field.mat-mdc-paginator-page-size-select {
margin: 0 4px;
}
.mat-mdc-paginator .mat-mdc-form-field .mdc-line-ripple {
display: none;
}
.paginator-panel.mat-mdc-select-panel {
background-color: #fff;
}
.mat-mdc-select {
--mat-select-trigger-text-size: 16px;
}
.mat-mdc-select-panel {
padding: 0 !important;
border-radius: 4px !important;
}
.mat-mdc-select-panel .mat-mdc-option {
--mat-option-label-text-color: #64748b;
--mat-option-label-text-size: 16px;
min-height: 40px;
--mat-option-hover-state-layer-color: #b0c0c7;
--mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-select-panel .mat-mdc-option.contains-mat-select-search {
margin-top: 0 !important;
top: 0 !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover,
.mat-mdc-select-panel .mat-mdc-option:active {
color: #003449;
}
.mat-mdc-select-panel .mat-mdc-option:active {
background-color: #8aa2ab;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-multiple):hover,
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-multiple):active {
color: #003449;
background-color: #b0c0c7;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-multiple):active {
background-color: #8aa2ab;
}
.mat-mdc-select-panel .mat-mdc-option .mat-mdc-select-panel .mat-mdc-option.mat-selected:not(.mat-mdc-option-multiple) {
color: #64748b;
background-color: #e6ebed;
}
.mat-mdc-menu-panel {
border-radius: 4px !important;
--mat-menu-item-label-text-size: 14px;
--mat-menu-item-hover-state-layer-color: #b0c0c7;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel .mat-mdc-menu-item:active {
color: #003449;
background-color: #b0c0c7;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:active {
background-color: #8aa2ab;
}
.mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-selected:not(.mat-mdc-option-multiple):hover,
.mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-selected:not(.mat-mdc-option-multiple):active {
color: #003449;
background-color: #b0c0c7;
}
.mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-selected:not(.mat-mdc-option-multiple):active {
background-color: #8aa2ab;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-select-panel .mat-mdc-option.mat-selected:not(.mat-mdc-option-multiple) {
color: #64748b;
background-color: #e6ebed;
}
.mat-mdc-menu-panel.button-side-menu {
background-color: #fff;
border-top-left-radius: 0;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.mat-mdc-menu-panel.button-side-menu .side-menu-header {
-webkit-user-select: none;
user-select: none;
cursor: default;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
line-height: 26px;
height: 36px;
padding: 0 16px;
max-width: 100%;
position: relative;
color: #003449;
}
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item {
border-left: 2px solid transparent;
}
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item.cdk-keyboard-focused,
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item.cdk-program-focused {
background-color: transparent;
}
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item:active,
.mat-mdc-menu-panel.button-side-menu .mat-mdc-menu-item.selected {
border-left-color: #259dc3;
color: #228fb1;
background-color: #bbe1ec;
}
.cx-autocomplete-menu-overlay {
--mat-menu-item-label-text-line-height: 1.4;
}
.cx-autocomplete-menu-overlay.mat-mdc-menu-panel {
max-width: unset;
}
.cx-autocomplete-menu-overlay .mat-mdc-menu-content {
padding: 0;
}
.cx-autocomplete-menu-overlay .mat-mdc-form-field-subscript-wrapper {
display: none;
}
.cx-autocomplete-menu-overlay .mat-mdc-menu-item {
min-height: unset;
}
.mdc-checkbox .mdc-checkbox__ripple,
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__ripple {
display: none;
}
.mdc-checkbox .mdc-checkbox__background,
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__background {
width: 20px;
height: 20px;
border-radius: 4px;
border-width: 1px;
padding: 2px;
border-color: #94a3b8;
}
.mdc-checkbox .mdc-checkbox__checkmark,
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__checkmark {
padding: 2px;
}
mat-checkbox .mdc-checkbox:has(input:focus-visible) {
outline: 2px solid #003449;
outline-offset: 2px;
}
mat-card.mat-mdc-card {
--mat-card-outlined-container-shape: 8px;
--mat-card-outlined-container-color: #fff;
--mat-card-outlined-outline-width: 0px;
}
.cdk-overlay-container .cdk-overlay-dark-backdrop {
background-color: rgba(0, 0, 0, 0.65);
}
.mdc-dialog .mat-mdc-dialog-title {
padding-top: 1.5rem;
padding-right: 4.5rem;
}
.mdc-dialog .mat-mdc-dialog-title::before {
height: 0;
}
.mdc-dialog .mat-mdc-dialog-surface {
border: 1px solid #e2e8f0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.mdc-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content {
padding: 1.5rem 2rem;
}
.mdc-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content:has(.mat-mdc-tab-body-wrapper) {
padding-top: 0;
}
.mdc-dialog .mat-mdc-dialog-actions {
padding: 1rem 2rem 1rem 2rem;
border-top: 1px solid #e2e8f0;
display: flex;
gap: 0.5rem;
}
.mat-mdc-menu-panel.drop-calendar {
width: 30rem;
}
.mat-mdc-menu-panel.drop-calendar .mat-calendar-body-cell.selected {
background-color: #003449;
border-radius: 50%;
}
.mat-mdc-menu-panel.drop-calendar .mat-calendar-body-cell.selected .mat-calendar-body-cell-content {
color: #fff;
}
.mat-mdc-dialog-title.mdc-dialog__title {
--mat-dialog-subhead-color: #003449;
padding-left: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid #e2e8f0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
mat-chip-option.mat-mdc-chip {
border: 1px solid #94a3b8;
--mat-chip-elevated-container-color: #fff;
}
.mat-mdc-list .mdc-list-item {
padding: 0;
}
.mat-mdc-menu-content .mat-mdc-menu-item-text {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mat-mdc-select-panel .mat-mdc-option.is-searching .mat-select-search-no-entries-found {
display: none !important;
}
.mat-mdc-select-panel .mat-select-search-no-entries-found {
padding: 8px 16px !important;
color: #64748b;
text-align: center;
display: block;
font-style: italic;
line-height: 1.4;
}
mat-select-country {
font-size: 12px;
color: #64748b;
border-top: 0.25em solid transparent;
}
mat-select-country .mat-mdc-form-field-infix {
padding: 1.25em 0 1.25em 0;
}
div.mat-mdc-autocomplete-panel {
background-color: #f1f5f9 !important;
}
div.mat-mdc-autocomplete-panel .mat-mdc-option:hover,
div.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
color: #003449;
background-color: #b0c0c7 !important;
}
div.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
background-color: #e2e8f0 !important;
}
.cx-sidebar .muted-text,
.cx-sidebar-tunelled .muted-text {
color: #64748b;
}
.cx-sidebar .muted-entry,
.cx-sidebar-tunelled .muted-entry {
color: #64748b;
display: flex;
justify-content: center;
margin: 1em 0;
}
.cx-sidebar hr {
border: 0;
border-top: 1px solid #e2e8f0;
margin: 1rem 0;
}
.mat-mdc-snack-bar-container.snackbar {
--mat-snackbar-container-color: #fff;
--mat-snackbar-container-shape: 0.25rem;
--mat-snackbar-supporting-text-color: #191a1e;
margin: 24px;
border: 1px solid #e2e8f0;
border-radius: var(--mat-snackbar-container-shape);
}
.mat-mdc-snack-bar-container.snackbar .mdc-snackbar__surface {
background-color: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
color: #191a1e;
padding: 16px 20px;
}
.mat-mdc-snack-bar-container.snackbar .mdc-snackbar__surface .mat-mdc-snack-bar-label {
padding: 0;
}
.cx-table .mat-header-row {
display: flex;
align-items: center;
box-sizing: border-box;
min-height: 56px;
}
.cx-table .mat-cell:first-of-type,
.cx-table .mat-header-cell:first-of-type,
.cx-table .mat-footer-cell:first-of-type {
padding-left: 24px;
}
.cx-table .mat-cell:last-of-type,
.cx-table .mat-header-cell:last-of-type,
.cx-table .mat-footer-cell:last-of-type {
padding-right: 24px;
}
.cx-table .mat-cell,
.cx-table .mat-header-cell,
.cx-table .mat-footer-cell {
flex: 1;
display: flex;
align-items: center;
overflow: hidden;
word-wrap: break-word;
min-height: inherit;
}
.cx-table .mat-row,
.cx-table .mat-header-row,
.cx-table .mat-footer-row {
display: flex;
align-items: center;
box-sizing: border-box;
}
.cx-table .cx-row {
flex-direction: column;
padding: 10px 0;
}
.cx-table .cx-row-container {
display: flex;
flex-direction: row;
flex: 1;
width: 100%;
}
.cx-table .cx-row-container.expanded {
font-weight: bold;
}
.npk-table .mat-column-number,
.npk-table .mat-column-variable,
.npk-table .mat-column-subchapter,
.npk-table .mat-column-chapter {
flex: 0 1 15%;
}
.npk-table .mat-column-actions {
display: flex;
justify-content: flex-end;
}
.npk-table .mat-column-actions.mat-cell {
column-gap: 5px;
}
/*!
* Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.container {
max-width: 88%;
}
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 520px;
}
}
@media (min-width: 768px) {
.container,
.container-md {
max-width: 680px;
}
}
@media (min-width: 992px) {
.container,
.container-lg {
max-width: 920px;
}
}
@media (min-width: 1200px) {
.container,
.container-xl {
max-width: 1020px;
}
}
@media (min-width: 1600px) {
.container,
.container-xxl {
max-width: 1400px;
}
}
@font-face {
font-family: "coolicons";
src: url("./media/coolicons.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
i {
font-family: "coolicons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 16pt;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ci-Add_Column:before {
content: "\e900";
}
.ci-Add_Minus_Square:before {
content: "\e901";
}
.ci-Add_Plus_Circle:before {
content: "\e902";
}
.ci-Add_Plus_Square:before {
content: "\e903";
}
.ci-Add_Plus:before {
content: "\e904";
}
.ci-Add_Row:before {
content: "\e905";
}
.ci-Add_To_Queue:before {
content: "\e906";
}
.ci-Airplay:before {
content: "\e907";
}
.ci-Alarm:before {
content: "\e908";
}
.ci-Archive:before {
content: "\e909";
}
.ci-Arrow_Circle_Down_Left:before {
content: "\e90a";
}
.ci-Arrow_Circle_Down_Right:before {
content: "\e90b";
}
.ci-Arrow_Circle_Down:before {
content: "\e90c";
}
.ci-Arrow_Circle_Left:before {
content: "\e90d";
}
.ci-Arrow_Circle_Right:before {
content: "\e90e";
}
.ci-Arrow_Circle_Up_Left:before {
content: "\e90f";
}
.ci-Arrow_Circle_Up_Right:before {
content: "\e910";
}
.ci-Arrow_Circle_Up:before {
content: "\e911";
}
.ci-Arrow_Down_Left_LG:before {
content: "\e912";
}
.ci-Arrow_Down_Left_MD:before {
content: "\e913";
}
.ci-Arrow_Down_Left_SM:before {
content: "\e914";
}
.ci-Arrow_Down_LG:before {
content: "\e915";
}
.ci-Arrow_Down_MD:before {
content: "\e916";
}
.ci-Arrow_Down_Right_LG:before {
content: "\e917";
}
.ci-Arrow_Down_Right_MD:before {
content: "\e918";
}
.ci-Arrow_Down_Right_SM:before {
content: "\e919";
}
.ci-Arrow_Down_SM:before {
content: "\e91a";
}
.ci-Arrow_Down_Up:before {
content: "\e91b";
}
.ci-Arrow_Left_LG:before {
content: "\e91c";
}
.ci-Arrow_Left_MD:before {
content: "\e91d";
}
.ci-Arrow_Left_Right:before {
content: "\e91e";
}
.ci-Arrow_Left_SM:before {
content: "\e91f";
}
.ci-Arrow_Reload_02:before {
content: "\e920";
}
.ci-Arrow_Right_LG:before {
content: "\e921";
}
.ci-Arrow_Right_MD:before {
content: "\e922";
}
.ci-Arrow_Right_SM:before {
content: "\e923";
}
.ci-Arrow_Sub_Down_Left:before {
content: "\e924";
}
.ci-Arrow_Sub_Down_Right:before {
content: "\e925";
}
.ci-Arrow_Sub_Left_Down:before {
content: "\e926";
}
.ci-Arrow_Sub_Left_Up:before {
content: "\e927";
}
.ci-Arrow_Sub_Right_Down:before {
content: "\e928";
}
.ci-Arrow_Sub_Right_Up:before {
content: "\e929";
}
.ci-Arrow_Sub_Up_Left:before {
content: "\e92a";
}
.ci-Arrow_Sub_Up_Right:before {
content: "\e92b";
}
.ci-Arrow_Undo_Down_Left:before {
content: "\e92c";
}
.ci-Arrow_Undo_Down_Right:before {
content: "\e92d";
}
.ci-Arrow_Undo_Up_Left:before {
content: "\e92e";
}
.ci-Arrow_Undo_Up_Right:before {
content: "\e92f";
}
.ci-Arrow_Up_Left_LG:before {
content: "\e930";
}
.ci-Arrow_Up_Left_MD:before {
content: "\e931";
}
.ci-Arrow_Up_Left_SM:before {
content: "\e932";
}
.ci-Arrow_Up_LG:before {
content: "\e933";
}
.ci-Arrow_Up_MD:before {
content: "\e934";
}
.ci-Arrow_Up_Right_LG:before {
content: "\e935";
}
.ci-Arrow_Up_Right_MD:before {
content: "\e936";
}
.ci-Arrow_Up_Right_SM:before {
content: "\e937";
}
.ci-Arrow_Up_SM:before {
content: "\e938";
}
.ci-Arrows_Reload_01:before {
content: "\e939";
}
.ci-Bar_Bottom:before {
content: "\e93a";
}
.ci-Bar_Left:before {
content: "\e93b";
}
.ci-Bar_Right:before {
content: "\e93c";
}
.ci-Bar_Top:before {
content: "\e93d";
}
.ci-Bell_Add:before {
content: "\e93e";
}
.ci-Bell_Close:before {
content: "\e93f";
}
.ci-Bell_Notification:before {
content: "\e940";
}
.ci-Bell_Off:before {
content: "\e941";
}
.ci-Bell_Remove:before {
content: "\e942";
}
.ci-Bell_Ring:before {
content: "\e943";
}
.ci-Bell:before {
content: "\e944";
}
.ci-Bold:before {
content: "\e945";
}
.ci-Book_Open:before {
content: "\e946";
}
.ci-Book:before {
content: "\e947";
}
.ci-Bookmark:before {
content: "\e948";
}
.ci-Building_01:before {
content: "\e949";
}
.ci-Building_02:before {
content: "\e94a";
}
.ci-Building_03:before {
content: "\e94b";
}
.ci-Building_04:before {
content: "\e94c";
}
.ci-Bulb:before {
content: "\e94d";
}
.ci-Calendar_Add:before {
content: "\e94e";
}
.ci-Calendar_Check:before {
content: "\e94f";
}
.ci-Calendar_Close:before {
content: "\e950";
}
.ci-Calendar_Days:before {
content: "\e951";
}
.ci-Calendar_Event:before {
content: "\e952";
}
.ci-Calendar_Remove:before {
content: "\e953";
}
.ci-Calendar_Week:before {
content: "\e954";
}
.ci-Calendar:before {
content: "\e955";
}
.ci-Camera:before {
content: "\e956";
}
.ci-Car_Auto:before {
content: "\e957";
}
.ci-Caret_Circle_Down:before {
content: "\e958";
}
.ci-Caret_Circle_Left:before {
content: "\e959";
}
.ci-Caret_Circle_Right:before {
content: "\e95a";
}
.ci-Caret_Circle_Up:before {
content: "\e95b";
}
.ci-Caret_Down_MD:before {
content: "\e95c";
}
.ci-Caret_Down_SM:before {
content: "\e95d";
}
.ci-Caret_Left_SM:before {
content: "\e95e";
}
.ci-Caret_Right_SM:before {
content: "\e95f";
}
.ci-Caret_Up_MD:before {
content: "\e960";
}
.ci-Caret_Up_SM:before {
content: "\e961";
}
.ci-Chart_Bar_Horizontal_01:before {
content: "\e962";
}
.ci-Chart_Bar_Vertical_01:before {
content: "\e963";
}
.ci-Chart_Line:before {
content: "\e964";
}
.ci-Chart_Pie:before {
content: "\e965";
}
.ci-Chat_Add:before {
content: "\e966";
}
.ci-Chat_Check:before {
content: "\e967";
}
.ci-Chat_Circle_Add:before {
content: "\e968";
}
.ci-Chat_Circle_Check:before {
content: "\e969";
}
.ci-Chat_Circle_Close:before {
content: "\e96a";
}
.ci-Chat_Circle_Dots:before {
content: "\e96b";
}
.ci-Chat_Circle_Remove:before {
content: "\e96c";
}
.ci-Chat_Circle:before {
content: "\e96d";
}
.ci-Chat_Close:before {
content: "\e96e";
}
.ci-Chat_Conversation_Circle:before {
content: "\e96f";
}
.ci-Chat_Conversation:before {
content: "\e970";
}
.ci-Chat_Dots:before {
content: "\e971";
}
.ci-Chat_Remove:before {
content: "\e972";
}
.ci-Chat:before {
content: "\e973";
}
.ci-Check_All_Big:before {
content: "\e974";
}
.ci-Check_All:before {
content: "\e975";
}
.ci-Check_Big:before {
content: "\e976";
}
.ci-Check:before {
content: "\e977";
}
.ci-Checkbox_Check:before {
content: "\e978";
}
.ci-Checkbox_Fill:before {
content: "\e979";
}
.ci-Checkbox_Unchecked:before {
content: "\e97a";
}
.ci-Chevron_Down_Duo:before {
content: "\e97b";
}
.ci-Chevron_Down:before {
content: "\e97c";
}
.ci-Chevron_Left_Duo:before {
content: "\e97d";
}
.ci-Chevron_Left_MD:before {
content: "\e97e";
}
.ci-Chevron_Left:before {
content: "\e97f";
}
.ci-Chevron_Right_Duo:before {
content: "\e980";
}
.ci-Chevron_Right_MD:before {
content: "\e981";
}
.ci-Chevron_Right:before {
content: "\e982";
}
.ci-Chevron_Up_Duo:before {
content: "\e983";
}
.ci-Chevron_Up:before {
content: "\e984";
}
.ci-Chromecast:before {
content: "\e985";
}
.ci-Circle_Check:before {
content: "\e986";
}
.ci-Circle_Help:before {
content: "\e987";
}
.ci-Circle_Warning:before {
content: "\e988";
}
.ci-Circle:before {
content: "\e989";
}
.ci-Clock:before {
content: "\e98a";
}
.ci-Close_Circle:before {
content: "\e98b";
}
.ci-Close_LG:before {
content: "\e98c";
}
.ci-Close_MD:before {
content: "\e98d";
}
.ci-Close_SM:before {
content: "\e98e";
}
.ci-Close_Square:before {
content: "\e98f";
}
.ci-Cloud_Add:before {
content: "\e990";
}
.ci-Cloud_Check:before {
content: "\e991";
}
.ci-Cloud_Close:before {
content: "\e992";
}
.ci-Cloud_Download:before {
content: "\e993";
}
.ci-Cloud_Off:before {
content: "\e994";
}
.ci-Cloud_Remove:before {
content: "\e995";
}
.ci-Cloud_Upload:before {
content: "\e996";
}
.ci-Cloud:before {
content: "\e997";
}
.ci-Code:before {
content: "\e998";
}
.ci-Coffe_To_Go:before {
content: "\e999";
}
.ci-Coffee:before {
content: "\e99a";
}
.ci-Columns:before {
content: "\e99b";
}
.ci-Combine_Cells:before {
content: "\e99c";
}
.ci-Command:before {
content: "\e99d";
}
.ci-Compass:before {
content: "\e99e";
}
.ci-Cookie:before {
content: "\e99f";
}
.ci-Copy:before {
content: "\e9a0";
}
.ci-Credit_Card_01:before {
content: "\e9a1";
}
.ci-Credit_Card_02:before {
content: "\e9a2";
}
.ci-Crop:before {
content: "\e9a3";
}
.ci-Cupcake:before {
content: "\e9a4";
}
.ci-Cylinder:before {
content: "\e9a5";
}
.ci-Data:before {
content: "\e9a6";
}
.ci-Delete_Column:before {
content: "\e9a7";
}
.ci-Delete_Row:before {
content: "\e9a8";
}
.ci-Desktop_Tower:before {
content: "\e9a9";
}
.ci-Desktop:before {
content: "\e9aa";
}
.ci-Devices:before {
content: "\e9ab";
}
.ci-Double_Quotes_L:before {
content: "\e9ac";
}
.ci-Double_Quotes_R:before {
content: "\e9ad";
}
.ci-Download_Package:before {
content: "\e9ae";
}
.ci-Download:before {
content: "\e9af";
}
.ci-Drag_Horizontal:before {
content: "\e9b0";
}
.ci-Drag_Vertical:before {
content: "\e9b1";
}
.ci-Dummy_Circle_Small:before {
content: "\e9b2";
}
.ci-Dummy_Circle:before {
content: "\e9b3";
}
.ci-Dummy_Square_Small:before {
content: "\e9b4";
}
.ci-Dummy_Square:before {
content: "\e9b5";
}
.ci-Edit_Pencil_01:before {
content: "\e9b6";
}
.ci-Edit_Pencil_02:before {
content: "\e9b7";
}
.ci-Edit_Pencil_Line_01:before {
content: "\e9b8";
}
.ci-Edit_Pencil_Line_02:before {
content: "\e9b9";
}
.ci-Exit:before {
content: "\e9ba";
}
.ci-Expand:before {
content: "\e9bb";
}
.ci-External_Link:before {
content: "\e9bc";
}
.ci-Figma:before {
content: "\e9bd";
}
.ci-File_Add:before {
content: "\e9be";
}
.ci-File_Blank:before {
content: "\e9bf";
}
.ci-File_Check:before {
content: "\e9c0";
}
.ci-File_Close:before {
content: "\e9c1";
}
.ci-File_Code:before {
content: "\e9c2";
}
.ci-File_Document:before {
content: "\e9c3";
}
.ci-File_Download:before {
content: "\e9c4";
}
.ci-File_Edit:before {
content: "\e9c5";
}
.ci-File_Remove:before {
content: "\e9c6";
}
.ci-File_Search:before {
content: "\e9c7";
}
.ci-File_Upload:before {
content: "\e9c8";
}
.ci-Files:before {
content: "\e9c9";
}
.ci-Filter_Off:before {
content: "\e9ca";
}
.ci-Filter:before {
content: "\e9cb";
}
.ci-First_Aid:before {
content: "\e9cc";
}
.ci-Flag:before {
content: "\e9cd";
}
.ci-Folder_Add:before {
content: "\e9ce";
}
.ci-Folder_Check:before {
content: "\e9cf";
}
.ci-Folder_Close:before {
content: "\e9d0";
}
.ci-Folder_Code:before {
content: "\e9d1";
}
.ci-Folder_Document:before {
content: "\e9d2";
}
.ci-Folder_Download:before {
content: "\e9d3";
}
.ci-Folder_Edit:before {
content: "\e9d4";
}
.ci-Folder_Open:before {
content: "\e9d5";
}
.ci-Folder_Remove:before {
content: "\e9d6";
}
.ci-Folder_Search:before {
content: "\e9d7";
}
.ci-Folder_Upload:before {
content: "\e9d8";
}
.ci-Folder:before {
content: "\e9d9";
}
.ci-Folders:before {
content: "\e9da";
}
.ci-Font:before {
content: "\e9db";
}
.ci-Forward:before {
content: "\e9dc";
}
.ci-Gift:before {
content: "\e9dd";
}
.ci-Globe:before {
content: "\e9de";
}
.ci-Hamburger_LG:before {
content: "\e9df";
}
.ci-Hamburger_MD:before {
content: "\e9e0";
}
.ci-Handbag:before {
content: "\e9e1";
}
.ci-Heading_H1:before {
content: "\e9e2";
}
.ci-Heading_H2:before {
content: "\e9e3";
}
.ci-Heading_H3:before {
content: "\e9e4";
}
.ci-Heading_H4:before {
content: "\e9e5";
}
.ci-Heading_H5:before {
content: "\e9e6";
}
.ci-Heading_H6:before {
content: "\e9e7";
}
.ci-Heading:before {
content: "\e9e8";
}
.ci-Headphones:before {
content: "\e9e9";
}
.ci-Heart_01:before {
content: "\e9ea";
}
.ci-Heart_02:before {
content: "\e9eb";
}
.ci-Help:before {
content: "\e9ec";
}
.ci-Hide:before {
content: "\e9ed";
}
.ci-House_01:before {
content: "\e9ee";
}
.ci-House_02:before {
content: "\e9ef";
}
.ci-House_03:before {
content: "\e9f0";
}
.ci-House_Add:before {
content: "\e9f1";
}
.ci-House_Check:before {
content: "\e9f2";
}
.ci-House_Close:before {
content: "\e9f3";
}
.ci-House_Remove:before {
content: "\e9f4";
}
.ci-Image_01:before {
content: "\e9f5";
}
.ci-Image_02:before {
content: "\e9f6";
}
.ci-Info:before {
content: "\e9f7";
}
.ci-Instance:before {
content: "\e9f8";
}
.ci-Italic:before {
content: "\e9f9";
}
.ci-Keyboard:before {
content: "\e9fa";
}
.ci-Label:before {
content: "\e9fb";
}
.ci-Laptop:before {
content: "\e9fc";
}
.ci-Layer:before {
content: "\e9fd";
}
.ci-Layers:before {
content: "\e9fe";
}
.ci-Leaf:before {
content: "\e9ff";
}
.ci-Line_L:before {
content: "\ea00";
}
.ci-Line_M:before {
content: "\ea01";
}
.ci-Line_S:before {
content: "\ea02";
}
.ci-Line_Xl:before {
content: "\ea03";
}
.ci-Link_Break:before {
content: "\ea04";
}
.ci-Link_Horizontal_Off:before {
content: "\ea05";
}
.ci-Link_Horizontal:before {
content: "\ea06";
}
.ci-Link_Vertical:before {
content: "\ea07";
}
.ci-Link:before {
content: "\ea08";
}
.ci-List_Add:before {
content: "\ea09";
}
.ci-List_Check:before {
content: "\ea0a";
}
.ci-List_Checklist:before {
content: "\ea0b";
}
.ci-List_Ordered:before {
content: "\ea0c";
}
.ci-List_Remove:before {
content: "\ea0d";
}
.ci-List_Unordered:before {
content: "\ea0e";
}
.ci-Loading:before {
content: "\ea0f";
}
.ci-Lock_Open:before {
content: "\ea10";
}
.ci-Lock:before {
content: "\ea11";
}
.ci-Log_Out:before {
content: "\ea12";
}
.ci-Magnifying_Glass_Minus:before {
content: "\ea13";
}
.ci-Magnifying_Glass_Plus:before {
content: "\ea14";
}
.ci-Mail_Open:before {
content: "\ea15";
}
.ci-Mail:before {
content: "\ea16";
}
.ci-Main_Component:before {
content: "\ea17";
}
.ci-Map_Pin:before {
content: "\ea18";
}
.ci-Map:before {
content: "\ea19";
}
.ci-Mention:before {
content: "\ea1a";
}
.ci-Menu_Alt_01:before {
content: "\ea1b";
}
.ci-Menu_Alt_02:before {
content: "\ea1c";
}
.ci-Menu_Alt_03:before {
content: "\ea1d";
}
.ci-Menu_Alt_04:before {
content: "\ea1e";
}
.ci-Menu_Alt_05:before {
content: "\ea1f";
}
.ci-Menu_Duo_LG:before {
content: "\ea20";
}
.ci-Menu_Duo_MD:before {
content: "\ea21";
}
.ci-Mobile_Button:before {
content: "\ea22";
}
.ci-Mobile:before {
content: "\ea23";
}
.ci-Monitor_Play:before {
content: "\ea24";
}
.ci-Monitor:before {
content: "\ea25";
}
.ci-Moon:before {
content: "\ea26";
}
.ci-More_Grid_Big:before {
content: "\ea27";
}
.ci-More_Grid_Small:before {
content: "\ea28";
}
.ci-More_Horizontal:before {
content: "\ea29";
}
.ci-More_Vertical:before {
content: "\ea2a";
}
.ci-Mouse:before {
content: "\ea2b";
}
.ci-Move_Horizontal:before {
content: "\ea2c";
}
.ci-Move_Vertical:before {
content: "\ea2d";
}
.ci-Move:before {
content: "\ea2e";
}
.ci-Moving_Desk:before {
content: "\ea2f";
}
.ci-Navigation:before {
content: "\ea30";
}
.ci-Note_Edit:before {
content: "\ea31";
}
.ci-Note_Search:before {
content: "\ea32";
}
.ci-Note:before {
content: "\ea33";
}
.ci-Notebook:before {
content: "\ea34";
}
.ci-Octagon_Check:before {
content: "\ea35";
}
.ci-Octagon_Help:before {
content: "\ea36";
}
.ci-Octagon_Warning:before {
content: "\ea37";
}
.ci-Octagon:before {
content: "\ea38";
}
.ci-Option:before {
content: "\ea39";
}
.ci-Paper_Plane:before {
content: "\ea3a";
}
.ci-Paperclip_Attechment_Horizontal:before {
content: "\ea3b";
}
.ci-Paperclip_Attechment_Tilt:before {
content: "\ea3c";
}
.ci-Paragraph:before {
content: "\ea3d";
}
.ci-Path:before {
content: "\ea3e";
}
.ci-Pause_Circle:before {
content: "\ea3f";
}
.ci-Pause:before {
content: "\ea40";
}
.ci-Phone:before {
content: "\ea41";
}
.ci-Planet:before {
content: "\ea42";
}
.ci-Play_Circle:before {
content: "\ea43";
}
.ci-Play:before {
content: "\ea44";
}
.ci-Printer:before {
content: "\ea45";
}
.ci-Puzzle:before {
content: "\ea46";
}
.ci-Qr_Code:before {
content: "\ea47";
}
.ci-Radio_Fill:before {
content: "\ea48";
}
.ci-Radio_Unchecked:before {
content: "\ea49";
}
.ci-Rainbow:before {
content: "\ea4a";
}
.ci-Redo:before {
content: "\ea4b";
}
.ci-Remove_Minus_Circle:before {
content: "\ea4c";
}
.ci-Remove_Minus:before {
content: "\ea4d";
}
.ci-Rewind:before {
content: "\ea4e";
}
.ci-Rows:before {
content: "\ea4f";
}
.ci-Ruler:before {
content: "\ea50";
}
.ci-Save:before {
content: "\ea51";
}
.ci-Search_Magnifying_Glass:before {
content: "\ea52";
}
.ci-Select_Multiple:before {
content: "\ea53";
}
.ci-Settings_Future:before {
content: "\ea54";
}
.ci-Settings:before {
content: "\ea55";
}
.ci-Share_Android:before {
content: "\ea56";
}
.ci-Share_iOS_Export:before {
content: "\ea57";
}
.ci-Shield_Check:before {
content: "\ea58";
}
.ci-Shield_Warning:before {
content: "\ea59";
}
.ci-Shield:before {
content: "\ea5a";
}
.ci-Shopping_Bag_01:before {
content: "\ea5b";
}
.ci-Shopping_Bag_02:before {
content: "\ea5c";
}
.ci-Shopping_Cart_01:before {
content: "\ea5d";
}
.ci-Shopping_Cart_02:before {
content: "\ea5e";
}
.ci-Show:before {
content: "\ea5f";
}
.ci-Shrink:before {
content: "\ea60";
}
.ci-Shuffle:before {
content: "\ea61";
}
.ci-Single_Quotes_L:before {
content: "\ea62";
}
.ci-Single_Quotes_R:before {
content: "\ea63";
}
.ci-Skip_Back:before {
content: "\ea64";
}
.ci-Skip_Forward:before {
content: "\ea65";
}
.ci-Slider_01:before {
content: "\ea66";
}
.ci-Slider_02:before {
content: "\ea67";
}
.ci-Slider_03:before {
content: "\ea68";
}
.ci-Sort_Ascending:before {
content: "\ea69";
}
.ci-Sort_Descending:before {
content: "\ea6a";
}
.ci-Square_Check:before {
content: "\ea6b";
}
.ci-Square_Help:before {
content: "\ea6c";
}
.ci-Square_Warning:before {
content: "\ea6d";
}
.ci-Square:before {
content: "\ea6e";
}
.ci-Star:before {
content: "\ea6f";
}
.ci-Stop_Circle:before {
content: "\ea70";
}
.ci-Stop_Sign:before {
content: "\ea71";
}
.ci-Stop:before {
content: "\ea72";
}
.ci-Strikethrough:before {
content: "\ea73";
}
.ci-Suitcase:before {
content: "\ea74";
}
.ci-Sun:before {
content: "\ea75";
}
.ci-Swatches_Palette:before {
content: "\ea76";
}
.ci-Swicht_Left:before {
content: "\ea77";
}
.ci-Swicht_Right:before {
content: "\ea78";
}
.ci-Table_Add:before {
content: "\ea79";
}
.ci-Table_Remove:before {
content: "\ea7a";
}
.ci-Table:before {
content: "\ea7b";
}
.ci-Tablet_Button:before {
content: "\ea7c";
}
.ci-Tablet:before {
content: "\ea7d";
}
.ci-Tag:before {
content: "\ea7e";
}
.ci-Terminal:before {
content: "\ea7f";
}
.ci-Text_Align_Center:before {
content: "\ea80";
}
.ci-Text_Align_Justify:before {
content: "\ea81";
}
.ci-Text_Align_Left:before {
content: "\ea82";
}
.ci-Text_Align_Right:before {
content: "\ea83";
}
.ci-Text:before {
content: "\ea84";
}
.ci-Ticket_Voucher:before {
content: "\ea85";
}
.ci-Timer_Add:before {
content: "\ea86";
}
.ci-Timer_Close:before {
content: "\ea87";
}
.ci-Timer_Remove:before {
content: "\ea88";
}
.ci-Timer:before {
content: "\ea89";
}
.ci-Trash_Empty:before {
content: "\ea8a";
}
.ci-Trash_Full:before {
content: "\ea8b";
}
.ci-Trending_Down:before {
content: "\ea8c";
}
.ci-Trending_Up:before {
content: "\ea8d";
}
.ci-Triangle_Check:before {
content: "\ea8e";
}
.ci-Triangle_Warning:before {
content: "\ea8f";
}
.ci-Triangle:before {
content: "\ea90";
}
.ci-Underline:before {
content: "\ea91";
}
.ci-Undo:before {
content: "\ea92";
}
.ci-Unfold_Less:before {
content: "\ea93";
}
.ci-Unfold_More:before {
content: "\ea94";
}
.ci-User_01:before {
content: "\ea95";
}
.ci-User_02:before {
content: "\ea96";
}
.ci-User_03:before {
content: "\ea97";
}
.ci-User_Add:before {
content: "\ea98";
}
.ci-User_Card_ID:before {
content: "\ea99";
}
.ci-User_Check:before {
content: "\ea9a";
}
.ci-User_Circle:before {
content: "\ea9b";
}
.ci-User_Close:before {
content: "\ea9c";
}
.ci-User_Remove:before {
content: "\ea9d";
}
.ci-User_Square:before {
content: "\ea9e";
}
.ci-User_Voice:before {
content: "\ea9f";
}
.ci-Users_Group:before {
content: "\eaa0";
}
.ci-Users:before {
content: "\eaa1";
}
.ci-Volume_Max:before {
content: "\eaa2";
}
.ci-Volume_Min:before {
content: "\eaa3";
}
.ci-Volume_Minus:before {
content: "\eaa4";
}
.ci-Volume_Off_02:before {
content: "\eaa5";
}
.ci-Volume_Off:before {
content: "\eaa6";
}
.ci-Volume_Plus:before {
content: "\eaa7";
}
.ci-Warning:before {
content: "\eaa8";
}
.ci-Water_Drop:before {
content: "\eaa9";
}
.ci-Wavy_Check:before {
content: "\eaaa";
}
.ci-Wavy_Help:before {
content: "\eaab";
}
.ci-Wavy_Warning:before {
content: "\eaac";
}
.ci-Wavy:before {
content: "\eaad";
}
.ci-Wifi_High:before {
content: "\eaae";
}
.ci-Wifi_Low:before {
content: "\eaaf";
}
.ci-Wifi_Medium:before {
content: "\eab0";
}
.ci-Wifi_None:before {
content: "\eab1";
}
.ci-Wifi_Off:before {
content: "\eab2";
}
.ci-Wifi_Problem:before {
content: "\eab3";
}
.ci-Window_Check:before {
content: "\eab4";
}
.ci-Window_Close:before {
content: "\eab5";
}
.ci-Window_Code_Block:before {
content: "\eab6";
}
.ci-Window_Sidebar:before {
content: "\eab7";
}
.ci-Window_Terminal:before {
content: "\eab8";
}
.ci-Window:before {
content: "\eab9";
}
html,
body {
height: 100%;
}
body {
margin: 0;
}
.header-buttons-group {
margin-left: 0.5rem;
}
.mat-loading .mdc-button__label {
visibility: hidden;
}
.mat-loading .mat-mdc-progress-spinner {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
--mat-progress-spinner-active-indicator-color: #fff !important;
}
.highlighted {
color: #259dc3;
border: 2px solid #259dc3;
}
.tooltip-multiline {
white-space: pre-line;
}
@keyframes enterFromRight {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes exitToRight {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(100%);
}
}
@keyframes enterFromLeft {
from {
opacity: 0;
transform: translateX(-100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes exitToLeft {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(-100%);
}
}
::view-transition-old(root),
::view-transition-new(root) {
animation: none;
}
.page-transition-left::view-transition-old(root) {
animation: 200ms ease-in-out forwards exitToLeft;
}
.page-transition-left::view-transition-new(root) {
animation: 200ms ease-in-out forwards enterFromRight;
}
.page-transition-right::view-transition-old(root) {
animation: 200ms ease-in-out forwards exitToRight;
}
.page-transition-right::view-transition-new(root) {
animation: 200ms ease-in-out forwards enterFromLeft;
}
.intercom-lightweight-app-launcher {
view-transition-name: intercom;
}
/* src/scripts/redactor/redactor.min.css */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.redactor-animate-hide {
display: none !important;
}
.redactor-fadeIn {
opacity: 0;
animation: fadeIn .2s ease-in-out;
}
.redactor-fadeOut {
opacity: 1;
animation: fadeOut .2s ease-in-out;
}
@font-face {
font-family: Redactor;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkcAAAC8AAAAYGNtYXAXVtKwAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zuxdz/8AAAF4AAAkQGhlYWQPMte3AAAluAAAADZoaGVhB7gD6wAAJfAAAAAkaG10eK4BD60AACYUAAAAuGxvY2GyjqiGAAAmzAAAAF5tYXhwADkBcwAAJywAAAAgbmFtZVDOJQoAACdMAAABknBvc3QAAwAAAAAo4AAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpKQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjO7AooZIiIZ/XYZIiIZgAOKGSIiGfx2GCMiGYACihkiIhn9dhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEwApAD4AABMhMhYVMRUUBiMhIiY1MTU0NjMxESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzMTsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjP7AsoZIiIZ/TYZIiIZwAOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADARkARwLnAwAAKwA0AFUAACU+ATU0JjUxNjQ1NCYvAT4BNzE8ATU0JicxLgEjKgEjMSIHETMyFjMyNjcHAzIVFCMiIzUzAzoBMzIWFyceARUcARU1HAEVFAYHFQ4BIyImIzMiJzUzAp8hJwEBSDcCJjABIRshUS0CBQI4iM8DBgMwWCQByWp3HxxGBwUJBRw0FgEQEhUSFjQcBAkEARcmQIAZSiwBBAEDBwM9XRABEEUrAQMBJj8WGBsG/U4BHxsBAhdPWqb+/w4OAQ4oFwIFAgECBQIZLA4BDQ8BA+MAAAIAwAAAA0ADgAAsADgAACUiJicxJwcOASM4ATkBKgEjIiYnNRE+ATM6ATMxIToBMzIWFzERDgEjKgEjMQERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcBAxAYICEX/PAXIQMQ/ZhlBgYGBmUCaAAABQBAAAADwAOAABMAFwAnADcARwAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhBSEyFhUUBiMxISImNTQ2MxUhMhYVFAYjMSEiJjU0NjMVITIWFRQGIzEhIiY1NDYzA0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJRsDgEs1/YA1S0s1AoA1S/0AAoBAJRsbJSUbGyXAJRsbJSUbGyXAJRsbJSUbGyUAAAMAQAAAA8ADgAATABcAWQAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhAzEHDgEjOAE5ASoBIyImJzE0NjcxNyMwIjEiJicxNDY3MTc+ATM4ATkBOgEzMhYXMRQGBzEHMzAyMTIWFzEUBgcxA0D9gDVLSzUCgDVLSzX9gAKAiMAFEAkBAQEOFAIEBJTpAg4VAQQEwAUQCQEBAQ4UAgQElOkCDhUBBAQDgEs1/YA1S0s1AoA1S/0AAoD+reAGBxIOBQoErRIOBQoE4AYHEg4FCgStEg4FCgQAAAEAgAA8A4ADAQCDAAABIy4BJyMnLgEnFy4BJzUuATUwNDUxPAE1NDY3MT4BMzoBMzEeARcjHgEXIzcuASMqAQczKgEjIgYHMQ4BFRwBFTEcARUUFhc1HgEfAiEVIRceARUxHAEVFAYHMQ4BIyoBIzEuAScXLgEnFwceATM6ATMjMhYzMjY3MT4BNzEuAScXMwOA9BIoFwI5FSMRAQgOBQUFDw0NIxMCBAITJBECEB0NARscQiQHDgYBAgQCJkQaGR0PDRIxHQIv/p0BxAQJChIPESoYAQQBEyQRAhIhDgEiH0wpAgQDAQMHAyxOIB0iAQEIBwHTAYASHQsbChUNAQcSCgEKFw0BAQEBARQiDQsOAQYGBA4IURETARsYFz8lAQMBAQICHDUXARkmCwEWQAQOIREBAQEWJg4OEAEHBgEGEAsBVhUWAR0aF0QoFCYSAgAAAAACAEAAAAPAA4AAHQA9AAABBzMyFhUUBisBIiY1MTU0NjMyFhUxFTceARcVFDY/ASMiJjU0NjMxMzIWFTEVFAYjIiY1MTUHLgEnNTQGNwHA50cTGhoTsxMaGhMSG+YYIgYGeudHExoaE7MTGhoTEhvmGCIGBgYBQOYbEhMaGhOzExoaE0fnBSMXAQkP+uYbEhMaGhOzExoaE0fnBSMXAQkPBgAAAAMAQABAA8ADgAAbAB4AIgAAASMVMxEhETM1IyIGFTERFBYzMSEyNjUxETQmIwEHISczESMDQICA/YCAgDVLSzUCgDVLSzX+wIABAKpUVAKAgP7AAUCASzX+wDVLSzUBQDVLAQDaIP66AAAAAAMAQAAAA8ADgAADABcAHwAAATMnBwEhIgYVMREUFjMxITI2NTERNCYjAycjByMTMxMBuI1GRwGI/YA1S0s1AoA1S0s1sivIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAABAA/AMADvwL/AAcACgB5ALAAACUDIwMzNzMXJyM3AREwNDU0JicXLgEnMS4BJyMuASMqATkBOAExIgYHMwYHBgcGBxU+ATczPgEzMToBMzIWFzEeARUwFBUxFSMmIiMiBgczDgEVHAEVNRQwFRQWFyceARcxHgEXMx4BMzoBMzE4ATEyNjcjPgE3MRczJw4BDwEOAQcjMCIjIiYnMS4BJzEuASc1LgE1OAE5ATQwNTQ2NzE+ATcxPgE3Mz4BMzoBMzEzFQJA6i7pcynIK0mMRgKABgUBBQ8JChcNAQ0eDwECChMKAhMREBAPDA0fEQMOIBACBAIQHgwKC04DBwQfOBgBFBcEBAEECwcIEwoBCxoOAQIBEiIQAhMfDQE7Qg0eEQELGg4BAQEHDgYGCQQEBQICAQMCAwgGBg4IAQgUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwBDBMIBwwDBAQBAQIEAwQEBTsGCgQEBAsJChoPAgEhARIPDiwaAQICAQEBCxUKAQoRBwcLBAQFCAYIFg4zaAwWCAEGBwEDAgIGBAQIBQEECwUBAQcOBgYLBAUHAgMCQwAAAAAHAD8AQAPRA0AABwAKAA4AEgAWABoAHgAAJQMjAzM3MxcnIzclMxEjExcHJzcHFzcDNycHFyc3FwJA6i7pcynIK0mMRgHBQEAkLbUtrS21La0ttS2tLbUtwAI//cFzc8DR7/0AAvEttS21LbUt/dMttS21LbUtAAABAMAAQANAA0AAMgAAASEqASMiBgczDgEHMw4BBxUOARUcARUxFBYXNR4BFzEeARczHgEzOgEzMREzETMRMxEzA0D+YAIFAhgsFQIUJA8BDxYIBgcJBwgXDg4hEwEULRgCBAFcgFxoA0AHBgYUDAwdEQEPIhICBQITJBABER4MDRUHCAf+cwKr/VUCqwAAAAAC//EAswQEAtwABQALAAABLQEnCQEBDQEXCQEBn/8AAQBR/qMBXQEJAQD/AFABXf6jAQDIxk7+7P7rAdzIxk0BFAEUAAYAQABAA8ADQAADAB8AIgAlADgATAAAAREhEQU6ATMyFhcxDgEjKgEjMSoBIyImJzE+ATM6ATMHNxcxNxcBITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIzEhIiY1MTU0NjMBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiIZAoD+gAGAShwUFRsbFRQc9lBQgIACACIZChkiIhkKGSL9gCIZChkiIhkKGSIAAAAHAEAAgAPAAwAAEgApAD0AQQBeAGEAZAAAATMyFhUxFRQGKwEiJjUxNTQ2MxEzMhYVMRUUBiMxIzgBMSImPQE0NjMxASEyFhUxFRQGIzEhIiY1MTU0NjMDESERBTAyMzIWFzEOASMqATkBKgExIiYnMT4BMzAyMzEHNxcjNxcCu8oZIiIZyhkiIhnJGSIiGckYIyIZ/cADChkiIhn89hkiIhk7AcD+1gEBFB0BAR0UAQEBARQdAQEdFAEBUUNAA2hgAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAgD+gAGAShwUFBwcFBQc9lBQgIAAAAAHAEAAgAPAAwAAEwAtAEEARQBaAF0AYAAAEzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIWFTEVFDAxFAYjOAExIyImNTE1NDYzMREhMhYVMRUUBiMxISImNTE1NDYzAREhEQUwMjMyFhcxDgEjIiYnMT4BMzoBMwc3Fyc3F3vKGSIiGcoZIiIZyhkiIhnKGSIiGQMKGSIiGfz2GSIiGQGFAcD+1gEBFB0BAx0VFB0DAR0UAQEBUURABGVjAwAiGQoZIiIZChki/wAiGQkBGSIiGQoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQbGxQUHPZPUAGAgAAABAAAAAAEAAOAAAMAIAAjACYAABMRIREFOgEzMhYXMQ4BIyoBIzEqASMiJicxPgEzOgEzMQM3FzUbAQAEAP1UAQEBL0MBAUMvAQEBAQEBL0MBAUMvAQEBt5uR6NoDgPyAA4CsQS8vQUEvL0H9xbe7BAEn/tQAAAAABQAAAIAEAAMAABMAKgA+AEEARQAAEyEyFhUxFRQGIyEiJjUxNTQ2MzEBITIWFTEVFAYjMSE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzJwcRBzMVIzsDihkiIhn8dhkiIhkBwAHJGSIiGf43GCMiGQHKGSIiGf42GSIiGbvAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAAAgDAAAADgAOAACQASQAAJTEqASMiJy4BJyYnNDc+ATc2MzIXHgEXFhUxBgcOAQcGIyoBIzU6ATMyNz4BNzY3MTQnLgEnJiMiBw4BBwYVFhceARcWMzoBMzECIAEDAUc/P14bHAExMHw5OREROTl8MDEBHBtePz9HAQMBAQIBNS8vRxQVASYlXisqCgoqK14lJgEVFEcvLzUBAgEAGxpdPj5HR2BfrTw8PDytX2BHRz4+XRobVRQURi4vNTVKSYUvLy8vhUlKNTUvLkYUFAAAAAEBswBIAowC9gADAAAlEyMDAhN5X3pIAq79UgABAAABgQQAAgAAFQAAEyEyFhUxFRQGIyE4ATEiJj0BNDYzMTsDihkiIhn8dhgjIhkCACIZCRkiIhgKGSIAAAAAAwAAAL8EAALBADgAPAB5AAAlIiYnFzUzHgE7ATIWMzI2PwEuASMqASMzDgEHNyM1PgE7ATI2MzIXHgEXFhcVBgcOAQcGIyImIzMBIRUhJw4BBzcjFQ4BFRQWFzEVMx4BMzI2NwczFQ4BKwEiBiMiJy4BJyYnNTY3PgE3NjMyFjMjMhYXJxUjLgEnIwLcKUshAj0TKxcBAwkEQF4IAQhfQAQJBAEYLBQCPSBKKAEDCQU2MTBKFxcEBBcXSjAxNgUJBAH+kQEl/ttJFywUAjwSExMSPBMrFxgsFAI9IEooAQMJBTYxMEoXFwQEFxdKMDE2BQkEASlLIQI9EysXAcAUEgFbCAoBVD4BP1QBCgkBWxEUARQURS8vNQE2Ly9FFBQBAUCA0wEKCQEpES0ZGi0RKAgKCgkBWxEUARQURS8vNQE2Ly9FFBQBFBIBWwkJAQAABQAaAIAEAAMAABIAKAA8AEYAdAAAASEyFhUxFRQGIyEiJjUxNTQ2MxEhMhYVMRUUBiMhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MwM1Iw4BByMVNxUTNSM3PgE3MTY0NTQmJzEuASMiBiMzMCIxIgYHMQ4BBzEXPgE7ATIVDgEHMQcVATsCihkiIhn9dhkiIhkCihkiIhn9dhgjIhkCihkiIhn9dhkiIhm2EA4kFAEvVVYvCg0CAQsJCxkOAgICAQEKFAgIDQQbBRUMAR8CCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBA4JFgsOGhAbC2kMAAUAAACABAADAAATACoAPgBBAEUAABMhMhYVMRUUBiMhIiY1MTU0NjMxASEyFhUxFRQGIzEhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MyUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIhn+BcCAgAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIiGhAUCAQAAAAAYAAP/ABAADwAAdADsAPwBDAEcASwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTE0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFTEUBw4BBwYjAyEVIREhFSEbARcDNxMXAwIAal1eiygoKCiLXl1qal1eiygoKCiLXl1qUEVGaR4eHh5pRkVQUEVGaR4eHh5pRkVQwAGA/oABgP6AQEo2SkpKN0sDwCgoi15dampdXosoKCgoi15dampdXosoKPyAHh5pRkVQUEVGaR4eHh5pRkVQUEVGaR4eAUBAAQBA/tsB5Rv+GxsB5Rr+GgAAAAUAAACABAADAAATADMASABoAH8AABMhMhYVMRUUBiMhIiY1MTU0NjMxATMyMDEyFhU4ATkBFRQwMRQGIzgBMSMiJjUxNTQ2MzEBITIWFTEVFAYjMSEiJjUxNTQ2MzEBMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMTsBMhYVMRUUBiMxIzgBMSImPQE0NjMxOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABHAAA3MDIxMjY1OAE5ATU0NjMxIQcOARUUFjMyNjcxNz4BNTQmLwEuASMiBhUUFh8BITgBMSIHDgEHBhU4ATkBFTgBMRQWMzgBOQHoARAYXUMBB4QGBhgQCA8FyAYGBgbIBQ8IEBgGBoT++DIrLEETExcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEExJCKywyoBEXAAAAAAIAQAAAA4ADgAAeADwAAAEHMzIWFRQGKwEiJjUxNTQ2MzIWFTEVNx4BFxUUNgcBNyMiJjU0NjsBMhYVMRUUBiMiJj0BBy4BJzU0BjcDgOdHExoaE7MTGhoTEhvmGCIGBgb8wOdHExoaE7MTGhoTEhvmGCIGBgYDQOYbEhMaGhOzExoaE0fnBSMXAQkPBv0A5hsSExoaE7MTGhoTR+cFIxcBCQ8GAAAAAAEAgAA+A38DQADGAAAlIiMHPgE3Iz4BNzU+AT8BPgE1PAE1MTwBNTQmJxcuAScjLgEnIy4BIyoBIzEqASMiBgc3DgEHMQ4BDwEOARUcARU1FDAxFBYXNR4BFyceAR8BHgEfASciKwEVMBQxFBYXMR4BMzoBOQEhNS4BJxUuAS8BLgEnNS4BNTwBOQE8ATU0NjcVPgE3MT4BNzM+ATMyFhcjHgEXIx4BHwEeARUcARUxMBQVFAYHNw4BBzUOAQ8BDgEHIxUhOgExMjY3MT4BNTA0OQE1AvYXFy0ZLBQBFCIPDhcIAQcJEA8BDikYARk6IAIgSSYBAgEBAgEmSSICIjwZGSgOAQ4PCQgIFw8BDyITARMsFwItFxaKBgYFDwgBAQEZFSYQER4MAQwVBwcICwoJHBERJxYBFjEZGjEYAxgoEQESGwkBCQsIBwEIFA0MHhEBECUVAQEZAQEJDgYFBqgFCRgPDyQUARQuGAMXNhwBAQEBAQEmRyACITcXFiMMDQ0ODQENJBcXNx8CH0YmAQIBAQEdNxoCGi8UARUkDwEOGAkBBkABCA4FBQaRBA8MAQ0eEQESKBcCFjEaAQEBAwEcNBgBFicPDxcICAgICAcYDw8mFgEXNBwBAwEBARoyGAMYKhIBEh4MAQsPBI8GBQUOCAFAAAAAAAIBFQAWA+kCnQALAD0AACUnNyMHJyMXBzM3FwU1Izc+ATc1PAE1NCYnIy4BIyoBIzMqASMiBgc3DgEPARc+ATcxPgEzMTIVDgEHMQcVAsy7q111al2dq2FygAGBj1IQFQMQDQEPJxUCBAIBAQEBEB0NAQwRBAEgBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0BAQMBEyEMCw0IBwEHFAwBGgkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsAPQAAJSc3IwcnIxcHMzcXATUjNz4BNzU8ATU0JicjLgEjKgEjMTAiIyIGBzMOAQcVFz4BNzE+ATcxMhUOAQc1BxUCzLurXXVqXZ2rYXKAAYGPUhAVAxANARAoFgEDAQIBEB0NAQwRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0BAQMBEyEMDQ4IBwYUDAEaCA4FBQUBMxsvFAGxCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALgBfAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATkBFAYjIiYnNScuATU0NjcxNz4BMwExFx4BFRQGBzEHDgEjMSImNTA0MTQ2NzE3IQYmNTQ2MyEnLgE1PAE5ATQ2MzIWFxUBEBQcCAYOAiwUHBwU/dQOBwccFAsRBmAGCAgGYAYRCwIAYAcHBwdgBhELFBwIBg791hQcHBQCLA4HBxwUCxEGA0AmGgEBDBYKARMmGhomEwkWDAEBGiYKCAGACRcNDBcKgAgL/m2ACRcNDBcKgAgKJRsBDRYJEwEmGhomEwkWDAEBGiYKCAEAAAQBAACAAwEDAAADAAcACwAPAAABJzcXFzcnBwMHFzc3FwcnASkp6ynDKuwpwynrKcMq7CkCACfZJtom2ib+pibaJ9kn2ScAAAIA0P/AAxADDgA5AD0AAAEcARUUFhcxHgEzMjYzIzoBMzI2NxU+ATU8ATUVESMRHAEVFAYHMQ4BIyoBIzEqASMiJjU0NjUxESMDNSEVARIfGx5LKgUKBQEDBwMsTR8cIVgUERIxGwIEAgEEAzVLAVhCAkABTAMHAylJGhgcAR0aARtIKgMGAwEBwP5GAQQCGy8SERRLNQIDAgG2/Lc4OAABAMAAgANAAwAANgAAJSImNTE1NCYjMSEXHgEVFAYjIiYnMScuATU0Nj8BPgEzMhYVFAYHMQchMhceARcWFTEVFAYjMQMYEBdeQv73hAYGGBAIDwXIBgYGBsgFDwgQGAYGhAEIMissQRMTFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQTE0EsLDGgERcABgAAAIAEAAMAABIAKAA8AFAAcACEAAATITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzIzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMREzMhYVMRUUBiMxIyImNTE1NDYz+wLKGSIiGf02GSIiGQLKGSIiGf02GCMiGQLKGSIiGf02GSIiGcAKGSIiGQoZIiIZCQEZIiIZChkiIhkKGSIiGQoZIiIZAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAAAAwBeAE4DrwMdAKcBUgFwAAAlMzUjKgEjIiYnMS4BNTwBNTE0NzY1NjQ1NCYnFS4BJzE1PgE3MT4BNTwBJxU0JyY1PAE1NDY3MT4BMzIWMzEzNSMwIiMiBgczDgEHMQ4BDwEOARUcARU1FBcWFxYXFhUwFDEUBgcxDgEHMQ4BByMOASMqASMxFToBMzIWFyMeARcxHgEXFR4BFzEUBwYHBgcGFRwBFRQWFyceARcxHgEXMx4BMzoBMyMFMzoBMTI2NyM+ATcxPgE3MT4BNTQmNTE0JyYnJicmNTgBMTQ2NxU+ATcxPgE3NT4BMzAyMzE1KgExIiYnFy4BJzEuASc1LgE1OAE5ATQ3Njc2NzY3PAE1NCYnFS4BJzEuAS8BLgEjKgEjMSMVMzoBMzIWFzEeARUUBhUxFAcGFRwBFRQWFyMeARczFQ4BBzEOARUcARU1FBcWFRwBFRQGBzcOASMqASMxIxUlMzc2NzY3MxYXFh8BMyc3IwcGBwYHIyYnJi8BIxcBBC0TAQMCChIGBQYCAgEIBgcWDQ0WBwcHAQICBgUGEgoCAwETLQIBCxYKAQoQBgYKAgEDAwECAQEBAQECAgYEBAsGAQcQCAEBAQEBAQgRBwEHCwUDBgICAQECAQECAQEDBAEDCgYGEAkBCRYLAQIBAQHXLQEBDBYLAgoQBgcJAwMEAQEBAQIBAQIBAgYEBAsHBxAJAgEBAgkQCAEGCwUEBgIBAgECAQEBAQEEAwMJBwYQCQEJFgsBAQEtEwIDAQsRBwUGAQICBwcBCBUNAQ4VCAYHAgIFBgEHEQsBAwIT/mVcOgkJCAoDCwkKCjtgioJcNAgICAkDCwgJCTZgglE0CAcKFgwCBAIkISIoAgQDDx0NAQsPAwMDDwsMHRACBQIBKCIiJAEFAgwWCgYJATUDAwIKBwcSCQEMGg0BAgIBFxITEhESEhQBBgsFBgkEBQcDAwM6AwMDBwUECgUBBQsHFBESEhETExYBAgEOGwwBChIHBwkDAgMDAwIDCQcHEgoMGg4BAgEWExISERISFAYMBgEGCgQFBwIBAgM7AwMBAwcFBAoFAQQMBhUREhIRExMWAQIBDhoNAgsSBwYKAgECAzQIBwkXCwMEAiQhIigCBAMPHQ0KDwMDAw8LDB0QAgQDASgiISQCBAMMFgoBBwg0c2kSERIUFBIREmnj3WMQEBEUFBARD2TaAAAEAAAAQAQAA0AAIwA3AFwAXwAAASEiBw4BBwYVMREUFx4BFxYzMSEyNz4BNzY1MRE0Jy4BJyYjExQGIzEhIiY1MRE0NjMxITIWFTEFMQcOASMwIjkBKgEjIiYnMTU+ATM6ATMxMhYXIxceARUUBgcVJzcnAwD+ADUvLkYUFBQURi4vNQIANS8uRhQUFBRGLi81gEs1/gA1S0s1AgA1S/7pmgYNCAEBAgESGwICGxIBAgEIDgcBmgoNDQqACAsDQBQURi4vNf8ANS8uRhQUFBRGLi81AQA1Ly5GFBT+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQBHgUGAAAACgBAAAADwAOAAA8AJQAzAEEAUgBnAHgAjgCfALUAAAEjIiY1NDYzMTMyFhUUBiMnDgEjIiY1NDY3MTc+ATMyFhUUBgcxASImNTQ2MzIWFTEUBiM1IgYVFBYzMjY1MTQmIzUiJjUxNTQ2MzIWFTEVFAYjBycuATU0NjMyFh8BHgEVFAYjIiYnFxQGIzEjIiY1NDYzMTMyFhUHPgEzMhYVFAYHMQcOASMiJjU0NjcxJTIWFTEVFAYjIiY1MTU0NjM3Fx4BFRQGIyImJzEnLgE1NDYzMhYXA4hwFyEhF3AXISEXmggUCxchCAdQBxULFyEJB/7DRmJiRkZiYkYXISEXFyEhFxchIRcXISEX7k8HCSEXCxUHUAcIIRcLFAgOIRdwFyEhF3AXIQ4IFAsXIQgHUAcVCxchCQcBPRchIRcXISEX7k8HCCEXCxQHUAcIIRcLFAgBiCEXFyEhFxch1gcIIRcLFAhPBwkhFwsVB/5qYkZGYmJGRmLgIRcXISEXFyGoIRdwFyEhF3AXIUJQBxULFyEJB08IFAsXIQgHnhchIRcXISEXngcIIRcLFAhPBwkhFwsVBw4hF3AXISEXcBchQlAHFAsXIQgHTwgUCxchCAcAAAAAAQAAAAEAAIeeNh1fDzz1AAsEAAAAAADWD0mdAAAAANYPSZ3/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAABeBAAAAAQAAEAAAAAAAAoAFAAeAGwAugEIAXgBxAImApIDPAOOA8QD+ATUBRAFWAV6BeIGYAbaBxYHcAfYB+YIBgiuCUAJmgoSCpwK8AtEDEAMmAzwDSANnA3ADhAOWg7wELYRNhIgAAAAAQAAAC4BcQAKAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");
font-weight: 400;
font-style: normal;
}
[class*=" re-icon-"],
[class^=re-icon-] {
font-family: Redactor !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.re-icon-aligncenter:before {
content: "\e900";
}
.re-icon-alignleft:before,
.re-icon-alignment:before {
content: "\e901";
}
.re-icon-alignright:before {
content: "\e902";
}
.re-icon-bold:before {
content: "\e903";
}
.re-icon-bookmark:before {
content: "\e904";
}
.re-icon-clips:before {
content: "\e905";
}
.re-icon-codesnippets:before {
content: "\e906";
}
.re-icon-deleted:before {
content: "\e907";
}
.re-icon-expand:before {
content: "\e908";
}
.re-icon-file:before {
content: "\e909";
}
.re-icon-fontcolor:before {
content: "\e90a";
}
.re-icon-fontfamily:before {
content: "\e90b";
}
.re-icon-fontsize:before {
content: "\e90c";
}
.re-icon-format:before {
content: "\e90d";
}
.re-icon-html:before {
content: "\e90e";
}
.re-icon-imagecenter:before {
content: "\e90f";
}
.re-icon-imageleft:before {
content: "\e910";
}
.re-icon-imageright:before {
content: "\e911";
}
.re-icon-image:before {
content: "\e912";
}
.re-icon-indent:before {
content: "\e913";
}
.re-icon-inline:before {
content: "\e914";
}
.re-icon-italic:before {
content: "\e915";
}
.re-icon-horizontalrule:before,
.re-icon-line:before {
content: "\e916";
}
.re-icon-link:before {
content: "\e917";
}
.re-icon-ol:before,
.re-icon-ordered:before {
content: "\e918";
}
.re-icon-outdent:before {
content: "\e919";
}
.re-icon-properties:before {
content: "\e91a";
}
.re-icon-readmore:before {
content: "\e91b";
}
.re-icon-redo:before {
content: "\e91c";
}
.re-icon-retract:before {
content: "\e91d";
}
.re-icon-specialcharacters:before {
content: "\e91e";
}
.re-icon-sub:before {
content: "\e91f";
}
.re-icon-sup:before {
content: "\e920";
}
.re-icon-table:before {
content: "\e921";
}
.re-icon-textdirection:before {
content: "\e922";
}
.re-icon-toggle:before {
content: "\e923";
}
.re-icon-underline:before {
content: "\e924";
}
.re-icon-undo:before {
content: "\e925";
}
.re-icon-lists:before,
.re-icon-ul:before,
.re-icon-unordered:before {
content: "\e926";
}
.re-icon-variable:before {
content: "\e927";
}
.re-icon-video:before {
content: "\e928";
}
.re-icon-widget:before {
content: "\e929";
}
.redactor-box,
.redactor-box textarea {
z-index: auto;
}
.redactor-box {
position: relative;
box-sizing: border-box;
}
.redactor-box.redactor-styles-on {
margin: 0;
padding: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, .075);
border-radius: 3px;
box-shadow: none;
}
.redactor-box.redactor-inline {
position: static;
}
.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
border-color: #82b7ec !important;
}
.redactor-over:hover.redactor-styles-on {
border-color: #ee698a !important;
}
.redactor-source-view,
.redactor-source-view.redactor-styles-on {
border-color: #000 !important;
}
.redactor-in {
position: relative;
overflow: auto;
white-space: normal;
box-sizing: border-box;
}
.redactor-in:focus {
outline: 0;
}
.redactor-inline .redactor-in {
overflow: hidden;
}
.redactor-in *,
.redactor-read-only * {
outline: 0 !important;
}
.redactor-in blockquote:empty,
.redactor-in div[data-redactor-tag=br]:empty,
.redactor-in div[data-redactor-tag=tbr]:empty,
.redactor-in h1:empty,
.redactor-in h2:empty,
.redactor-in h3:empty,
.redactor-in h4:empty,
.redactor-in h5:empty,
.redactor-in h6:empty,
.redactor-in p:empty {
min-height: 1.5em;
}
.redactor-in div[data-redactor-tag=br],
.redactor-in div[data-redactor-tag=tbr] {
margin-top: 0;
margin-bottom: 0;
}
.redactor-in b:empty,
.redactor-in em:empty,
.redactor-in i:empty,
.redactor-in ins:empty,
.redactor-in span:empty,
.redactor-in strong:empty,
.redactor-in sub:empty,
.redactor-in sup:empty,
.redactor-in u:empty {
display: inline-block;
min-width: 1px;
min-height: 1rem;
}
.redactor-in table {
empty-cells: show;
}
.redactor-in li figure {
width: auto;
display: inline-block;
margin: 0;
vertical-align: top;
}
.redactor-in figcaption:focus,
.redactor-in figure code:focus,
.redactor-in figure pre:focus,
.redactor-in table td:focus,
.redactor-in table th:focus {
outline: 0;
}
.redactor-in figure[data-redactor-type=line] {
margin-top: 1em;
padding: 6px 0;
vertical-align: baseline;
}
.redactor-in figure[data-redactor-type=line] hr {
margin: 0;
height: 3px;
border: none;
background: rgba(0, 0, 0, .1);
}
.redactor-script-tag {
display: none !important;
}
.redactor-component {
position: relative;
}
.redactor-component[data-redactor-type=video]:before,
.redactor-component[data-redactor-type=widget]:before {
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
z-index: 1;
}
.redactor-component[data-redactor-type=image],
.redactor-component[data-redactor-type=widget] {
clear: both;
}
.redactor-component[data-redactor-type=variable] {
white-space: nowrap;
background: rgba(0, 125, 255, .75);
color: #fff;
display: inline-block;
padding: 3px 6px;
line-height: 1;
border-radius: 4px;
cursor: pointer;
}
.redactor-component-active {
outline: 5px solid rgba(0, 125, 255, .5) !important;
}
.redactor-component-active[data-redactor-type=image] {
outline: 0 !important;
}
.redactor-component-active[data-redactor-type=image] img {
outline: 5px solid rgba(0, 125, 255, .5) !important;
}
.redactor-component-active[data-redactor-type=variable] {
outline: 0 !important;
background: #ee698a;
}
.redactor-component-active[data-redactor-type=video] {
outline: 0 !important;
}
.redactor-component-active[data-redactor-type=video] iframe {
outline: 5px solid rgba(0, 125, 255, .5) !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active {
outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] {
outline: 0 !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img {
outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] {
outline: 0 !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe {
outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable] {
outline: 0 !important;
background: #ddd;
}
.redactor-component-caret {
position: absolute;
left: -9999px;
}
.redactor-textnodes-wrapper {
display: inline-block;
}
#redactor-image-resizer {
position: absolute;
z-index: 1051;
background-color: rgba(0, 125, 255, .9);
width: 13px;
height: 13px;
border: 1px solid #fff;
cursor: move;
cursor: nwse-resize;
}
.redactor-file-item {
display: inline-block;
line-height: 1;
padding: 4px 12px;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, .2);
}
.redactor-file-remover {
margin-left: 2px;
position: relative;
right: -3px;
display: inline-block;
padding: 0 3px;
cursor: pointer;
opacity: .5;
}
.redactor-file-remover:hover {
opacity: 1;
}
.redactor-overlay {
position: fixed;
z-index: 1051;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(16, 16, 18, .3);
}
.redactor-overlay > .redactor-close {
position: fixed;
top: 1rem;
right: 1rem;
}
.redactor-source,
.redactor-source:focus,
.redactor-source:hover {
text-align: left;
box-sizing: border-box;
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
width: 100%;
display: block;
margin: 0;
border: none;
box-shadow: none;
border-radius: 0;
background: #252525;
color: #ccc;
font-size: 15px;
outline: 0;
padding: 10px 18px 20px 18px;
line-height: 1.5;
resize: vertical;
}
.redactor-box[dir=rtl] .redactor-source {
direction: ltr;
}
.redactor-placeholder:before {
position: absolute;
content: attr(placeholder);
color: rgba(0, 0, 0, .4);
font-weight: 400;
cursor: text;
}
.redactor-in figcaption[placeholder]:empty:before {
content: attr(placeholder);
color: rgba(0, 0, 0, .4);
font-weight: 400;
}
.redactor-in figcaption[placeholder]:empty:focus:before {
content: "";
}
.redactor-statusbar {
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
margin: 0;
padding: 8px 10px;
position: relative;
overflow: hidden;
list-style: none;
background: #f8f8f8;
box-sizing: border-box;
border: none;
}
.redactor-statusbar li {
float: left;
font-size: 12px;
color: rgba(0, 0, 0, .5);
padding: 0 10px;
line-height: 16px;
border-right: 1px solid rgba(0, 0, 0, .1);
}
.redactor-statusbar li:last-child {
border-right-color: transparent;
}
.redactor-statusbar a {
color: rgba(0, 0, 0, .5);
text-decoration: underline;
}
.redactor-statusbar a:hover {
color: #f03c69;
text-decoration: underline;
}
.redactor-statusbar:empty {
display: none;
}
.redactor-toolbar-wrapper {
position: relative;
}
.redactor-air,
.redactor-toolbar {
z-index: 100;
font-family:
"Trebuchet MS",
"Helvetica Neue",
Helvetica,
Tahoma,
sans-serif;
position: relative;
margin: 0 !important;
padding: 0;
list-style: none !important;
line-height: 1 !important;
background: 0 0;
border: none;
box-sizing: border-box;
}
.redactor-box.redactor-styles-on .redactor-toolbar {
padding: 18px 16px 0 16px;
}
.redactor-air a,
.redactor-toolbar a {
display: inline-block;
box-sizing: border-box;
font-size: 14px;
text-align: center;
padding: 10px 15px 9px 15px;
cursor: pointer;
outline: 0;
border: none;
vertical-align: middle;
text-decoration: none;
zoom: 1;
position: relative;
color: rgba(0, 0, 0, .85);
border-radius: 2px;
background: rgba(255, 255, 255, .97);
box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
margin-right: 5px;
margin-bottom: 4px;
}
.redactor-air a.re-button-icon,
.redactor-toolbar a.re-button-icon {
font-size: 16px;
padding: 9px 15px 6px 15px;
}
.redactor-air a:hover,
.redactor-toolbar a:hover {
outline: 0;
color: #fff;
background: #449aef;
}
.redactor-toolbar a.redactor-button-active {
background: rgba(245, 245, 245, .95);
color: rgba(0, 0, 0, .4);
}
.redactor-air a.redactor-button-disabled,
.redactor-toolbar a.redactor-button-disabled {
opacity: .3;
}
.redactor-air a.redactor-button-disabled:hover,
.redactor-toolbar a.redactor-button-disabled:hover {
color: #333;
outline: 0;
background-color: transparent !important;
cursor: default;
}
.redactor-source-view .redactor-toolbar {
background: #252525;
}
.redactor-source-view .redactor-toolbar a {
background: #000;
color: #fff;
}
.redactor-source-view .redactor-toolbar a:hover {
background: #449aef;
}
.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
color: #fff !important;
background-color: #000 !important;
}
.re-button-tooltip {
display: none;
position: absolute;
white-space: nowrap;
top: 0;
z-index: 1052;
background: rgba(0, 0, 0, .9);
border-radius: 3px;
padding: 5px 9px;
color: rgba(255, 255, 255, .8);
font-size: 12px;
line-height: 1;
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
}
.re-button-tooltip:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: none;
border-bottom-color: rgba(0, 0, 0, .9);
border-width: 4px;
margin-left: -4px;
}
.redactor-toolbar-wrapper-air {
position: absolute;
z-index: 100;
}
.redactor-air {
padding: 6px 3px 2px 8px;
max-width: 576px;
min-width: 200px;
border-radius: 4px;
background: rgba(0, 0, 0, .97);
}
.redactor-air a {
background: rgba(37, 37, 37, .95);
box-shadow: none;
color: rgba(255, 255, 255, .9);
}
.redactor-air a:hover {
background: #3d79f2;
}
.redactor-air a.redactor-button-active {
background-color: rgba(255, 255, 255, .15);
color: #fff;
}
.redactor-air a.redactor-button-disabled:hover {
color: #fff;
}
.redactor-air-helper {
position: absolute;
right: 0;
top: 0;
line-height: 1;
font-size: 15px;
color: #000;
background: rgba(255, 255, 255, .85);
border-bottom-left-radius: 4px;
padding: 7px 10px 6px 10px;
cursor: pointer;
}
.redactor-air-helper:hover {
background: #fff;
}
.redactor-voice-label {
display: none;
}
.redactor-context-toolbar {
position: absolute;
top: 0;
left: 0;
z-index: 1051;
background-color: rgba(0, 0, 0, .95);
color: #555;
border-radius: 4px;
padding: 6px 18px 7px 18px;
line-height: 1.5;
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
}
.redactor-context-toolbar a {
font-size: 12px;
color: #ccc;
text-decoration: none;
display: inline-block;
padding: 2px 0 1px 12px;
}
.redactor-context-toolbar a:first-child {
padding-left: 0;
}
.redactor-context-toolbar a i {
position: relative;
top: 3px;
font-size: 16px;
}
.redactor-context-toolbar a:before {
content: "";
padding-left: 10px;
border-left: 1px solid rgba(255, 255, 255, .3);
}
.redactor-context-toolbar a:hover {
color: #fff;
}
.redactor-context-toolbar a:first-child:before {
padding-left: 0;
border-left: none;
}
.redactor-context-toolbar[dir=rtl] a {
padding: 2px 12px 1px 0;
}
.redactor-context-toolbar[dir=rtl] a:first-child {
padding-right: 0;
}
.redactor-context-toolbar[dir=rtl] a:before {
padding-left: 0;
padding-right: 10px;
border-right: 1px solid rgba(255, 255, 255, .3);
border-left: none;
}
.redactor-context-toolbar[dir=rtl] a:first-child:before {
padding-right: 0;
border-right: none;
}
.redactor-dropdown {
font-family:
"Trebuchet MS",
"Helvetica Neue",
Helvetica,
Tahoma,
sans-serif;
display: none;
position: absolute;
z-index: 1051;
background-color: #fff;
box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
border-radius: 2px;
width: 264px;
min-height: 40px;
max-height: 250px;
margin: 0;
margin-top: -1px;
overflow: auto;
font-size: 15px;
padding: 0;
}
.redactor-dropdown a span {
display: inline-block;
line-height: 1;
padding: 2px 4px;
border-radius: 3px;
}
.redactor-dropdown a {
display: block;
text-decoration: none;
padding: 10px 8px;
white-space: nowrap;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.redactor-dropdown a:last-child {
border-bottom-color: transparent;
}
.redactor-dropdown a {
color: #000;
}
.redactor-dropdown a:hover {
color: #fff !important;
background-color: #449aef !important;
}
.redactor-dropdown a.redactor-dropdown-item-disabled {
color: rgba(0, 0, 0, .4);
background: #fff;
}
.redactor-dropdown-cells {
margin: 10px auto;
}
.redactor-dropdown-cells a,
.redactor-dropdown-cells span {
float: left;
cursor: pointer;
box-sizing: border-box;
text-align: center;
padding: 0;
margin: 0;
font-size: 14px;
}
.redactor-dropdown-selector {
display: flex;
text-align: center;
}
.redactor-dropdown-selector span {
flex-grow: 1;
font-size: 12px;
padding: 8px;
cursor: pointer;
}
.redactor-dropdown-selector span:hover {
background: #eee;
}
.redactor-dropdown-selector span.active {
cursor: text;
color: rgba(0, 0, 0, .3);
background: #eee;
}
.redactor-dropdown-format .redactor-dropdown-item-blockquote {
color: rgba(0, 0, 0, .4);
font-style: italic;
}
.redactor-dropdown-format .redactor-dropdown-item-pre {
font-family: monospace, sans-serif;
}
.redactor-dropdown-format .redactor-dropdown-item-h1 {
font-size: 40px;
font-weight: 700;
line-height: 32px;
}
.redactor-dropdown-format .redactor-dropdown-item-h2 {
font-size: 32px;
font-weight: 700;
line-height: 32px;
}
.redactor-dropdown-format .redactor-dropdown-item-h3 {
font-size: 24px;
font-weight: 700;
line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h4 {
font-size: 21px;
font-weight: 700;
line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h5 {
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h6 {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
line-height: 24px;
}
.redactor-modal-box {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
z-index: 1051;
font-family:
"Trebuchet MS",
"Helvetica Neue",
Helvetica,
Tahoma,
sans-serif;
line-height: 24px;
}
.redactor-modal {
position: relative;
margin: 16px auto;
padding: 0;
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 2px 15px rgba(80, 80, 80, .25);
border-radius: 3px;
color: #000;
}
.redactor-modal form {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.redactor-modal input,
.redactor-modal select,
.redactor-modal textarea {
box-sizing: border-box;
display: block;
width: 100%;
font-family: inherit;
font-size: 16px;
height: 40px;
outline: 0;
vertical-align: middle;
background-color: #fff;
border: 1px solid #cacfd4;
border-radius: .1875em;
box-shadow: none;
padding: 0 .5em;
}
.redactor-modal textarea {
padding: .5em;
height: auto;
line-height: 1.5;
vertical-align: top;
}
.redactor-modal select {
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right .65em center;
padding-right: 28px;
}
.redactor-modal select[multiple] {
background-image: none;
height: auto;
padding: .5em .75em;
}
.redactor-modal input[type=file] {
width: auto;
border: none;
padding: 0;
height: auto;
background: 0 0;
box-shadow: none;
display: inline-block;
}
.redactor-modal input[type=checkbox],
.redactor-modal input[type=radio] {
display: inline-block;
width: auto;
height: auto;
padding: 0;
vertical-align: middle;
position: relative;
bottom: .15rem;
font-size: 115%;
margin-right: 3px;
}
.redactor-modal .form-item {
margin-bottom: 20px;
}
.redactor-modal .form-item:last-child {
margin-bottom: 0;
}
.redactor-modal fieldset {
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 3px;
padding: 16px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.redactor-modal fieldset .form-item {
margin-bottom: 12px;
}
.redactor-modal label {
display: block;
color: #555;
margin-bottom: .25em;
font-size: 14px;
}
.redactor-modal label .desc,
.redactor-modal label .error,
.redactor-modal label .success {
text-transform: none;
font-weight: 400;
}
.redactor-modal label.checkbox {
font-size: 16px;
line-height: 1.5;
cursor: pointer;
color: inherit;
}
.redactor-modal .form-checkboxes label.checkbox {
display: inline-block;
margin-right: 1em;
}
.redactor-modal input:hover,
.redactor-modal select:hover,
.redactor-modal textarea:hover {
outline: 0;
background-color: #fff;
border-color: #969fa9;
box-shadow: none;
}
.redactor-modal input:focus,
.redactor-modal select:focus,
.redactor-modal textarea:focus {
transition: all linear .2s;
outline: 0;
background-color: #fff;
border-color: rgba(0, 125, 255, .5);
box-shadow: 0 0 3px rgba(0, 125, 255, .5);
}
.redactor-modal input.error,
.redactor-modal select.error,
.redactor-modal textarea.error {
background-color: rgba(255, 50, 101, .1);
border: 1px solid #ff7f9e;
}
.redactor-modal input.error:focus,
.redactor-modal select.error:focus,
.redactor-modal textarea.error:focus {
border-color: #ff3265;
box-shadow: 0 0 1px #ff3265;
}
.redactor-modal input.success,
.redactor-modal select.success,
.redactor-modal textarea.success {
background-color: rgba(47, 196, 182, .1);
border: 1px solid #65dacf;
}
.redactor-modal input.success:focus,
.redactor-modal select.success:focus,
.redactor-modal textarea.success:focus {
border-color: #2fc4b6;
box-shadow: 0 0 1px #2fc4b6;
}
.redactor-modal input.disabled,
.redactor-modal input.disabled:hover,
.redactor-modal input:disabled,
.redactor-modal input:disabled:hover,
.redactor-modal select.disabled,
.redactor-modal select.disabled:hover,
.redactor-modal select:disabled,
.redactor-modal select:disabled:hover,
.redactor-modal textarea.disabled,
.redactor-modal textarea.disabled:hover,
.redactor-modal textarea:disabled,
.redactor-modal textarea:disabled:hover {
resize: none;
opacity: .6;
cursor: default;
font-style: italic;
color: rgba(0, 0, 0, .5);
border: 1px solid #cacfd4;
box-shadow: none;
background-color: #fff;
}
.redactor-modal .req {
position: relative;
top: 1px;
font-weight: 700;
color: #ff3265;
font-size: 110%;
}
.redactor-modal .desc {
color: rgba(51, 51, 51, .5);
font-size: 12px;
}
.redactor-modal span.desc {
margin-left: .25em;
}
.redactor-modal div.desc {
margin-top: .25em;
}
.redactor-modal span.error,
.redactor-modal span.success {
font-size: 12px;
margin-left: .25em;
}
.redactor-modal div.desc {
margin-bottom: -.5em;
}
.redactor-modal .redactor-close {
position: absolute;
top: 16px;
right: 12px;
font-size: 30px;
line-height: 30px;
padding: 0 4px;
color: #000;
opacity: .3;
cursor: pointer;
}
.redactor-modal .redactor-close:hover {
opacity: 1;
}
.redactor-modal .redactor-close:before {
content: "\d7";
}
.redactor-modal button {
display: inline-flex;
align-items: center;
text-decoration: none;
text-align: center;
font-family: inherit;
font-size: 15px;
font-weight: 500;
color: #007dff;
background-color: #fff;
border-radius: 3px;
border: 2px solid #007dff;
min-height: 40px;
outline: 0;
padding: .5em 1.25em;
cursor: pointer;
line-height: 1.2;
vertical-align: middle;
-webkit-appearance: none;
}
.redactor-modal button:hover {
outline: 0;
text-decoration: none;
background: 0 0;
color: rgba(0, 125, 255, .6);
border-color: rgba(0, 125, 255, .5);
}
.redactor-modal button.redactor-button-secondary {
border-color: #2a2e34;
color: #2a2e34;
}
.redactor-modal button.redactor-button-secondary:hover {
color: rgba(42, 46, 52, .6);
border-color: rgba(42, 46, 52, .5);
}
.redactor-modal button.redactor-button-danger,
.redactor-modal button.redactor-button-unstyled {
background: 0 0;
border-color: transparent;
color: rgba(42, 46, 52, .6);
}
.redactor-modal button.redactor-button-danger:hover,
.redactor-modal button.redactor-button-unstyled:hover {
background: 0 0;
border-color: transparent;
color: #ff3265;
text-decoration: underline;
}
.redactor-modal .redactor-modal-group:after {
content: "";
display: table;
clear: both;
}
.redactor-modal .redactor-modal-side {
float: left;
width: 30%;
margin-right: 4%;
}
.redactor-modal .redactor-modal-side img {
max-width: 100%;
height: auto;
display: block;
}
.redactor-modal .redactor-modal-area {
float: left;
width: 66%;
}
.redactor-modal[dir=rtl] .redactor-close {
left: 12px;
right: auto;
}
.redactor-modal[dir=rtl] textarea {
direction: ltr;
text-align: left;
}
.redactor-modal[dir=rtl] .redactor-modal-footer button.redactor-button-unstyled {
float: left;
margin-left: 0;
}
.redactor-modal-header {
padding: 20px;
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.redactor-modal-header:empty {
display: none;
}
.redactor-modal-body {
padding: 32px 48px;
padding-bottom: 40px;
}
.redactor-modal-footer {
padding: 24px;
border-top: 1px solid rgba(0, 0, 0, .05);
overflow: hidden;
}
.redactor-modal-footer button {
margin-right: 4px;
}
.redactor-modal-footer button.redactor-button-unstyled {
margin-right: 0;
float: right;
}
.redactor-modal-footer:empty {
display: none;
}
.redactor-modal-tabs {
display: flex;
border-bottom: 2px solid rgba(0, 0, 0, .05);
margin-bottom: 1em;
}
.redactor-modal-tabs a {
font-size: 15px;
padding: 2px 0;
text-decoration: none;
color: rgba(0, 0, 0, .5);
border-bottom: 2px solid transparent;
margin-bottom: -2px;
margin-right: 14px;
}
.redactor-modal-tabs a:hover {
transition: all linear .2s;
}
.redactor-modal-tabs a.active,
.redactor-modal-tabs a:hover {
font-weight: 500;
color: #007dff;
border-bottom-color: #007dff;
}
.redactor-styles {
margin: 0;
padding: 16px 18px;
color: #333;
font-family:
"Trebuchet MS",
"Helvetica Neue",
Helvetica,
Tahoma,
sans-serif;
font-size: 1em;
line-height: 1.5;
box-sizing: border-box;
}
.redactor-styles *,
.redactor-styles :after,
.redactor-styles :before {
box-sizing: inherit;
}
.redactor-styles[dir=rtl] {
direction: rtl;
unicode-bidi: embed;
}
.redactor-styles[dir=rtl] ol li,
.redactor-styles[dir=rtl] ul li {
text-align: right;
}
.redactor-styles[dir=rtl] ol,
.redactor-styles[dir=rtl] ol ol,
.redactor-styles[dir=rtl] ol ul,
.redactor-styles[dir=rtl] ul,
.redactor-styles[dir=rtl] ul ol,
.redactor-styles[dir=rtl] ul ul {
margin-left: 1.5em;
}
.redactor-styles[dir=rtl] figcaption {
text-align: right;
}
.redactor-styles ol[dir=rtl],
.redactor-styles ol[dir=rtl] ol,
.redactor-styles ol[dir=rtl] ul,
.redactor-styles ul[dir=rtl],
.redactor-styles ul[dir=rtl] ol,
.redactor-styles ul[dir=rtl] ul {
margin-right: 1.5em;
}
.redactor-styles ol[dir=rtl] li,
.redactor-styles ul[dir=rtl] li {
text-align: right;
}
.redactor-styles a,
.redactor-styles a:hover {
color: #3397ff;
}
.redactor-styles address,
.redactor-styles blockquote,
.redactor-styles dl,
.redactor-styles figure,
.redactor-styles hr,
.redactor-styles p,
.redactor-styles pre,
.redactor-styles table {
padding: 0;
margin: 0;
margin-bottom: 1em;
}
.redactor-styles ol,
.redactor-styles ul {
padding: 0;
}
.redactor-styles ol,
.redactor-styles ol ol,
.redactor-styles ol ul,
.redactor-styles ul,
.redactor-styles ul ol,
.redactor-styles ul ul {
margin: 0 0 0 1.5em;
}
.redactor-styles ol li,
.redactor-styles ul li {
text-align: left;
}
.redactor-styles ol ol li {
list-style-type: lower-alpha;
}
.redactor-styles ol ol ol li {
list-style-type: lower-roman;
}
.redactor-styles ol,
.redactor-styles ul {
margin-bottom: 1em;
}
.redactor-styles h1,
.redactor-styles h2,
.redactor-styles h3,
.redactor-styles h4,
.redactor-styles h5,
.redactor-styles h6 {
font-weight: 700;
color: #111;
text-rendering: optimizeLegibility;
margin: 0;
padding: 0;
margin-bottom: .5em;
line-height: 1.2;
}
.redactor-styles h1 {
font-size: 2.0736em;
}
.redactor-styles h2 {
font-size: 1.728em;
}
.redactor-styles h3 {
font-size: 1.44em;
}
.redactor-styles h4 {
font-size: 1.2em;
}
.redactor-styles h5 {
font-size: 1em;
}
.redactor-styles h6 {
font-size: .83333em;
text-transform: uppercase;
letter-spacing: .035em;
}
.redactor-styles blockquote {
font-style: italic;
color: rgba(0, 0, 0, .5);
border: none;
}
.redactor-styles table {
width: 100%;
}
.redactor-styles code,
.redactor-styles kbd,
.redactor-styles mark,
.redactor-styles small,
.redactor-styles time,
.redactor-styles var {
display: inline-block;
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
font-size: 87.5%;
line-height: 1;
color: rgba(51, 51, 51, .9);
}
.redactor-styles cite,
.redactor-styles var {
opacity: .6;
}
.redactor-styles var {
font-style: normal;
}
.redactor-styles abbr,
.redactor-styles dfn {
text-transform: uppercase;
}
.redactor-styles abbr[title],
.redactor-styles dfn[title] {
text-decoration: none;
border-bottom: 1px dotted rgba(0, 0, 0, .5);
cursor: help;
}
.redactor-styles code,
.redactor-styles kbd {
position: relative;
top: -1px;
padding: .25em;
padding-bottom: .2em;
border-radius: 2px;
}
.redactor-styles code {
background-color: #eff1f2;
}
.redactor-styles mark {
border-radius: 2px;
padding: .125em .25em;
background-color: #fdb833;
}
.redactor-styles kbd {
border: 1px solid #e5e7e9;
}
.redactor-styles sub,
.redactor-styles sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.redactor-styles sub {
bottom: -.25em;
}
.redactor-styles sup {
top: -.5em;
}
.redactor-styles pre {
font-family:
Consolas,
Menlo,
Monaco,
"Courier New",
monospace;
font-size: .9em;
}
.redactor-styles pre,
.redactor-styles pre code {
background-color: #f6f7f8;
padding: 0;
top: 0;
display: block;
line-height: 1.5;
color: rgba(51, 51, 51, .85);
overflow: none;
white-space: pre-wrap;
}
.redactor-styles pre {
padding: 1rem;
}
.redactor-styles table {
border-collapse: collapse;
max-width: 100%;
width: 100%;
}
.redactor-styles table caption {
text-transform: uppercase;
padding: 0;
color: rgba(0, 0, 0, .5);
font-size: 11px;
}
.redactor-styles table td,
.redactor-styles table th {
border: 1px solid #eee;
padding: 16px;
padding-bottom: 15px;
}
.redactor-styles table tfoot td,
.redactor-styles table tfoot th {
color: rgba(0, 0, 0, .5);
}
.redactor-styles audio,
.redactor-styles embed,
.redactor-styles img,
.redactor-styles object,
.redactor-styles video {
max-width: 100%;
}
.redactor-styles embed,
.redactor-styles img,
.redactor-styles object,
.redactor-styles video {
height: auto !important;
}
.redactor-styles img {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.redactor-styles figcaption {
display: block;
opacity: .6;
font-size: 12px;
font-style: italic;
text-align: left;
}
.upload-redactor-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
border: 5px dashed rgba(0, 125, 255, .15);
position: relative;
width: 100%;
min-height: 220px;
background: #fff;
cursor: pointer;
overflow: hidden;
text-align: center;
}
.upload-redactor-placeholder {
font-size: 15px;
line-height: 1.5;
color: rgba(0, 0, 0, .3);
font-style: italic;
}
.upload-redactor-hover {
background-color: rgba(0, 125, 255, .075);
}
.upload-redactor-error {
background-color: rgba(255, 50, 101, .075);
}
.upload-redactor-box-hover {
outline: 5px dashed rgba(0, 125, 255, .3);
}
.upload-redactor-box-error {
outline: 5px dashed rgba(255, 50, 101, .3);
}
.redactor-structure div,
.redactor-structure h1,
.redactor-structure h2,
.redactor-structure h3,
.redactor-structure h4,
.redactor-structure h5,
.redactor-structure h6 {
position: relative;
}
.redactor-structure div:before,
.redactor-structure h1:before,
.redactor-structure h2:before,
.redactor-structure h3:before,
.redactor-structure h4:before,
.redactor-structure h5:before,
.redactor-structure h6:before {
width: 24px;
position: absolute;
font-size: 10px;
font-weight: 400;
opacity: .5;
left: -26px;
top: 50%;
margin-top: -7px;
text-align: right;
}
.redactor-structure h1:before {
content: "h1";
}
.redactor-structure h2:before {
content: "h2";
}
.redactor-structure h3:before {
content: "h3";
}
.redactor-structure h4:before {
content: "h4";
}
.redactor-structure h5:before {
content: "h5";
}
.redactor-structure h6:before {
content: "h6";
}
.redactor-structure div:before {
content: "div";
}
#redactor-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000000;
height: 10px;
}
#redactor-progress span {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image:
linear-gradient(
45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent);
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
display: block;
width: 100%;
height: 100%;
background-color: #007dff;
background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.redactor-box-fullscreen {
z-index: 1051;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.redactor-box-fullscreen-target {
position: absolute !important;
}
.redactor-body-fullscreen .redactor-context-toolbar,
.redactor-body-fullscreen .redactor-dropdown {
z-index: 1052;
}
.redactor-body-fullscreen #redactor-overlay {
z-index: 1098;
}
.redactor-body-fullscreen #redactor-modal {
z-index: 1099;
}
/* node_modules/lightgallery/css/lightgallery-bundle.min.css */
@font-face {
font-family: lg;
src:
url("./media/lg.woff2?io9a6k") format("woff2"),
url("./media/lg.ttf?io9a6k") format("truetype"),
url("./media/lg.woff?io9a6k") format("woff"),
url("./media/lg.svg?io9a6k#lg") format("svg");
font-weight: 400;
font-style: normal;
font-display: block;
}
.lg-icon {
font-family: lg !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-container {
font-family:
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
"Liberation Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
.lg-next,
.lg-prev {
background-color: rgba(0, 0, 0, .45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1084;
outline: 0;
border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
opacity: 0 !important;
cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
display: none;
}
.lg-next {
right: 20px;
}
.lg-next:before {
content: "\e095";
}
.lg-prev {
left: 20px;
}
.lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end .3s;
-o-animation: lg-right-end .3s;
animation: lg-right-end .3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end .3s;
-o-animation: lg-left-end .3s;
animation: lg-left-end .3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-media-overlap .lg-toolbar {
background-image:
linear-gradient(
0deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, .4));
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
will-change: color;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
background: 0 0;
border: none;
box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-maximize {
font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
content: "\e90a";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
color: #eee;
font-size: 16px;
padding: 10px 40px;
text-align: center;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity .2s ease-out 0s;
-o-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: 700;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
.lg-sub-html a {
color: inherit;
}
.lg-sub-html a:hover {
text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
background-image:
linear-gradient(
180deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, .6));
}
.lg-item .lg-sub-html {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-error-msg {
font-size: 14px;
color: #999;
}
.lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
height: 47px;
vertical-align: middle;
}
.lg-closing .lg-next,
.lg-closing .lg-prev,
.lg-closing .lg-sub-html,
.lg-closing .lg-toolbar {
opacity: 0;
-webkit-transition:
-webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s,
opacity .08 cubic-bezier(0, 0, .25, 1) 0s,
color .08 linear;
-moz-transition:
-moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s,
opacity .08 cubic-bezier(0, 0, .25, 1) 0s,
color .08 linear;
-o-transition:
-o-transform .08 cubic-bezier(0, 0, .25, 1) 0s,
opacity .08 cubic-bezier(0, 0, .25, 1) 0s,
color .08 linear;
transition:
transform .08 cubic-bezier(0, 0, .25, 1) 0s,
opacity .08 cubic-bezier(0, 0, .25, 1) 0s,
color .08 linear;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
opacity: 0;
-moz-transform: scale3d(.5, .5, .5);
-o-transform: scale3d(.5, .5, .5);
-ms-transform: scale3d(.5, .5, .5);
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.lg-icon:focus-visible {
color: #fff;
border-radius: 3px;
outline: 1px dashed rgba(255, 255, 255, .6);
}
.lg-toolbar .lg-icon:focus-visible {
border-radius: 8px;
outline-offset: -5px;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
width: 100%;
max-height: 350px;
overflow: hidden;
float: left;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
display: none;
}
.lg-outer .lg-thumb {
padding: 5px 0;
height: 100%;
margin-bottom: -5px;
display: inline-block;
vertical-align: middle;
}
@media (min-width:768px) {
.lg-outer .lg-thumb {
padding: 10px 0;
}
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border-radius: 2px;
margin-bottom: 5px;
will-change: border-color;
}
@media (min-width:768px) {
.lg-outer .lg-thumb-item {
border-radius: 4px;
border: 2px solid #fff;
-webkit-transition: border-color .25s ease;
-o-transition: border-color .25s ease;
transition: border-color .25s ease;
}
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}
.lg-outer .lg-video-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-video-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-video-object {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: 3;
}
.lg-outer .lg-video-poster {
z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
opacity: 1;
}
@keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lg-video-play-button {
width: 18%;
max-width: 140px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
cursor: pointer;
transform: translate(-50%, -50%) scale(1);
will-change: opacity, transform;
-webkit-transition: -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
-moz-transition: -moz-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
-o-transition: -o-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
}
.lg-video-play-button:hover .lg-video-play-icon,
.lg-video-play-button:hover .lg-video-play-icon-bg {
opacity: 1;
}
.lg-video-play-icon-bg {
fill: none;
stroke-width: 3%;
stroke: #fcfcfc;
opacity: .6;
will-change: opacity;
-webkit-transition: opacity .12s ease-in;
-o-transition: opacity .12s ease-in;
transition: opacity .12s ease-in;
}
.lg-video-play-icon-circle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
fill: none;
stroke-width: 3%;
stroke: rgba(30, 30, 30, .9);
stroke-opacity: 1;
stroke-linecap: round;
stroke-dasharray: 200;
stroke-dashoffset: 200;
}
.lg-video-play-icon {
position: absolute;
width: 25%;
max-width: 120px;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
opacity: .6;
will-change: opacity;
-webkit-transition: opacity .12s ease-in;
-o-transition: opacity .12s ease-in;
transition: opacity .12s ease-in;
}
.lg-video-play-icon .lg-video-play-icon-inner {
fill: #fcfcfc;
}
.lg-video-loading .lg-video-play-icon-circle {
animation: lg-play-rotate 2s linear .25s infinite, lg-play-stroke 1.5s ease-in-out .25s infinite;
}
.lg-video-loaded .lg-video-play-button {
opacity: 0;
transform: translate(-50%, -50%) scale(.7);
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 80ms ease 0s;
-moz-transition: opacity 80ms ease 0s;
-o-transition: opacity 80ms ease 0s;
transition: opacity 80ms ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-single-item .lg-autoplay-button {
opacity: .75;
pointer-events: none;
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
will-change: transform;
-webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
-moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
-o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
will-change: transform;
-webkit-transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition: -moz-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition: -o-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
-moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
-o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0) !important;
max-width: none !important;
max-height: none !important;
top: 50% !important;
left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0) !important;
top: 0 !important;
left: 50% !important;
max-width: none !important;
max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
transform: scale3d(1, 1, 1) translate3d(0, -50%, 0) !important;
top: 50% !important;
left: 0 !important;
max-width: none !important;
max-height: none !important;
}
.lg-icon.lg-zoom-in:after {
content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
opacity: 1;
pointer-events: auto;
}
.lg-icon.lg-actual-size {
font-size: 20px;
}
.lg-icon.lg-actual-size:after {
content: "\e033";
}
.lg-icon.lg-zoom-out {
opacity: .5;
pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-zoom-out,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out {
opacity: .75;
pointer-events: none;
}
.lg-outer .lg-pager-outer {
text-align: center;
z-index: 1080;
height: 10px;
margin-bottom: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer.lg-single-item .lg-pager-outer {
display: none;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px #fff inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
will-change: transform, opacity;
-webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
-moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
-o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
transition: opacity .15s ease 0s, transform .15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, .5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow .3s ease 0s;
-o-transition: box-shadow .3s ease 0s;
transition: box-shadow .3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
box-shadow: 0 0 0 8px #fff inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer .lg-dropdown-overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
cursor: default;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
will-change: visibility, opacity;
-webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
-o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
transition: visibility 0s linear .18s, opacity .18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active .lg-share {
color: #fff;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
will-change:
visibility,
opacity,
transform;
-webkit-transition:
-webkit-transform .18s linear 0s,
visibility 0s linear .5s,
opacity .18s linear 0s;
-moz-transition:
-moz-transform .18s linear 0s,
visibility 0s linear .5s,
opacity .18s linear 0s;
-o-transition:
-o-transform .18s linear 0s,
visibility 0s linear .5s,
opacity .18s linear 0s;
transition:
transform .18s linear 0s,
visibility 0s linear .5s,
opacity .18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0;
}
.lg-outer .lg-dropdown > li:hover a {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family:
"Open Sans",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, .07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer .lg-share {
position: relative;
}
.lg-outer .lg-share:after {
content: "\e80d";
}
.lg-outer .lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer .lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer .lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer .lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer .lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer .lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-comment-box {
width: 420px;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
background-color: #fff;
will-change: transform;
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition: -moz-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition: -o-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s;
}
.lg-comment-box .lg-comment-title {
margin: 0;
color: #fff;
font-size: 18px;
}
.lg-comment-box .lg-comment-header {
background-color: #000;
padding: 12px 20px;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.lg-comment-box .lg-comment-body {
height: 100% !important;
padding-top: 43px !important;
width: 100% !important;
}
.lg-comment-box .fb-comments {
height: 100%;
width: 100%;
background: url("./media/loading.gif") no-repeat scroll center center #fff;
overflow-y: auto;
display: inline-block;
}
.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
background-image: none;
}
.lg-comment-box .fb-comments > span {
max-width: 100%;
}
.lg-comment-box .lg-comment-close {
position: absolute;
right: 5px;
top: 12px;
cursor: pointer;
font-size: 20px;
color: #999;
will-change: color;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}
.lg-comment-box .lg-comment-close:hover {
color: #fff;
}
.lg-comment-box .lg-comment-close:after {
content: "\e070";
}
.lg-comment-box iframe {
max-width: 100% !important;
width: 100% !important;
}
.lg-comment-box #disqus_thread {
padding: 0 20px;
}
.lg-outer .lg-comment-overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
will-change: visibility, opacity;
-webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
-o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
transition: visibility 0s linear .18s, opacity .18s linear 0s;
}
.lg-outer .lg-comment-toggle:after {
content: "\e908";
}
.lg-outer.lg-comment-active .lg-comment-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-comment-active .lg-comment-toggle {
color: #fff;
}
.lg-outer.lg-comment-active .lg-comment-box {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-img-rotate {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition: -moz-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition: -o-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s;
}
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right {
opacity: .75;
pointer-events: none;
}
.lg-outer .lg-img-rotate:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-medium-zoom-item {
cursor: zoom-in;
}
.lg-medium-zoom .lg-outer {
cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
cursor: zoom-out;
}
.lg-relative-caption .lg-outer .lg-sub-html {
white-space: normal;
bottom: auto;
padding: 0;
background-image: none;
}
.lg-relative-caption .lg-outer .lg-relative-caption-item {
opacity: 0;
padding: 16px 0;
transition: .5s opacity ease;
}
.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
opacity: 1;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-container {
display: none;
outline: 0;
}
.lg-container.lg-show {
display: block;
}
.lg-on {
scroll-behavior: unset;
}
.lg-overlay-open {
overflow: hidden;
}
.lg-hide-sub-html .lg-sub-html,
.lg-next,
.lg-pager-outer,
.lg-prev,
.lg-toolbar {
opacity: 0;
will-change: transform, opacity;
-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
}
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in .lg-prev,
.lg-show-in .lg-toolbar {
opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: .001;
outline: 0;
will-change: auto;
overflow: hidden;
-webkit-transition: opacity .15s ease 0s;
-o-transition: opacity .15s ease 0s;
transition: opacity .15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
opacity: 1;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lg-outer .lg-inner {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transition: opacity 0s;
-o-transition: opacity 0s;
transition: opacity 0s;
white-space: nowrap;
}
.lg-outer .lg-item {
display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url("./media/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
font-size: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-object {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
}
.lg-outer .lg-empty-html .lg-sub-html,
.lg-outer .lg-empty-html.lg-sub-html {
display: none;
}
.lg-outer.lg-hide-download .lg-download {
opacity: .75;
pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
position: absolute;
top: 50%;
left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
opacity: 1;
transition: opacity .2s ease-out .15s;
}
.lg-outer .lg-media-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-media-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
-o-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
-webkit-transition: opacity .1s ease 0s;
-moz-transition: opacity .1s ease 0s;
-o-transition: opacity .1s ease 0s;
transition: opacity .1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
-moz-transition: -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
-o-transition: -o-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
position: absolute;
}
.lg-inline .lg-backdrop {
z-index: 1;
}
.lg-inline .lg-outer {
z-index: 2;
}
.lg-inline .lg-maximize:after {
content: "\e909";
}
.lg-components {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
will-change: transform;
-webkit-transition: -webkit-transform .35s ease-out 0s;
-moz-transition: -moz-transform .35s ease-out 0s;
-o-transition: -o-transform .35s ease-out 0s;
transition: transform .35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
/* angular:styles/global:styles */