/* projects/public-pages/src/styles.scss */
.weave-loading-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.6);
z-index: 1000;
}
/* projects/public-pages/src/sass/appWeave.scss */
:root {
--mat-typography-font-family: "Inter", sans-serif;
--mat-typography-subtitle1-font-family: "Inter", sans-serif;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-state-layer-color: transparent;
--mat-form-field-container-text-font: "Inter", sans-serif;
--mat-form-field-subscript-text-font: "Inter", sans-serif;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: 0.5px;
--mat-form-field-subscript-text-weight: bold;
--mat-form-field-container-text-size: 14px;
--mat-form-field-container-text-weight: normal;
--mat-option-label-text-font: "Inter", sans-serif;
--mat-expansion-header-text-font: "Inter", sans-serif;
--mat-select-trigger-text-tracking: 0;
--mat-form-field-filled-label-text-font: "Inter", sans-serif;
--mat-form-field-filled-label-text-color: var(--dark-grey);
--mat-form-field-filled-input-text-placeholder-color: var(--dark-grey);
--mat-form-field-filled-label-text-size: 14px;
--mat-form-field-filled-label-text-weight: bold;
--mat-form-field-filled-container-color: transparent;
--mat-form-field-outlined-input-text-color: var(--dark-grey);
--mat-button-text-state-layer-color: var(--dark-grey);
--mat-menu-item-label-text-font: "Inter", sans-serif;
--mat-menu-item-label-text-size: 14px;
--mat-dialog-supporting-text-line-height: 1.4;
--mat-dialog-supporting-text-size: 14px;
--mat-dialog-container-max-width: 954px;
--mat-dialog-subhead-font: "Inter", sans-serif;
--mat-dialog-container-shape: 5px;
--mat-dialog-subhead-size: 14px;
--mat-dialog-subhead-color: var(--dark-grey);
--mat-dialog-subhead-line-height: 1.4;
--mat-dialog-subhead-weight: bold;
--mat-dialog-headline-padding: 6px 24px 0 24px;
--mat-dialog-actions-padding: 0 24px 44px;
--mat-dialog-supporting-text-color: var(--dark-grey);
--mat-dialog-supporting-text-font: "Inter", sans-serif;
--mat-select-trigger-text-line-height: 18px;
--mat-select-trigger-text-size: 14px;
--mat-select-trigger-text-weight: bold;
--mat-select-trigger-text-font: "Inter", sans-serif;
--mat-select-enabled-trigger-text-color: var(--dark-grey);
--mat-select-enabled-arrow-color: var(--dark-grey);
--mat-option-label-text-size: 14px;
--mat-checkbox-label-text-color: var(--dark-grey);
--mat-checkbox-label-text-font: "Inter", sans-serif;
--mat-checkbox-label-text-weight: bold;
--mat-radio-selected-icon-color: var(--dark-grey);
--selected-icon-color: var(--dark-grey);
--mat-form-field-outlined-label-text-font: "Inter", sans-serif;
--mat-form-field-outlined-label-text-size: 14px;
--mat-form-field-outlined-label-text-weight: bold;
--mat-slide-toggle-label-text-font: "Inter", sans-serif !important;
--mat-slide-toggle-label-text-size: 12px;
--mat-slide-toggle-label-text-weight: bold !important;
--mat-slide-toggle-label-text-color: var(--dark-grey);
--mat-menu-item-icon-color: var(--dark-grey);
--mat-menu-item-label-text-color: var(--dark-grey);
--mat-expansion-header-text-color: #292926;
--mat-autocomplete-background-color: var(--background);
--mat-option-hover-state-layer-color: var(--select-hover-item-bg);
}
.mat-mdc-form-field {
--mat-mdc-form-field-floating-label-scale: 1 !important;
}
.mat-mdc-tab-header,
.mat-mdc-tab,
.mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
--mat-tab-inactive-label-text-color: #4b4c47 !important;
--mat-tab-active-label-text-color: #4b4c47 !important;
--mat-tab-label-text-font: "Inter", sans-serif !important;
--mat-sys-title-small-font: "Inter", sans-serif;
--mat-tab-active-hover-label-text-color: #4b4c47 !important;
--mat-tab-label-text-weight: bold !important;
--mat-tab-active-focus-label-text-color: #4b4c47;
--mat-tab-active-focus-indicator-color: #4b4c47;
--mat-tab-active-indicator-height: 3px;
}
.mdc-tab__text-label {
--mat-tab-label-text-weight: normal !important;
}
.mat-mdc-dialog-title::before {
height: 0 !important;
}
.mat-mdc-dialog-actions {
gap: 20px;
}
.weaveSelect.weaveThinSelect {
height: 30px;
--mat-form-field-container-vertical-padding: 0;
}
.weaveSelect.weaveThinSelect .mat-mdc-select-value {
padding-right: 10px;
text-align: right;
}
.weaveSelect.weaveThinSelect.hasLabel {
--mat-form-field-container-height: 0;
--mat-form-field-container-vertical-padding: 16px;
}
.leftAlignedSelect .weaveSelect.weaveThinSelect .mat-mdc-select-value {
text-align: left;
}
.weaveSelect .mdc-line-ripple,
.weaveSelect .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
display: none;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
--mat-typography-subtitle1-font-family: "Inter", sans-serif;
}
.mat-form-field,
mat-form-field-wrapper {
width: 100%;
}
.mat-progress-bar-fill::after {
background-color: #f8d778;
}
.weave-progress-bar.primary .mat-progress-bar-fill::after {
background-color: #05668d;
}
.weave-progress-bar.warn .mat-progress-bar-fill::after {
background-color: var(--warning-color);
}
.weave-progress-bar.error .mat-progress-bar-fill::after {
background-color: var(--error-color);
}
.weave-progress-bar.warn .mat-progress-bar-buffer,
.weave-progress-bar .mat-progress-bar-buffer {
background-color: #e2e2e2;
}
.cdk-drag-preview {
box-sizing: border-box;
border-radius: 4px;
box-shadow:
0 5px 5px -3px rgba(0, 0, 0, 0.2),
0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-animating {
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background: #f8ce46;
}
.mat-accent .mat-slider-thumb-label-text {
color: #4b4c47;
}
.mat-menu-content a {
display: block;
width: 100%;
}
.mat-tab-group.mat-primary .mat-ink-bar {
background-color: var(--dark-border);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: var(--header-bg);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option.mat-active {
background: var(--header-bg);
}
.mat-form-field-wrapper {
height: 56px !important;
display: flex;
align-items: center;
}
.mat-form-field-type-mat-select .mat-form-field-appearance-outline .mat-form-field-infix {
padding-top: 10px;
}
button.buttonWithIcon {
display: flex;
align-items: center;
}
button.buttonWithIcon mat-icon {
display: flex;
align-items: center;
font-size: 24px;
margin-bottom: 2px;
}
.mat-form-field-can-float .mat-form-field-label {
font-weight: bold;
color: var(--dark-grey);
letter-spacing: 0.5px;
}
.mat-mdc-form-field-textarea-control {
padding-top: 10px;
}
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, #9e9e9e 87%, transparent);
--mat-form-field-filled-caret-color: #9e9e9e;
--mat-form-field-filled-focus-active-indicator-color: #9e9e9e;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #9e9e9e 87%, transparent);
--mat-form-field-outlined-caret-color: #9e9e9e;
--mat-form-field-outlined-focus-outline-color: #9e9e9e;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #9e9e9e 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, #eeeeee 87%, transparent);
--mat-form-field-filled-caret-color: #eeeeee;
--mat-form-field-filled-focus-active-indicator-color: #eeeeee;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #eeeeee 87%, transparent);
--mat-form-field-outlined-caret-color: #eeeeee;
--mat-form-field-outlined-focus-outline-color: #eeeeee;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #eeeeee 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-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: #9e9e9e;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--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-label-text-color: #9e9e9e;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #9e9e9e 12%, transparent);
--mat-button-outlined-state-layer-color: #9e9e9e;
--mat-button-protected-container-color: #9e9e9e;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--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-label-text-color: #9e9e9e;
--mat-button-text-ripple-color: color-mix(in srgb, #9e9e9e 12%, transparent);
--mat-button-text-state-layer-color: #9e9e9e;
--mat-button-tonal-container-color: #9e9e9e;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--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-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: #eeeeee;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--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-label-text-color: #eeeeee;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #eeeeee 12%, transparent);
--mat-button-outlined-state-layer-color: #eeeeee;
--mat-button-protected-container-color: #eeeeee;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--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-label-text-color: #eeeeee;
--mat-button-text-ripple-color: color-mix(in srgb, #eeeeee 12%, transparent);
--mat-button-text-state-layer-color: #eeeeee;
--mat-button-tonal-container-color: #eeeeee;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--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-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-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: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #eeeeee;
--mat-checkbox-selected-hover-icon-color: #eeeeee;
--mat-checkbox-selected-icon-color: #eeeeee;
--mat-checkbox-selected-pressed-icon-color: #eeeeee;
--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: #eeeeee;
--mat-checkbox-selected-hover-state-layer-color: #eeeeee;
--mat-checkbox-selected-pressed-state-layer-color: #eeeeee;
--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: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #9e9e9e;
--mat-checkbox-selected-hover-icon-color: #9e9e9e;
--mat-checkbox-selected-icon-color: #9e9e9e;
--mat-checkbox-selected-pressed-icon-color: #9e9e9e;
--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: #9e9e9e;
--mat-checkbox-selected-hover-state-layer-color: #9e9e9e;
--mat-checkbox-selected-pressed-state-layer-color: #9e9e9e;
--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-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: #9e9e9e;
--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: #9e9e9e;
--mat-radio-selected-hover-icon-color: #9e9e9e;
--mat-radio-selected-icon-color: #9e9e9e;
--mat-radio-selected-pressed-icon-color: #9e9e9e;
--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: #eeeeee;
--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: #eeeeee;
--mat-radio-selected-hover-icon-color: #eeeeee;
--mat-radio-selected-icon-color: #eeeeee;
--mat-radio-selected-pressed-icon-color: #eeeeee;
--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-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: #9e9e9e;
--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: #eeeeee;
--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-icon-color: inherit;
}
.mat-icon.mat-primary {
--mat-icon-color: #9e9e9e;
}
.mat-icon.mat-accent {
--mat-icon-color: #eeeeee;
}
.mat-icon.mat-warn {
--mat-icon-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-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-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: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-selected-focus-state-layer-color: #9e9e9e;
--mat-slide-toggle-selected-handle-color: #9e9e9e;
--mat-slide-toggle-selected-hover-state-layer-color: #9e9e9e;
--mat-slide-toggle-selected-pressed-state-layer-color: #9e9e9e;
--mat-slide-toggle-selected-focus-handle-color: #9e9e9e;
--mat-slide-toggle-selected-hover-handle-color: #9e9e9e;
--mat-slide-toggle-selected-pressed-handle-color: #9e9e9e;
--mat-slide-toggle-selected-focus-track-color: #e0e0e0;
--mat-slide-toggle-selected-hover-track-color: #e0e0e0;
--mat-slide-toggle-selected-pressed-track-color: #e0e0e0;
--mat-slide-toggle-selected-track-color: #e0e0e0;
--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: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-selected-focus-state-layer-color: #eeeeee;
--mat-slide-toggle-selected-handle-color: #eeeeee;
--mat-slide-toggle-selected-hover-state-layer-color: #eeeeee;
--mat-slide-toggle-selected-pressed-state-layer-color: #eeeeee;
--mat-slide-toggle-selected-focus-handle-color: #eeeeee;
--mat-slide-toggle-selected-hover-handle-color: #eeeeee;
--mat-slide-toggle-selected-pressed-handle-color: #eeeeee;
--mat-slide-toggle-selected-focus-track-color: #e0e0e0;
--mat-slide-toggle-selected-hover-track-color: #e0e0e0;
--mat-slide-toggle-selected-pressed-track-color: #e0e0e0;
--mat-slide-toggle-selected-track-color: #e0e0e0;
}
.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-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);
}
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: #9e9e9e;
--mat-progress-bar-track-color: rgba(158, 158, 158, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #eeeeee;
--mat-progress-bar-track-color: rgba(238, 238, 238, 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-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: #9e9e9e;
--mat-tab-active-ripple-color: #9e9e9e;
--mat-tab-inactive-ripple-color: #9e9e9e;
--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: #9e9e9e;
--mat-tab-active-hover-label-text-color: #9e9e9e;
--mat-tab-active-focus-indicator-color: #9e9e9e;
--mat-tab-active-hover-indicator-color: #9e9e9e;
--mat-tab-active-indicator-color: #9e9e9e;
}
.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: #eeeeee;
--mat-tab-active-ripple-color: #eeeeee;
--mat-tab-inactive-ripple-color: #eeeeee;
--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: #eeeeee;
--mat-tab-active-hover-label-text-color: #eeeeee;
--mat-tab-active-focus-indicator-color: #eeeeee;
--mat-tab-active-hover-indicator-color: #eeeeee;
--mat-tab-active-indicator-color: #eeeeee;
}
.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: #9e9e9e;
--mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #eeeeee;
--mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.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-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-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);
}
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: #9e9e9e;
--mat-slider-focus-handle-color: #9e9e9e;
--mat-slider-handle-color: #9e9e9e;
--mat-slider-hover-handle-color: #9e9e9e;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #9e9e9e 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #9e9e9e 4%, transparent);
--mat-slider-inactive-track-color: #9e9e9e;
--mat-slider-ripple-color: #9e9e9e;
--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-inactive-container-color: #9e9e9e;
--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: #eeeeee;
--mat-slider-focus-handle-color: #eeeeee;
--mat-slider-handle-color: #eeeeee;
--mat-slider-hover-handle-color: #eeeeee;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #eeeeee 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #eeeeee 4%, transparent);
--mat-slider-inactive-track-color: #eeeeee;
--mat-slider-ripple-color: #eeeeee;
--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-inactive-container-color: #eeeeee;
}
.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-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, #9e9e9e 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #eeeeee 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: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-selected-state-background-color: #9e9e9e;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #9e9e9e 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #9e9e9e 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #9e9e9e 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #9e9e9e;
--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, #eeeeee 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #eeeeee 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: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-selected-state-background-color: #eeeeee;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #eeeeee 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #eeeeee 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #eeeeee 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #eeeeee;
--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, #eeeeee 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;
}
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
left: 0;
}
[dir=rtl] .cdk-visually-hidden {
left: auto;
right: 0;
}
.mat-mdc-radio-button,
.mat-mdc-radio-button.mat-accent {
--mat-radio-selected-icon-color: var(--dark-grey);
--mat-radio-selected-focus-icon-color: var(--dark-grey);
--mat-radio-selected-hover-icon-color: var(--dark-grey);
--mat-radio-selected-pressed-icon-color: var(--dark-grey);
}
.withClear .innerWeaveDatePicker .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
padding-right: 25px !important;
}
.mat-internal-form-field > label span.description {
font-weight: normal;
}
.wrap-mat-select-options {
}
.wrap-mat-select-options .mat-mdc-option {
height: auto !important;
min-height: 48px;
padding-top: 8px;
padding-bottom: 8px;
}
.wrap-mat-select-options {
}
.wrap-mat-select-options .mdc-list-item__primary-text {
white-space: normal !important;
word-break: break-word !important;
line-height: 1.4;
}
:root {
--background: #F6F6F6;
--dark-grey: #4b4c47;
--plainWhite: #fff;
--section-subheader: #e6e6e6;
--section-bg: #dcdcdc;
--disabled-gray: #aaa;
--table-header-bg: #e9e9e9;
--table-even-row-bg: #f0f0f0;
--field-bg: #efefef;
--field-border: #b5b5b5;
--field-border-active: #292926;
--field-border-enabled: #007aff;
--field-border-inactive: rgba(181, 181, 181, 0.55);
--select-hover: #ececec;
--select-active: #e2e2e2;
--select-hover-item-bg: #e2e2e2;
--select-bg: #efefef;
--buttonBg: #292926;
--buttonHover: #161613;
--buttonActive: #000;
--buttonDisabled: #aaa;
--toggle-on: #83de73;
--dark-header: #292926;
--submenu-bg: #3b3b36;
--menu-active: #cea82c;
--user-menu-bg: #3b3b36;
--error-color: #e62800;
--ok-color: #b2b2b0;
--warning-color: #f8d778;
--submitted: #1a68f0;
--submitted-bg: #1a68f040;
--ready: #01ad01;
--ready-bg: #01ad0140;
--internal: #fdd004;
--internal-bg: #fdd00440;
--progress: #ff9957;
--progress-bg: #ff995740;
--notStarted: #fa1028;
--notStarted-bg: #fa102840;
--not-rated: #fdd004;
--not-rated-bg: #fdd0040;
--not-met: #fa1028;
--not-met-bg: #fa102840;
--met: #1a68f0;
--met-bg: #1a68f040;
--exceeded: #01ad01;
--exceeded-bg: #01ad0140;
--submitted-accr: #fdd004;
--submitted-accr-bg: #fdd00440;
--completed: #01ad01;
--completed-bg: #01ad0140;
--goal: #ffc800;
--objective: #a3db00;
--measure: #ff64ff;
--dashboard-green: #01AD01;
--dashboard-red: #FA1028;
--dashboard-yellow: #FDD004;
--widget-border: #babab9;
--widget-back: #2a2a25;
--widget-back-light: #fff;
--widget-header-light: #f8fafc;
--widget-links: #cea82c;
--text-color-light: #3a3a37;
--table-hader: #4e4e45;
--google-button-bg: #fffdf8;
--google-button-bg-hover: #FFF3D6;
--sidebar-bg: #e9e9e9;
--mapping-outcome: #a3db00;
--mapping-course: #FFFDF8;
--learning-outcome: #b2e925;
--core-course: #14a6cc;
--general-course: #ff5d69;
--introduced-outcome: #ffb601;
--reinforced-outcome: #14a6cc;
--demonstrated-outcome: #6651f6;
--mastered-outcome: #ff5d69;
--empty-point: #f8d778;
--row-background: rgba(242, 237, 226, 0.3);
--mapping-border: #ccc;
--mapping-active: #0091ff;
--mapping-course-border: #f8ce46;
--mapping-divider: #faf8f3;
--mapping-fields-border: #90908b;
--mapping-active-filter: rgba(248, 215, 120, 0.15);
--form-border-color: #979797;
--border-line-color: #b5b5b5;
--header-bg: #e9e9e9;
--grey: #707265;
--button-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
--secondary-color: #f4f4f3;
--border-color: #d2c6a1;
--gold: #fed766;
--dark-border: rgba(58, 58, 55, 0.5);
--label-color: #3a3a37;
--search-field-border: rgba(144, 144, 139, 0.6);
--light-gold: #fff4d6;
--light-grey: #ddded6;
--hover-gray: #dfdfdf;
--active-gray: #d5d5d5;
}
:root {
--page-padding: 50px;
--mobile-breakpoint: 768px;
--tablet-breakpoint: 968px;
--laptop-breakpoint: 1520px;
}
body {
font-family: "Inter", sans-serif;
color: var(--dark-grey);
line-height: 1.625;
font-size: 14px;
background: var(--background);
}
button,
html,
input,
select,
textarea {
font-family: "Inter", sans-serif;
}
* {
box-sizing: border-box;
}
*::selection {
background: #fed766;
}
button {
background: transparent;
border: none;
cursor: pointer;
}
.relative {
position: relative;
}
.pageSubtitle {
font-weight: normal;
font-size: 3.2rem;
line-height: 1.6;
margin-bottom: 10px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.margin-around {
margin-top: 20px;
margin-bottom: 20px;
}
.fullWidth {
width: 100%;
}
.standard-width {
width: 350px;
}
.flexGrow,
.flexGrow1 {
flex-grow: 1;
}
a:not(.button),
a:not(.button):visited {
color: var(--dark-grey);
}
*:focus-visible {
outline: 3px solid #fed766;
}
.inlineList {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.allHeightContent {
min-height: 100vh;
width: 100%;
}
.fullHeightContent {
min-height: calc(100vh - 133px);
width: 100%;
}
.pageTitle {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
margin: 0;
padding: 0;
}
.pageHeader {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
margin: 0;
padding: 0;
}
.labelNav {
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4;
margin: 0;
padding: 0;
}
.specialLabelNav {
font-size: 1.2rem;
font-weight: 800;
line-height: 1.4;
margin: 0;
padding: 0;
letter-spacing: 0.5px;
}
.captions {
font-size: 1.2rem;
font-weight: 800;
line-height: 1.4;
margin: 0;
padding: 0;
}
.weavePage_header {
padding: 50px var(--page-padding) 17px;
position: relative;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 220px;
}
.listFilters {
display: flex;
flex-direction: row;
column-gap: 20px;
margin-bottom: 20px;
align-items: center;
}
.listFilters .simpleCheckbox {
margin-bottom: 0;
padding: 10px 0 0;
}
.text-right {
text-align: right;
}
.sectionDivider {
background: var(--header-bg);
padding: 8px var(--page-padding);
}
.sectionDividerDark {
background: var(--section-bg);
padding: 8px var(--page-padding);
height: 40px;
}
hr {
height: 0;
width: 100%;
border: none;
border-top: solid 1px var(--border-line-color);
margin: 0;
padding: 0;
}
.block-ui-message-container {
display: none;
}
.closeLink {
background: url("./media/cancel.svg") no-repeat;
padding-left: 20px;
background-size: 16px;
background-position-y: -1px;
}
.alert {
color: var(--error-color);
}
.userPane {
position: relative;
}
.userPaneFixed {
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
.hide {
display: none;
}
.mb0 {
margin-bottom: 0px !important;
}
.mt10 {
margin-top: 10px;
}
.ml10 {
margin-left: 10px;
}
.mr10 {
margin-right: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.mt15 {
margin-top: 15px;
}
.ml15 {
margin-left: 15px;
}
.mr15 {
margin-right: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.mt20 {
margin-top: 20px;
}
.ml20 {
margin-left: 20px;
}
.mr20 {
margin-right: 20px;
}
.mb20 {
margin-bottom: 20px;
}
.pt10 {
padding-top: 10px;
}
.pl10 {
padding-left: 10px;
}
.pr10 {
padding-right: 10px;
}
.pb10 {
padding-bottom: 10px;
}
.pt15 {
padding-top: 15px;
}
.pl15 {
padding-left: 15px;
}
.pr15 {
padding-right: 15px;
}
.pb15 {
padding-bottom: 15px;
}
.p20 {
padding: 20px;
}
.pt20 {
padding-top: 20px;
}
.pl20 {
padding-left: 20px;
}
.pr20 {
padding-right: 20px;
}
.pb20 {
padding-bottom: 20px;
}
.headerBoxMargin {
margin-top: 54px;
}
.reportHeaderMargin {
margin-top: 140px;
}
.display-none {
display: none !important;
}
.empty {
visibility: hidden;
width: 100%;
height: 1px;
}
.standard-width {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.largeWidth {
width: 100% !important;
}
.autoHeight {
min-height: 100% !important;
max-height: 100% !important;
overflow-y: initial !important;
}
.alignRight {
text-align: right;
}
.wrapper {
width: 762px;
max-width: 100%;
margin: 0 auto;
}
.flexBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flexBox-left {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flexBox-right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex {
display: flex;
}
.flexGrow {
flex-grow: 1;
}
.flexGrow1 {
flex-grow: 1;
}
.flexGrow2 {
flex-grow: 2;
}
.flexGrow3 {
flex-grow: 3;
}
.flexGrow4 {
flex-grow: 4;
}
.flex-header-1 {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.flexItemSmall {
flex: 1;
}
.flexItemLarge {
flex: 4;
}
.weaveGrid {
display: -ms-grid;
display: grid;
}
.wideWrapper {
width: 835px;
max-width: 100%;
margin: 0 auto;
}
.textWrapper {
width: 680px;
max-width: 100%;
margin: 0 auto;
}
.contentWrapper {
width: 938px;
max-width: 100%;
margin: 0 auto;
}
.splitGrid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.alert-text {
color: var(--error-color);
}
#pendo-resource-center-container {
width: 300px !important;
}
#pendo-resource-center-container ._pendo-step-container-size {
width: 300px !important;
}
#pendo-resource-center-container ._pendo-resource-center-home-title-text,
#pendo-resource-center-container ._pendo-resource-center-guidelist-module-title-text,
#pendo-resource-center-container ._pendo-resource-center-sandbox-module-title-text,
#pendo-resource-center-container ._pendo-resource-center-sandbox-module-title-container {
font-size: 18px !important;
font-family: "Rubik", sans-serif;
font-weight: normal !important;
padding: 14px 22px !important;
line-height: 26px !important;
background-color: #ede6d6;
color: #4b4c47 !important;
}
#pendo-resource-center-container button._pendo-close-guide {
top: 10px !important;
}
#pendo-resource-center-container ._pendo-resource-center-sandbox-module-title-text {
padding: 0 !important;
}
#pendo-resource-center-container ._pendo-resource-center-left-caret:before {
border-right: 7px solid #764c03 !important;
}
#pendo-resource-center-container ._pendo-resource-center-left-caret::after {
border-right: 7px solid #764c03 !important;
}
#pendo-resource-center-container ._pendo-resource-center-left-caret {
z-index: 1;
top: 37% !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered {
padding: 0 !important;
border: none !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide {
padding: 15px 22px !important;
border-bottom: solid 1px #ede6d6 !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item ._pendo-resource-center-module-list-item-title-text,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide ._pendo-resource-center-module-list-item-title-text {
font-family: Rubik;
font-size: 18px !important;
font-weight: 300 !important;
color: #4b4c47 !important;
margin: 0 0 3px !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item ._pendo-resource-center-module-list-item-subtitle-text,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide ._pendo-resource-center-module-list-item-subtitle-text {
font-family: "Inter", sans-serif;
font-size: 14px !important;
font-weight: normal !important;
color: #4b4c47 !important;
text-transform: none !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item a._pendo-resource-center-guidelist-module-listed-guide-link,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide a._pendo-resource-center-guidelist-module-listed-guide-link {
text-decoration: none !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item ._pendo-resource-center-right-caret,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide ._pendo-resource-center-right-caret {
right: -10px !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item ._pendo-resource-center-right-caret::before,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide ._pendo-resource-center-right-caret::before {
border-left: 9px solid #764c03 !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item ._pendo-resource-center-right-caret::after,
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-guidelist-module-listed-guide ._pendo-resource-center-right-caret::after {
border-left: 9px solid #764c03 !important;
left: 0 !important;
}
#pendo-resource-center-container ol._pendo-resource-center-home-list._pendo-text-list-ordered li._pendo-resource-center-module-list-item {
padding: 33px 22px !important;
}
#pendo-resource-center-container #pendo-guide-container ol._pendo-text-list-ordered {
padding: 16px 16px 0px !important;
}
#pendo-resource-center-container ol._pendo-text-list-ordered li._pendo-resource-center-module-list-item#pendo-list-item-cd0cd7f0-2 {
border-bottom: none !important;
}
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
bottom: 0px;
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0.6;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
right: 0;
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
bottom: 2px;
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px;
right: 2px;
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.simpleInput {
border: 1px solid var(--form-border-color);
border-radius: 8px;
padding: 10px 15px;
background: #fff;
}
input.simpleDatePicker:disabled,
input.simpleDatePicker[readonly] {
cursor: pointer;
}
.editable.notAllowed {
cursor: not-allowed;
}
.simpleDropdown.mat-select-panel {
border-radius: 5px !important;
border: solid 1px var(--form-border-color);
}
.simpleDropdown .mat-select {
border: 1px solid var(--form-border-color);
padding: 10px 5px 10px 15px;
border-radius: 8px;
}
.simpleDropdown .mat-select-arrow {
color: #4b4c48;
}
.simpleDropdown .mat-option.mat-selected:not(.mat-option-multiple),
.simpleDropdown .mat-option:hover:not(.mat-option-disabled),
.simpleDropdown .mat-option:focus:not(.mat-option-disabled) {
background: #E8E8E7;
}
.simpleDropdown .mat-select-search-input,
.simpleDropdown .mat-select-search-input:focus {
border: none;
border-top: 1px solid var(--form-border-color);
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.weaveSelectOption.mat-selected {
background: rgba(248, 215, 120, 0.3);
}
.inlineTextArea,
.inlineEditArea {
position: relative;
margin: 0x -10px;
padding-bottom: 0;
}
.directory .tabs .inlineEditArea label,
.inlineEditArea label,
.inline-text-label {
position: absolute;
top: -4px;
left: 6px;
z-index: 9;
font-size: 12px;
font-stretch: 100%;
font-weight: 800;
text-transform: uppercase;
padding: 0 6px;
color: var(--dark-grey);
letter-spacing: 0.5px;
line-height: 12px;
font-style: normal;
}
.editable-textarea,
.editable-text,
.inlineEditArea textarea,
.inlineEditArea input {
text-decoration: none;
cursor: pointer;
display: block;
font-size: 14px;
line-height: 22px;
border: 2px solid transparent;
border-radius: 5px;
margin-bottom: 0;
padding: 20px 10px 20px;
color: var(--dark-grey);
}
.editable-text,
.inlineEditArea input {
width: 100%;
overflow: hidden;
}
.inlineTextArea:hover .editable:not(.disabled) {
border-color: var(--form-border-color);
background: var(--plainWhite);
}
.inlineTextArea:hover .editable.disabled {
cursor: not-allowed;
}
.inlineTextArea:hover .inline-text-label:not(.disabled) {
background: var(--plainWhite);
}
.inlineEditArea label {
background: var(--plainWhite);
}
.inlineEditArea textarea,
.inlineEditArea textarea:focus,
.inlineTextArea .editable:focus:not(.disabled),
.inlineEditArea input {
border-color: var(--form-border-color);
border-radius: 5px;
cursor: text;
color: var(--dark-grey);
}
.firefox .inlineEditArea textarea {
padding-bottom: 9px;
}
.editable-textarea {
min-height: 89px;
white-space: pre-wrap;
overflow-wrap: break-word;
}
.transparentInput.simpleDatePicker {
border: none;
max-width: 100%;
background: transparent;
padding: 0;
margin: 0;
}
.weaveDatePicker input {
background: #fff;
cursor: pointer;
}
.inlineEditorTextContainer input,
.inlineEditorTextContainer textarea {
max-width: 100%;
font-size: 16px;
}
.editable-text.currency,
.weaveCurrency,
.weavePercentage {
text-align: left !important;
}
.editable-textarea,
.weaveTextarea textarea {
padding: 20px 10px;
margin: 0;
min-height: 62px;
white-space: pre-wrap;
overflow-wrap: break-word;
display: inline-block;
width: 100%;
}
.inlineTextArea.editing .editable,
.inlineTextArea:hover .editable:not(.disabled).editing,
.inlineTextArea .editable:focus:not(.disabled).editing {
border-color: var(--form-border-color);
background: #fff;
}
.inlineTextArea.shortText.editing .editable,
.inlineTextArea.shortText:hover .editable:not(.disabled).editing,
.inlineTextArea.shortText .editable:focus:not(.disabled).editing {
border-color: var(--form-border-color);
}
.inlineTextArea.editing .inline-text-label,
.inlineTextArea.editing:hover .inline-text-label,
.inlineTextArea.editing:focus .inline-text-label {
background: #fff;
}
.inlineTextArea {
margin-bottom: 20px;
}
.plainLookingTable .inlineTextArea {
margin-bottom: 0;
}
.inlineEditArea input {
height: 66px;
line-height: 22px;
}
.inlineEdit {
text-decoration: none;
}
[contenteditable][placeholder]:empty:before {
content: attr(placeholder);
color: gray;
background-color: transparent;
}
.inlineEditText {
padding-left: 5px;
line-height: 24px;
max-width: 100%;
}
.inlineEditorContainer hr {
margin: 0 15px;
position: relative;
z-index: 3;
width: calc(100% - 30px);
}
.progressWrapper {
grid-template-areas: "text progress" "counter counter";
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
background: #fff;
padding: 23px 15px 3px;
border: 2px solid var(--form-border-color);
border-radius: 0 0 5px 5px;
border-top: 0;
top: -5px;
position: relative;
z-index: 2;
font-size: 12px;
line-height: 1;
}
.progressWrapper .progress {
margin-bottom: 5px;
height: 8px;
}
.charCounter {
text-align: right;
grid-area: counter;
padding: 0 20px;
}
.charCounter.warning {
color: var(--warning-color);
}
.charCounter.error {
color: var(--error-color);
}
.progressWrapper .progress {
overflow: hidden;
margin-top: 4px;
height: 4px;
border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.progress-bar-ok {
background-color: var(--ok-color);
}
.progress-bar-warning {
background-color: var(--warning-color);
}
.progress-bar-error {
background-color: var(--error-color);
}
app-idle-warning-modal p {
margin-top: 6px;
}
app-idle-warning-modal .weave-progress-bar {
height: 8px;
}
.dropDownLookalike {
position: relative;
height: 88px;
}
.dropDownLookalike h4 {
font-size: 12px;
font-weight: 800;
line-height: normal;
letter-spacing: 0.5px;
margin: 0 0 10px;
padding: 0 0 0 10px;
color: var(--label-color);
}
.dropDownLookalike .dropDown_button {
border: 1px solid var(--form-border-color);
background: url('data:image/svg+xml;utf-8,') no-repeat right center var(--plainWhite);
background-size: 24px;
background-position-x: right 12px;
border-radius: 4px;
padding: 14px 50px 14px 19px;
font-weight: bold;
font-size: 1.4rem;
color: var(--label-color);
text-align: left;
cursor: pointer;
height: 48px;
margin-bottom: 24px;
width: fit-content;
min-width: 165px;
white-space: nowrap;
}
.dropDownLookalike .dropDown_button.warning {
color: #e44928;
}
.dropDownLookalike .dropDown_button.clicked {
border-radius: 4px 4px 0 0;
}
.dropDownLookalike .dropDown_button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.dropDownLookalike .dropDown_menu {
position: absolute;
top: 47px;
left: 0;
list-style: none;
margin: 0;
padding: 0;
z-index: 999;
border: 1px solid var(--form-border-color);
background: var(--plainWhite);
border-top: 0;
border-radius: 0 0 4px 4px;
width: 165px;
overflow: hidden;
right: 0;
text-align: left;
}
.dropDownLookalike .dropDown_menu li {
background: var(--plainWhite);
color: var(--label-color);
cursor: pointer;
padding: 10px;
}
.dropDownLookalike .dropDown_menu li a {
display: block;
width: 100%;
padding: 10px 15px 10px 35px;
text-decoration: none;
}
.dropDownLookalike .dropDown_menu li.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.dropDownLookalike .dropDown_menu li.selected,
.dropDownLookalike .dropDown_menu li:hover {
background: var(--header-bg);
position: relative;
}
.dropDownLookalike .dropDown_menu li.selected:before {
content: "";
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf-8,') no-repeat left center;
position: absolute;
left: 5px;
top: 10px;
}
.dropDownLookalike .dropDown_menu li h5 {
font-weight: bold;
font-size: 14px;
line-height: 1.2;
padding: 0;
margin: 0;
}
.dropDownLookalike .dropDown_menu li .status-desc {
font-size: 12px;
padding: 0;
margin: 0;
font-weight: normal;
}
.leftButton {
margin-right: 20px;
}
.filterSelect {
position: relative;
}
.filterSelect .material-icons {
display: inline-block;
vertical-align: middle;
}
.filterSelect .itemFilters {
border-radius: 5px;
border: none;
background: transparent;
padding: 11px 20px;
font-size: 1.4rem;
font-weight: bold;
line-height: 16px;
cursor: pointer;
width: 100%;
}
.filterSelect .filter_options {
position: absolute;
left: 0;
top: 38px;
width: 100%;
border: 1px solid var(--form-border-color);
border-radius: 0 0 5px 5px;
z-index: 9;
padding-top: 12px;
background: var(--plainWhite);
font-weight: bold;
overflow: hidden;
max-height: 380px;
overflow-y: scroll;
}
.filterSelect .filter_options.above {
top: -192px;
border: 1px solid var(--form-border-color);
border-radius: 5px 5px 0 0;
border-bottom: none;
padding-top: 0px;
padding-bottom: 12px;
}
.filterSelect .filter_options ul,
.filterSelect .filter_options .subItems {
list-style: none;
}
.filterSelect .filter_options > ul {
padding: 0;
margin: 0;
}
.filterSelect .filter_options ul li {
padding: 6px 20px;
margin: 0;
line-height: 26px;
}
.filterSelect .filter_options ul li label {
font-weight: bold;
}
.filterSelect .filter_options ul li a {
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
}
.filterSelect .filter_options ul li.current,
.filterSelect .filter_options ul li.current:hover {
background: var(--header-bg);
}
.filterSelect.open .itemFilters {
border-radius: 5px 5px 0 0;
}
.filterSelect.open .itemFilters.above {
border-radius: 0 0 5px 5px;
}
.filterSelect .itemTitle {
cursor: pointer;
}
.filterSelect .itemTitle,
.filterSelect .options ul {
border-bottom: 1px solid rgba(185, 185, 183, 0.5);
}
.filterSelect .itemTitle,
.filterSelect .options ul li,
.filterSelect .options ul li:last-child {
padding: 6px 20px;
margin: 0;
}
.filterSelect .opened {
background: var(--header-bg);
}
.filterSelect .options ul {
list-style: none;
padding: 0;
margin: 0;
}
.removeFiltersList {
margin-top: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.removeFiltersList li {
margin-right: 5px;
flex-grow: 0;
min-width: auto;
width: auto;
}
.removeFiltersList .removeFilter {
font-size: 12px;
cursor: pointer;
font-weight: 800;
letter-spacing: 0.5px;
white-space: nowrap;
}
.removeFiltersList .removeFilter .removeFilterIcon {
width: 18px;
height: 18px;
vertical-align: middle;
}
.removeFiltersList .removeFilter .material-icons {
position: relative;
top: 5px;
left: auto;
font-size: 20px;
}
app-inline-checkboxes .editMode ul {
list-style: none;
margin: 0;
padding: 0;
}
.groupLabel {
display: block;
width: calc(100% + 60px);
margin-left: -40px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
}
.searchButton {
cursor: pointer;
padding: 7px 15px;
border: 1px solid #b9b9b7;
background: #f7f7f7;
border-radius: 5px;
line-height: 0;
}
.searchField {
border-radius: 5px 0 0 5px;
border: solid 1px #dfdfdd;
border-right: 0;
background: rgba(247, 247, 247, 0.7);
padding: 6px 20px;
font-size: 15px;
font-weight: normal;
line-height: 16px;
height: 39px;
}
.searchField::placeholder {
opacity: 0.5;
}
.searchFieldNoButtonContainer {
position: relative;
}
.searchFieldNoButtonContainer .searchField {
border: 1px solid var(--search-field-border);
background: rgba(220, 220, 220, 0.4);
border-radius: 20px;
padding-left: 30px;
width: 100%;
}
.searchFieldNoButtonContainer .searchIcon {
position: absolute;
top: 10px;
left: 8px;
font-size: 21px;
}
.weaveSelect .mat-select {
border: solid 1px #b1b2af;
background-color: #ffffff;
border-radius: 5px;
padding: 12px 15px;
margin-top: -13px;
}
.weaveSelect .mat-form-field-infix {
padding: 0;
border-top: 0;
}
.addEvaluatorCandidate .mat-option {
background: #fff;
}
.addEvaluatorCandidate .mat-option.mat-active,
.addEvaluatorCandidate .mat-option:hover:not(.mat-option-disabled),
.addEvaluatorCandidate .mat-option:focus:not(.mat-option-disabled) {
background: rgba(144, 144, 139, 0.16);
}
.tagsAutocomplete.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
box-shadow: none;
border: 1px solid #b1b2af;
border-top: 0;
margin-left: -1px;
margin-top: -2px;
}
.tagsAutocomplete.mat-autocomplete-panel:not([class*=mat-elevation-z]) .mat-option:hover:not(.mat-option-disabled),
.tagsAutocomplete.mat-autocomplete-panel:not([class*=mat-elevation-z]) .mat-option:focus:not(.mat-option-disabled) {
background: rgb(240, 247, 253);
}
.weaveTags {
border: 1px solid #b1b2af;
border-radius: 5px;
}
.weaveTags .mat-form-field-wrapper {
padding: 0;
}
.weaveTags.mat-form-field-appearance-fill .mat-form-field-flex {
background: #fff;
padding: 13px 14px;
border-radius: 5px;
}
.weaveTags.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0;
border-top: 0;
}
.weaveTags .mat-basic-chip {
border-radius: 5px;
background-color: rgba(75, 76, 71, 0.6);
padding: 4px 11px;
color: #fff;
font-size: 12px;
font-weight: 800;
text-align: center;
line-height: 1;
margin-right: 10px;
}
.weaveTags .mat-basic-chip .removeTagIcon {
width: 20px;
height: 20px;
}
.itemsFilterSelected {
border: solid 1px rgb(144, 144, 139);
background: #fff;
padding: 7px 16px 6px;
border-radius: 5px;
font-size: 15px;
}
.itemsFilterSelected .fieldToggler {
width: 400px;
display: inline-block;
}
.itemsFilterSelected .itemsFilterSelected_title {
font-weight: bold;
}
.itemsFilterSelected button {
display: inline;
font-weight: bold;
float: right;
margin-top: 5px;
cursor: pointer;
}
[type=text].itemsFilterSelected_field,
[type=text].itemsFilterSelected_field:focus {
color: #4b4c47;
border: solid 1px rgb(144, 144, 139);
background: #fff;
padding: 7px 16px 6px;
border-radius: 5px;
font-size: 15px;
margin-bottom: 0;
}
input.itemsFilterSelected_field::placeholder {
color: #3a3a37;
opacity: 0.5;
}
.selectPreviewData {
padding: 20px 10px;
margin: 0;
cursor: pointer;
}
.newLabel {
color: #707265;
font-size: 12px;
line-height: 1.5em;
padding: 0 0 1px 0;
text-align: left;
text-transform: uppercase;
font-weight: bold;
}
.weaveTrueFalse {
margin-top: 32px;
}
.weaveTrueFalse.simpleCheckbox input[type=checkbox] + label {
background-position-y: 2px;
}
.weaveFormField {
position: relative;
}
.weaveFormField .weaveInput,
.weaveFormField .weaveInput[type=password] {
margin-bottom: 0;
}
.weaveFormField textarea {
width: 100%;
}
.weaveFormField .weaveInput:focus-visible,
.weaveFormField .weaveInput[type=password]:focus-visible,
.weaveFormField [type=text]:focus-visible,
.weaveFormField textarea:focus-visible {
border: 1px solid #fed766;
outline: none;
}
.weaveFormField.error .weaveInput,
.weaveFormField.error .mat-select {
border-color: var(--error-color) !important;
}
.weaveFormField label {
color: var(--dark-grey);
font-weight: bold;
}
.weaveFormField .weaveSelect .mat-select {
margin-top: 0;
padding: 10px 5px 10px 15px;
border-radius: 8px;
}
.weaveFormField .weaveSelect .mat-form-field-wrapper {
padding-bottom: 0;
}
.weaveFormField {
}
.weaveFormField .weaveTextareaWrapper.hasAutoHeight {
display: grid;
}
.weaveFormField .weaveTextareaWrapper.hasAutoHeight:after {
content: attr(data-replicated-value) " ";
white-space: pre-wrap;
visibility: hidden;
}
.weaveFormField .weaveTextareaWrapper.hasAutoHeight > .weaveTextareaFlat {
resize: none;
overflow: hidden;
}
.weaveFormField .weaveTextareaWrapper.hasAutoHeight > .weaveTextareaFlat,
.weaveFormField .weaveTextareaWrapper.hasAutoHeight:after {
line-height: 22px;
font-size: 16px;
padding: 20px 10px;
min-height: 62px;
white-space: pre-wrap;
overflow-wrap: break-word;
border: 1px solid var(--form-border-color);
border-radius: 8px;
background: #fff;
width: 100%;
color: var(--dark-grey);
margin: 0;
grid-area: 1/1/2/2;
}
.weaveFormField .weaveFormField_error {
position: absolute;
bottom: 5px;
color: var(--error-color);
font-size: 14px;
line-height: 1;
}
.weaveFormField.weaveFormFieldRadio .weaveFormField_error {
bottom: 22px;
}
.weaveFilterSelect .itemFilters {
position: relative;
}
.weaveFilterSelect .itemFilters .material-icons {
position: absolute;
right: 2px;
top: 6px;
}
.weaveSearch {
position: relative;
}
.weaveSearch input {
padding: 10px 5px 10px 30px;
border-radius: 8px;
border: 1px solid var(--form-border-color);
width: 100%;
height: 40px;
background: #fff;
}
.weaveSearch .searchIcon {
position: absolute;
top: 10px;
left: 8px;
font-size: 21px;
}
.weaveTableEdit .weaveFormField_error {
bottom: -4px;
}
.repeaterContainer {
position: relative;
}
.repeaterContainer .editTd button {
margin-top: -10px;
}
.repeaterFunctions {
position: relative;
}
.repeaterFunctions button {
position: relative;
top: 20px;
}
.radio.darkRadio input + label {
background-image: url("./media/radio_on_dark.svg"), url("./media/radio_off_dark.svg");
background-size: 25px;
}
.impersonate-form .mat-menu-content:not(:empty) {
padding: 0;
}
.impersonate-form.mat-menu-panel {
min-height: auto;
}
.crate-new-menu {
width: 220px;
background: #fff;
}
.crate-new-menu .mat-menu-content:not(:empty) {
padding: 0;
}
.crate-new-menu div.mat-menu-item {
color: var(--dark-grey);
}
.crate-new-menu div.mat-menu-item:hover {
background: var(--header-bg);
}
.crate-new-menu div.mat-menu-item a {
text-decoration: none;
font-size: 16px;
}
app-inline-radio-buttons .weaveRadioGroup mat-radio-button label.mat-radio-label {
padding: 0;
display: flex;
align-items: center;
margin-bottom: 0.5em;
line-height: 1;
}
app-inline-radio-buttons .weaveRadioGroup .mat-radio-group-vertical {
gap: 0;
}
@media only screen and (max-width: 1440px) {
.crate-new-menu div.mat-menu-item {
padding: 0.5rem 0.4rem 1rem 0.4rem;
}
}
input:focus {
outline: none;
}
.weaveFormField.inlineSelect .weaveSelect {
display: flex;
column-gap: 5px;
}
.weaveFormField.inlineSelect .mat-form-field-wrapper {
margin-top: 3px;
}
.weaveFormField.inlineSelect .weaveSelect .mat-select {
border: 0;
padding: 0 5px 0 0;
background: none !important;
font-size: 14px;
font-weight: bold;
}
a.datePickerLink {
text-decoration: underline;
position: relative;
}
a.datePickerLink:after {
position: absolute;
content: "";
display: block;
background: url("./media/calendar.svg") no-repeat;
background-size: 16px;
right: -20px;
top: 2px;
width: 16px;
height: 16px;
}
.mat-menu-item.addItem,
.mat-menu-item.editItem,
.mat-menu-item.addItem:hover,
.mat-menu-item.editItem:hover {
background: url("./media/add.svg") no-repeat;
background-position-y: 8px;
background-size: 20px;
background-position-x: 5px;
width: 100%;
text-align: left;
padding: 10px 30px;
}
.mat-menu-item.addItem:hover,
.mat-menu-item.editItem:hover {
background-color: var(--header-bg);
}
.mat-menu-item.editItem,
.mat-menu-item.editItem:hover {
background-image: url("./media/edit.svg");
}
.form-error {
color: var(--error-color);
}
table {
width: 100%;
}
.listingTable {
border: none;
margin-bottom: 34px;
border-collapse: collapse;
border-spacing: 2px;
width: 100%;
}
.listingTable th {
background-color: var(--table-header-bg);
line-height: 1.9em;
font-size: 1.2rem;
font-weight: 800;
margin: 0;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: left;
padding: 5px 5px 0;
height: 40px;
}
.listingTable thead th > span.columnSorter {
margin-top: -2px;
}
.listingTable thead th > span {
display: block;
float: left;
position: relative;
}
.listingTable th.clickable {
cursor: pointer;
}
.listingTable th.clickable .sorter {
margin-top: -2px;
}
.listingTable td {
line-height: 1.9em;
padding: 12px 5px 10px;
}
.listingTable tbody tr:nth-child(odd) {
background-color: #fff;
}
.listingTable tbody tr:nth-child(even) {
background-color: var(--table-even-row-bg);
}
.listingTable th:first-child,
.listingTable td:first-child {
padding-left: var(--page-padding);
}
.listingTable td.check-column:first-child {
padding-left: 12px;
}
.clickableColumn {
cursor: pointer;
}
.paginator-wrapper > .paginator-results {
text-align: center;
}
.paginator-wrapper ul.pagination {
list-style: none;
margin: 0 0 16px;
padding: 0;
display: flex;
justify-content: center;
column-gap: 14px;
}
.paginator-wrapper ul.pagination li.next-item a,
.paginator-wrapper ul.pagination li.previous-item a {
display: flex;
padding: 0;
width: 22px;
height: 22px;
justify-content: center;
align-items: center;
}
.paginator-wrapper ul.pagination li.next-item i,
.paginator-wrapper ul.pagination li.previous-item i {
font-size: 14px;
}
.paginator-wrapper ul.pagination li.next-item {
margin-top: -6px;
margin-left: 15px;
}
.paginator-wrapper ul.pagination li.previous-item {
margin-top: -6px;
margin-right: 15px;
}
.paginator-wrapper ul.pagination li.previous-item i {
width: 8px;
}
.paginator-wrapper ul.pagination a {
background: none;
color: var(--dark-grey);
border-radius: 5px;
padding: 3px 10px;
}
.paginator-wrapper ul.pagination a:hover,
.paginator-wrapper ul.pagination a.active {
background: var(--dark-grey);
color: #fff;
}
.tableWrapper {
max-width: 1620px;
margin: auto;
}
.tableWrapper h1 {
margin-top: 50px;
}
.mat-calendar-table-header th {
background: #fff;
line-height: 1.2;
}
.mat-calendar-table,
.mat-calendar-table-header,
.mat-calendar-body {
border: none;
}
table.mat-calendar-table tbody tr:nth-child(even) {
background-color: transparent;
}
app-weave-repeater table.weaveRepeater,
app-inline-repeater table.weaveRepeater {
border: none;
}
app-weave-repeater table.weaveRepeater thead,
app-weave-repeater table.weaveRepeater th,
app-inline-repeater table.weaveRepeater thead,
app-inline-repeater table.weaveRepeater th {
background: none;
border: none;
}
app-weave-repeater table.weaveRepeater th,
app-inline-repeater table.weaveRepeater th {
font-size: 12px;
font-weight: 800;
padding: 10px 20px 10px 0 !important;
text-transform: uppercase;
}
app-weave-repeater table.weaveRepeater th.editTh,
app-inline-repeater table.weaveRepeater th.editTh {
width: 2px;
}
app-weave-repeater table.weaveRepeater tbody,
app-inline-repeater table.weaveRepeater tbody {
border: none;
background: none;
}
app-weave-repeater table.weaveRepeater tbody tr,
app-weave-repeater table.weaveRepeater tbody td,
app-inline-repeater table.weaveRepeater tbody tr,
app-inline-repeater table.weaveRepeater tbody td {
background: none;
border: none;
}
app-weave-repeater table.weaveRepeater tbody tr,
app-inline-repeater table.weaveRepeater tbody tr {
position: relative;
}
app-weave-repeater table.weaveRepeater tbody tr .notificationsIcon,
app-inline-repeater table.weaveRepeater tbody tr .notificationsIcon {
top: 30px !important;
left: -20px !important;
}
app-weave-repeater table.weaveRepeater tbody td,
app-inline-repeater table.weaveRepeater tbody td {
padding: 10px 20px 10px 0 !important;
vertical-align: top;
}
app-weave-repeater table.weaveRepeater tbody td input,
app-inline-repeater table.weaveRepeater tbody td input {
margin: 0;
}
app-weave-repeater table.weaveRepeater tbody td.editTd,
app-inline-repeater table.weaveRepeater tbody td.editTd {
padding: 0 !important;
vertical-align: middle;
}
app-weave-repeater table.weaveRepeater,
app-inline-repeater table.weaveRepeater {
margin-bottom: 5px;
background: none;
}
app-inline-repeater {
cursor: pointer;
}
button.removeRow {
font-size: 12px;
font-weight: 800;
}
.weaveTable thead,
.plainLookingTable.weaveTable thead {
background: #ede9db;
border-bottom: 1px solid #d2c6a1;
}
.weaveTable thead th.inst-name,
.plainLookingTable.weaveTable thead th.inst-name {
padding-left: 40px;
}
.weaveTable thead th span,
.plainLookingTable.weaveTable thead th span {
display: block;
float: left;
max-height: 22px;
}
.weaveTable thead th span.sorter,
.plainLookingTable.weaveTable thead th span.sorter {
margin-left: 10px;
margin-top: -2px;
}
.weaveTable thead th.clickable,
.plainLookingTable.weaveTable thead th.clickable {
cursor: pointer;
}
.weaveTable thead .search-wrapper,
.plainLookingTable.weaveTable thead .search-wrapper {
display: inline-block;
width: 90%;
margin-left: 10px;
text-align: center;
}
.weaveTable thead .search-wrapper .searchFieldNoButtonContainer,
.plainLookingTable.weaveTable thead .search-wrapper .searchFieldNoButtonContainer {
width: 350px;
margin: auto;
}
.weaveTable tbody tr,
.plainLookingTable.weaveTable tbody tr {
border-bottom: 1px solid #cecfcb;
}
.weaveTable tbody tr td,
.plainLookingTable.weaveTable tbody tr td {
padding-top: 12px;
padding-bottom: 12px;
color: var(--dark-grey);
vertical-align: middle;
}
.weaveTable tbody tr td.institution-name,
.plainLookingTable.weaveTable tbody tr td.institution-name {
position: relative;
background: none;
padding-left: 40px;
width: 250px;
}
.weaveTable tbody tr td.school-name,
.plainLookingTable.weaveTable tbody tr td.school-name {
width: 250px;
}
.weaveTable tbody tr td.program-name,
.plainLookingTable.weaveTable tbody tr td.program-name {
width: 350px;
}
.weaveTable tbody tr td.due-date,
.plainLookingTable.weaveTable tbody tr td.due-date {
width: 200px;
}
.weaveTable tbody tr td.program-team,
.plainLookingTable.weaveTable tbody tr td.program-team {
width: 320px;
}
.weaveTable tbody tr td.accreditation-manager-cell,
.plainLookingTable.weaveTable tbody tr td.accreditation-manager-cell {
padding: 0 0 26px 0;
}
.weaveTable tbody tr td.institution-name::before,
.plainLookingTable.weaveTable tbody tr td.institution-name::before {
content: " ";
position: absolute;
left: 20px;
top: calc(50% - 8px);
width: 10px;
height: 10px;
border-radius: 50%;
}
.weaveTable tbody tr td.status-notstarted::before,
.plainLookingTable.weaveTable tbody tr td.status-notstarted::before {
background: var(--notStarted);
}
.weaveTable tbody tr td.status-inprogress::before,
.plainLookingTable.weaveTable tbody tr td.status-inprogress::before {
background: var(--progress);
}
.weaveTable tbody tr td.status-submit::before,
.plainLookingTable.weaveTable tbody tr td.status-submit::before {
background: var(--submitted);
}
.weaveTable tbody tr td.status-complete::before,
.plainLookingTable.weaveTable tbody tr td.status-complete::before {
background: var(--completed-bg);
}
.weaveTable tbody tr td ul.manager-list,
.plainLookingTable.weaveTable tbody tr td ul.manager-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
float: left;
flex-wrap: wrap;
width: 90%;
}
.weaveTable tbody tr td ul.manager-list li,
.plainLookingTable.weaveTable tbody tr td ul.manager-list li {
margin-right: 5px;
margin-bottom: 5px;
}
.weaveTable tbody tr td .manager-name,
.plainLookingTable.weaveTable tbody tr td .manager-name {
float: left;
margin-left: 5px;
padding-top: 5px;
}
.weaveTable tbody tr td a.disabled,
.plainLookingTable.weaveTable tbody tr td a.disabled {
pointer-events: none;
opacity: 0.5;
}
.weaveTable tbody tr td .functionsWrapper,
.plainLookingTable.weaveTable tbody tr td .functionsWrapper {
position: absolute;
right: 0;
top: calc(50% - 20px);
}
.weaveTable tbody tr.inactive,
.plainLookingTable.weaveTable tbody tr.inactive {
opacity: 0.5;
pointer-events: none;
}
.weaveTable tbody tr td:last-child,
.plainLookingTable.weaveTable tbody tr td:last-child {
padding-bottom: 7px;
}
.weaveTable tbody tr:nth-child(even),
.plainLookingTable.weaveTable tbody tr:nth-child(even) {
border-bottom: 1px solid #cecfcb;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src:
local("Material Icons"),
local("MaterialIcons-Regular"),
url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
.create-new-project-wrapper {
text-align: center;
padding-top: 150px;
}
.create-new-project-wrapper h1 {
text-align: center;
}
.create-new-project-wrapper > div {
text-align: left;
display: inline-block;
}
.create-new-project-wrapper .help-table {
margin: 1rem 0;
position: relative;
}
.create-new-project-wrapper .help-table > .col {
vertical-align: top;
}
.create-new-project-wrapper .confirm-new-project-header {
margin-bottom: 60px;
}
.create-new-project-wrapper .create-project-radio-wrapper {
margin: 0 0 0 90px;
}
.create-new-project-wrapper .project-format {
margin: 3rem 0;
}
.create-new-project-wrapper .project-format table.projectsTable th.dash-project-name-th {
width: 65%;
}
.create-new-project-wrapper .project-format .radio {
margin: 0;
}
.create-new-project-wrapper .project-select {
width: 860px;
}
.create-new-project-wrapper .project-select .project-filters .input {
margin: 0;
}
.create-new-project-wrapper .project-select .project-filters select {
margin: 0;
width: auto;
}
.create-new-project-wrapper .project-select .project-filters > .col {
padding: 0 10px;
width: 50%;
}
#project-title {
width: 500px;
margin-right: 20px;
}
#reporting-period-select {
min-width: 250px;
}
li.delete-project-option {
margin: 3px 0 0;
padding: 3px 0 0;
border-top: 1px solid grey;
}
.terms-conditions-wrapper {
width: 880px;
margin: auto;
}
.terms-conditions-wrapper .weave-top-logo {
padding: 20px;
text-align: center;
}
.terms-conditions-wrapper p {
font-size: 14px;
}
.terms-conditions-wrapper .terms-conditions-content {
height: calc(100vh - 400px);
overflow: auto;
}
.terms-conditions-wrapper .stepButtonsContainer {
margin: 40px 0;
}
.terms-conditions-wrapper .checkbox-container {
margin: 40px 0 0;
}
.terms-conditions-wrapper .copyright {
margin: 0 0 10px;
}
.terms-conditions-wrapper footer {
text-align: center;
}
.terms-conditions-wrapper .reject-content {
margin: 100px auto;
width: 440px;
text-align: center;
}
a:not(.button) {
color: inherit;
text-decoration: underline;
}
a:not(.button):hover {
text-decoration: none;
}
a:not(.button, ul.firepad-dropdown-menu a):active {
opacity: 0.8;
}
ul.firepad-dropdown-menu a:active,
a.firepad-dropdown:active {
opacity: 1 !important;
}
:focus {
outline: none;
}
.modal-dialog.firepadModal {
background: transparent;
border: none;
box-shadow: none;
}
md-switch {
height: auto;
line-height: normal;
}
md-switch.md-default-theme .md-bar,
md-switch .md-bar {
background-color: rgb(158, 158, 158);
}
md-switch.md-default-theme .md-thumb,
md-switch .md-thumb {
background-color: rgb(250, 250, 250);
}
md-switch.md-default-theme .md-ink-ripple,
md-switch .md-ink-ripple {
color: rgb(158, 158, 158);
}
md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
background-color: #dac38b;
}
md-switch.md-default-theme.md-checked.md-warn .md-ink-ripple,
md-switch.md-checked.md-warn .md-ink-ripple {
color: #dac38b;
}
md-switch.md-default-theme.md-checked .md-bar,
md-switch.md-checked .md-bar {
background-color: rgba(218, 195, 139, 0.5);
}
.lock-reponse-area > md-switch {
margin-bottom: -2px;
margin-top: -1px;
}
.column,
.columns {
padding-left: 0.35rem;
padding-right: 0.35rem;
}
.row .row {
margin-left: -0.35rem;
margin-right: -0.35rem;
}
.help-text {
font-family: "Rubik";
font-style: normal;
}
.help-table,
.help-table-50,
.help-table-33,
.help-table-25 {
display: table;
width: 100%;
}
.help-table > .col,
.help-table-50 > .col,
.help-table-33 > .col,
.help-table-25 > .col {
display: table-cell;
vertical-align: middle;
}
.help-table-50 > .col {
width: 50%;
}
.help-table-33 > .col {
width: 33.333%;
}
.help-table-25 > .col {
width: 25%;
}
.help-table-33 > .col66 {
width: 66.666%;
}
.ng-enter.ng-enter-active,
.ng-leave {
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.ng-leave.ng-leave-active,
.ng-enter {
opacity: 0;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.panelExpandBox.accordion .maximizeButton {
top: 0;
}
@-webkit-keyframes opac {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes opac {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
a.show-less {
line-height: 10px;
}
a span[class^=ion] {
text-decoration: none;
}
body .block-ui-wrapper {
background: rgba(255, 255, 255, 0.5);
}
body .block-ui-spinner {
display: flex;
justify-content: center;
align-content: center;
}
.block-ui-active > .block-ui-container {
cursor: default;
}
.block-ui-wrapper {
cursor: default !important;
}
body .loader {
border-top: 1.1em solid rgba(58, 58, 55, 0.2);
border-bottom: 1.1em solid rgba(58, 58, 55, 0.2);
border-right: 1.1em solid rgba(58, 58, 55, 0.2);
}
.button {
background-color: var(--buttonBg);
color: var(--plainWhite);
border-radius: 20px;
font-size: 14px;
line-height: 18px;
font-weight: bold;
padding: 11px 30px;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.button:hover,
.button:focus {
background-color: var(--buttonHover);
color: var(--plainWhite);
}
.button:active {
background-color: var(--buttonActive);
color: var(--plainWhite);
}
.button.dropdown .button-title {
padding-right: 17px;
}
.button.dropdown .button-divider {
right: 40px;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
content: "";
border-color: #fefefe transparent transparent;
border-style: solid inset inset;
border-width: 0.4em 0.4em 0;
position: relative;
top: 8px;
float: right;
margin-left: 0;
right: -10px;
}
.button.secondary {
background-color: var(--plainWhite);
color: var(--dark-grey);
border: solid 1px var(--light-grey);
}
.button.secondary:hover,
.button.secondary:focus {
background-color: var(--dark-grey);
color: var(--plainWhite);
}
.button.secondary.dropdown::after {
border-color: var(--dark-grey) transparent transparent;
}
.button.secondary.dropdown .button-divider {
border-color: var(--light-grey);
}
.button.action-alert {
background-color: var(--dashboard-red);
color: var(--plainWhite);
}
.button-group .button:not(:last-child) {
margin-right: 0;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border-right: 0;
}
.button-group .button:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.button.dropdown {
position: relative;
}
.button.dropdown span.button-divider {
position: absolute;
height: 100%;
width: 1px;
top: 0;
display: inline-block;
border-right-width: 1px;
border-right-style: solid;
}
.button[disabled],
.button.disabled,
.button.secondary[disabled],
.button.secondary.disabled {
background-color: var(--buttonDisabled);
color: var(--plainWhite);
opacity: 1;
cursor: not-allowed;
}
.button[disabled]:hover,
.button[disabled]:focus,
.button[disabled]:active,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
.button.secondary[disabled]:hover,
.button.secondary[disabled]:focus,
.button.secondary[disabled]:active,
.button.secondary.disabled:hover,
.button.secondary.disabled:focus,
.button.secondary.disabled:active {
background-color: var(--buttonDisabled);
color: var(--plainWhite);
box-shadow: none;
}
.button.googleSSO {
background-color: var(--google-button-bg);
color: var(--dark-grey);
}
.button.googleSSO:hover,
.button.googleSSO:focus {
background-color: var(--google-button-bg);
color: var(--dark-grey);
}
button.close-button {
background-color: transparent;
color: var(--dark-grey);
border: 0;
box-shadow: none;
}
.split-button {
position: relative;
}
.split-button .dropdown-pane {
border: none;
width: calc(100% + 40px);
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.split-button .is-open .button.secondary.dropdown {
border: 2px solid var(--form-border-color);
}
.split-button .is-open .button.secondary.dropdown .button-divider {
border-color: var(--form-border-color);
border-width: 2px;
}
.dropdown-button {
display: inline-block;
}
.inlineButton {
cursor: pointer;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
.spinner:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -6px;
margin-left: 85px;
border-radius: 50%;
border: 2px solid #ffffff;
border-top-color: #000000;
animation: spinner 0.8s linear infinite;
}
.buttonLikeLink {
background: transparent;
border: none;
color: var(--dark-grey);
text-decoration: underline;
cursor: pointer;
}
.buttonWrapper {
display: flex;
justify-content: center;
gap: 20px;
margin: 20px 0;
}
.mat-mdc-menu-content .material-icons {
vertical-align: bottom;
}
.button:disabled {
cursor: not-allowed;
}
*:focus {
outline: none;
}
.slds-dropdown {
display: none;
}
.keyboardNav *:focus {
outline: 3px solid #0091FF;
}
.keyboardNav .slds-dropdown-holder {
position: relative;
}
.keyboardNav .slds-dropdown.open {
display: block;
}
.keyboardNav .slds-dropdown__list {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 200px;
overflow-y: scroll;
z-index: 1000;
background: #fff;
}
.login-outer-container .login-box {
text-align: center;
}
.login-outer-container .login-box h1 {
margin-top: 10px;
margin-bottom: 28px;
}
.login-outer-container .login-box p {
font-size: 18px;
}
.login-outer-container .login-box .input {
margin-bottom: 0;
}
.login-outer-container .login-box input[type=password],
.login-outer-container .login-box input[type=text].show-pwd {
margin-bottom: 12px;
}
.login-outer-container .login-box .buttonBox.doubleButton {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.login-outer-container .login-box .buttonBox.doubleButton .button {
width: 190px;
display: inline-block;
padding: 17px;
height: 50px;
margin: 0 0 12px;
}
.login-outer-container .login-box .button {
font-size: 15px;
line-height: 1;
color: #fff;
background: #0268ad;
border: 1px solid #0268ad;
border-radius: 5px;
font-weight: bold;
}
.login-outer-container .login-box .buttonBox {
margin-bottom: 0;
}
.login-outer-container .login-box .buttonBox input {
margin-bottom: 12px;
}
.login-outer-container .login-box .buttonBox.googleSSOWrap {
margin: 0;
border-radius: 5px;
}
.login-outer-container .login-box .sentResetEmail {
color: #fff;
}
.aabiLogin .buttonBox .button.action {
background: #E74C3C;
border: 1px solid #E74C3C;
color: #fff;
border-radius: 5px;
font-weight: 700;
}
.seacLogin .buttonBox .button.action {
background: #001A57;
border: 1px solid #001A57;
color: #fff;
border-radius: 5px;
font-weight: 700;
}
.forgot-container {
text-align: center;
font-size: 15px;
font-weight: 700;
padding: 0;
}
.resetForm,
.resetForm label {
color: #fff;
}
#id-credentials-content .input {
max-width: 100%;
}
#id-credentials-content input {
margin: 0;
}
#id-credentials-content button {
margin: 0;
}
#id-credentials-content a {
font-size: 12px;
}
.showHidePwdBox {
position: absolute;
right: -10px;
top: 29px;
}
#id-loginPage .showHidePwdBox {
top: 6px;
}
.showHidePwdBox * {
-webkit-transition: none;
transition: none;
}
.showHidePwdBox .material-icons {
line-height: 1.8;
position: absolute;
right: 35px;
}
.showHidePwdBox input {
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.showHidePwdBox input + label {
border-radius: 3px;
color: #372a04;
margin-bottom: 0;
padding: 0;
z-index: 1;
width: 50px;
line-height: 44px;
text-align: center;
}
.showHidePwdBox label {
display: block;
}
input.show-pwd {
padding-right: 5em;
}
.loginPage-inner {
display: table-cell;
vertical-align: middle;
}
.loginPage .form-error {
text-align: left;
}
.loginPage .forgot {
margin: auto auto 12px;
}
.loginPage .button {
width: 100%;
}
.loginFooter {
text-align: center;
height: 50px;
color: #a39061;
}
.loginFooter > h6 {
color: var(--dark-grey);
font-weight: 400;
margin: 0;
}
.loginPage .ldap-link-wrap {
margin-top: 5px;
font-size: 12px;
}
.loginPage .ldap-continue {
margin: 0 5px;
}
.resetPass {
background-color: var(--plainWhite);
border-radius: 3px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
margin: auto;
padding: 2em;
text-align: center;
max-width: 420px;
min-width: 310px;
}
.newPass {
background-color: var(--plainWhite);
border-radius: 3px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
margin: auto;
padding: 2em;
text-align: center;
max-width: 420px;
min-width: 310px;
}
.forgotUN {
background-color: var(--plainWhite);
border-radius: 3px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
margin: auto;
padding: 2em;
text-align: center;
max-width: 420px;
min-width: 310px;
}
.choice {
font-size: 12px;
margin-bottom: 12px;
}
.hero {
display: grid;
grid-template-columns: repeat(1, minmax(100px, 400px));
grid-template-rows: auto;
justify-content: space-around;
align-content: center;
background-size: cover;
height: 100vh;
position: relative;
}
.loginPage-inner {
text-align: center;
z-index: 2;
}
.hiddenLabel {
display: none;
}
.darkBackground {
color: #fff;
}
.darkBackground.loginPage .forgot,
.darkBackground.loginPage .forgot a {
color: #fff;
}
.darkBackground .input {
color: #4b4c47;
}
.darkBackground [type=text],
.darkBackground [type=password] {
border: 1px solid #b1b2af;
background: #fff;
color: #4b4c47;
}
.darkBackground [type=text]:focus,
.darkBackground [type=password]:focus {
border: 1px solid #b1b2af;
color: #4b4c47;
}
.darkBackground ::-webkit-input-placeholder {
color: #4b4c47;
}
.darkBackground ::-moz-placeholder {
color: #4b4c47;
}
.darkBackground :-ms-input-placeholder {
color: #4b4c47;
}
.darkBackground :-moz-placeholder {
color: #4b4c47;
}
.darkBackground input::placeholder {
color: #4b4c47;
}
.darkBackground .button.googleSSO {
background: #fff3d6;
}
.lightBackground .login-outer-container .login-box .sentResetEmail {
color: #4b4c47;
}
.loginPage .input {
max-width: 100%;
margin: 0;
}
.loginPage [type=text],
.loginPage [type=password] {
border-radius: 5px;
padding: 13px 18px;
margin: 0 0 15px;
}
.loginPage .passwordContainer {
margin: 0;
}
.loginPage .form-error {
margin-top: -40px;
}
.loginPage .forgotForm .form-error {
margin: -40px 0 0;
height: 40px;
}
.poweredBy {
margin-top: 30px;
}
.poweredBy a {
font-size: 15px;
text-decoration: none;
font-weight: 500;
}
.poweredBy img {
width: 150px;
margin-left: 10px;
}
.passwordContainer .form-error {
margin-top: -12px;
}
.hero.cahmeLogin {
background-image: url(/assets/img/bg/CAHME_Weave_LandingPage_Background.jpg);
}
.hero.abheLogin {
background-image: url(/assets/img/bg/ABHE_background.jpg);
}
.hero.weave-accreditorLogin {
background-image: url(/assets/img/bg/Weave_Accreditor_LandingPageBackground.jpg);
}
.hero.gacLogin {
background-image: url(/assets/img/bg/GAC_CustomLogin_Bacground_new.png);
background-position: top center;
}
.hero.gacLogin .loginLogo {
display: none;
}
.hero.gacLogin .button.large.action {
border: none;
color: #fff;
background-color: #4F17A8;
}
.hero.acompteLogin {
background-image: url(/assets/img/bg/ACOMPTE_LandingPageBackground.png);
background-position: top center;
}
.hero.acompteLogin .loginLogo {
display: none;
}
.hero.acompteLogin .button.large.action {
border: none;
color: #fff;
background-color: #A5195C;
}
.hero.naabLogin {
background-image: url(/assets/img/bg/NAAB_Background_IMG.png);
background-position: top center;
}
.hero.naabLogin .loginLogo {
display: none;
}
.hero.naabLogin .button.large.action {
border: none;
color: #fff;
background-color: #B7779B;
}
.hero.iheacouncilLogin {
background-image: url(/assets/img/bg/IHEA_Background_updated.jpg);
background-position: top center;
}
.hero.iheacouncilLogin .loginLogo {
display: none;
}
.hero.iheacouncilLogin .button.large.action {
border: none;
color: #fff;
background-color: #262161;
}
.hero.meacLogin {
background: #303D53;
}
.hero.meacLogin .button.large.action {
border: none;
color: #fff;
background-color: #AA8480;
}
.hero.archspmLogin {
background: #54bbf9;
}
.hero.archspmLogin .loginLogo img {
width: 400px;
max-width: 100%;
}
.hero.archspmLogin .button.large.action {
border: none;
color: #fff;
background-color: #1e355b;
}
.hero.abfseLogin {
background: #C5E0F1;
background:
linear-gradient(
90deg,
rgb(197, 224, 241) 0%,
rgb(255, 255, 255) 0%,
rgb(195, 222, 241) 100%);
}
.hero.abfseLogin .button.large.action {
border: none;
color: #fff;
background-color: #004f87;
}
.hero.caahepLogin {
grid-template-columns: repeat(1, minmax(100px, 800px));
min-height: 860px;
}
.hero.caahepLogin .loginPage-inner {
padding: 400px 200px 40px;
background-image: url(/assets/img/bg/CAAHEP_CustomLogin_v2_Background.png);
background-repeat: no-repeat;
background-size: 1500px;
background-position-x: 50%;
}
.hero.caahepLogin {
background-color: #254891;
}
.hero.caahepLogin .loginLogo {
display: none;
}
.hero.caahepLogin .button.large.action {
border: none;
color: #fff;
background-color: #254891;
}
.hero.alaLogin {
background-image: url(/assets/img/bg/ALA_Background.png);
background-position: top center;
}
.hero.alaLogin .loginLogo {
display: none;
}
.hero.alaLogin .button.large.action {
border: none;
color: #fff;
background-color: #F03E33;
}
.hero.aabiLogin {
background-image: url(/assets/img/bg/AABI_LandingPageBackground.png);
}
.hero.seacLogin {
background-image: url(/assets/img/bg/SEAC_LAndingPageBackground.png);
}
.hero.acfLogin {
background-image: url(/assets/img/bg/ACF_LandingPageBackground.jpg);
}
.hero.acfLogin::after {
position: absolute;
width: 100%;
height: 100%;
content: " ";
background: rgba(0, 0, 0, 0.3);
display: block;
}
.hero.acfLogin .button.action {
border: none;
color: #fff;
background-color: #EF3E33;
}
.hero.acfLogin.darkBackground .loginLogo span {
border-radius: 50%;
background: #fff;
padding: 40px;
display: inline-block;
margin-bottom: 30px;
}
.hero.acfLogin.darkBackground .loginLogo span img {
width: 142px;
margin: 0;
}
.hero.aaqepLogin {
background-image: url(/assets/img/bg/AAQEP_LandingPage_Background_with_logo.png);
}
.hero.aaqepLogin .loginLogo {
display: none;
}
.hero.aaqepLogin .button.action {
border: none;
color: #fff;
background-color: #0795b2;
}
.hero.deacLogin {
background-image: url(/assets/img/bg/DEAC_LandingPage_Background.png);
}
.hero.deacLogin .loginLogo img {
width: 100%;
}
.hero.deacLogin .button.action {
border: none;
background-color: #b7cd96;
}
.hero.cocaLogin {
background-image: url(/assets/img/coca/COCA_Background.png);
background-position: left center;
}
.hero.cocaLogin .loginLogo img {
width: 280px;
}
.hero.cocaLogin .button.large.action {
border: none;
color: #fff;
background-color: #3DAAA6;
}
.loginLogo img {
width: 242px;
margin-bottom: 30px;
}
.registration.hero {
grid-template-columns: repeat(1, minmax(100px, 1022px));
}
.split {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-gap: 20px;
}
.split .rightColumn {
text-align: right;
}
.registration h1 {
margin-bottom: 50px;
}
.registration h2 {
border-bottom: 1px solid #979797;
text-align: left;
padding: 0 15px 15px;
}
.registration .weaveFormField,
.registration .weaveFormField mat-form-field {
width: 100%;
}
.registration .input label {
display: block;
padding: 0 0 5px 15px;
text-align: left;
text-transform: uppercase;
}
.registration .input input[type=text],
.registration .input input[type=email],
.registration .input input[type=tel],
.registration .input input[type=password] {
background-color: var(--plainWhite);
border: 2px solid var(--form-border-color);
box-shadow: none;
height: auto;
padding: 13px 18px;
border-radius: 5px;
width: 100%;
margin: 0 0 15px;
}
.registration .input input[type=text]:focus,
.registration .input input[type=email]:focus,
.registration .input input[type=tel]:focus,
.registration .input input[type=password]:focus {
background-color: var(--plainWhite);
border: 2px solid var(--form-border-color);
box-shadow: none;
}
.registration .input input[type=text].invalid,
.registration .input input[type=email].invalid,
.registration .input input[type=tel].invalid,
.registration .input input[type=password].invalid {
border-color: var(--error-color);
}
.registration .input .weaveDropdown {
width: 100%;
margin: 0 0 15px;
}
.registration .input .weaveDropdown .mdc-line-ripple {
display: none;
}
.registration .input .weaveDropdown .mat-mdc-form-field-subscript-wrapper {
display: none;
}
.doubleButton {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
}
.grecaptcha-badge {
visibility: hidden;
}
.autocomplete-loader {
height: 150px;
position: absolute;
width: 100%;
top: 60px;
background: #ffffff url("./media/ring.gif") center center no-repeat;
box-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
z-index: 1001;
}
mat-option.loading {
display: none;
}
.addressFieldsList {
gap: 20px;
}
.addressFieldsList li {
flex: 1;
}
.addressFieldsList .mat-mdc-text-field-wrapper {
max-width: unset;
width: 100%;
}
.confirmationIcon {
width: 100px;
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */