/** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. */ /* Theme for the ripple elements.*/ /** The mixins below are shared between md-menu and md-select */ /** * This mixin adds the correct panel transform styles based * on the direction that the menu panel opens. */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. */ /** * This mixin contains shared option styles between the select and * autocomplete components. */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-ripple { overflow: hidden; } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .mat-option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 48px; height: 48px; padding: 0 16px; font-size: 16px; font-family: Roboto, "Helvetica Neue", sans-serif; text-align: left; text-decoration: none; position: relative; cursor: pointer; outline: none; } .mat-option[disabled] { cursor: default; } [dir='rtl'] .mat-option { text-align: right; } .mat-option .mat-icon { margin-right: 16px; } [dir='rtl'] .mat-option .mat-icon { margin-left: 16px; } .mat-option[aria-disabled='true'] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .mat-option-ripple { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @media screen and (-ms-high-contrast: active) { .mat-option-ripple { opacity: 0.5; } } .mat-option-pseudo-checkbox { margin-right: 8px; } [dir='rtl'] .mat-option-pseudo-checkbox { margin-left: 8px; margin-right: 0; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; text-transform: none; width: 1px; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.48; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.6); } .cdk-overlay-transparent-backdrop { background: none; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected { color: #1976d2; } .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-checked.mat-primary, .mat-pseudo-checkbox-indeterminate.mat-primary { background: #2196f3; } .mat-pseudo-checkbox-checked.mat-accent, .mat-pseudo-checkbox-indeterminate.mat-accent { background: #ff9800; } .mat-pseudo-checkbox-checked.mat-warn, .mat-pseudo-checkbox-indeterminate.mat-warn { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active) { background: white; color: rgba(0, 0, 0, 0.87); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-raised-button.mat-primary .mat-button-focus-overlay, .mat-fab.mat-primary .mat-button-focus-overlay, .mat-mini-fab.mat-primary .mat-button-focus-overlay { background-color: rgba(25, 118, 210, 0.12); } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-raised-button.mat-accent .mat-button-focus-overlay, .mat-fab.mat-accent .mat-button-focus-overlay, .mat-mini-fab.mat-accent .mat-button-focus-overlay { background-color: rgba(239, 108, 0, 0.12); } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-raised-button.mat-warn .mat-button-focus-overlay, .mat-fab.mat-warn .mat-button-focus-overlay, .mat-mini-fab.mat-warn .mat-button-focus-overlay { background-color: rgba(229, 57, 53, 0.12); } .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-raised-button[disabled] .mat-button-focus-overlay, .mat-fab[disabled] .mat-button-focus-overlay, .mat-mini-fab[disabled] .mat-button-focus-overlay { background-color: transparent; } .mat-button, .mat-icon-button { background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary { color: #1976d2; } .mat-button.mat-accent, .mat-icon-button.mat-accent { color: #ef6c00; } .mat-button.mat-warn, .mat-icon-button.mat-warn { color: #e53935; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] { color: rgba(0, 0, 0, 0.38); } .mat-icon-button.mat-primary .mat-ripple-element { background-color: rgba(25, 118, 210, 0.26); } .mat-icon-button.mat-accent .mat-ripple-element { background-color: rgba(239, 108, 0, 0.26); } .mat-icon-button.mat-warn .mat-ripple-element { background-color: rgba(229, 57, 53, 0.26); } .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { color: rgba(0, 0, 0, 0.38); } .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #1976d2; } .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #ef6c00; } .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #e53935; } .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { background-color: rgba(0, 0, 0, 0.12); } .mat-fab, .mat-mini-fab { background-color: #ef6c00; color: white; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.06); } .mat-button-toggle-checked { background-color: #e0e0e0; color: black; } .mat-button-toggle-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-card { background: white; color: black; } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #2196f3; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff9800; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(25, 118, 210, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(239, 108, 0, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(229, 57, 53, 0.26); } .mat-chip:not(.mat-basic-chip) { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip) { background-color: #808080; color: rgba(255, 255, 255, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary { background-color: #2196f3; color: white; } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent { background-color: #ff9800; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn { background-color: #f44336; color: white; } .mat-dialog-container { background: white; } .mat-icon.mat-primary { color: #1976d2; } .mat-icon.mat-accent { color: #ef6c00; } .mat-icon.mat-warn { color: #e53935; } .mat-input-placeholder { color: rgba(0, 0, 0, 0.38); } .mat-focused .mat-input-placeholder { color: #1976d2; } .mat-focused .mat-input-placeholder.mat-accent { color: #ef6c00; } .mat-focused .mat-input-placeholder.mat-warn { color: #e53935; } .mat-input-element:disabled { color: rgba(0, 0, 0, 0.38); } input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required, .mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required { color: #ef6c00; } .mat-input-underline { border-color: rgba(0, 0, 0, 0.12); } .mat-input-underline .mat-input-ripple { background-color: #1976d2; } .mat-input-underline .mat-input-ripple.mat-accent { background-color: #ef6c00; } .mat-input-underline .mat-input-ripple.mat-warn { background-color: #e53935; } .mat-input-invalid .mat-input-placeholder, .mat-input-invalid .mat-placeholder-required { color: #e53935; } .mat-input-invalid .mat-input-underline { border-color: #e53935; } .mat-input-invalid .mat-input-ripple { background-color: #e53935; } .mat-input-error { color: #e53935; } .mat-list .mat-list-item, .mat-nav-list .mat-list-item { color: black; } .mat-list .mat-subheader, .mat-nav-list .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-nav-list .mat-list-item-content:hover, .mat-nav-list .mat-list-item-content.mat-list-item-focus { background: rgba(0, 0, 0, 0.04); } .mat-menu-content { background: white; } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon { color: rgba(0, 0, 0, 0.54); vertical-align: middle; } .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-progress-bar-background { background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23bbdefb%27%2F%3E%3C%2Fsvg%3E"); } .mat-progress-bar-buffer { background-color: #bbdefb; } .mat-progress-bar-fill::after { background-color: #1e88e5; } .mat-progress-bar.mat-accent .mat-progress-bar-background { background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe0b2%27%2F%3E%3C%2Fsvg%3E"); } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #ffe0b2; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #fb8c00; } .mat-progress-bar.mat-warn .mat-progress-bar-background { background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #e53935; } .mat-progress-spinner path, .mat-spinner path { stroke: #1e88e5; } .mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path { stroke: #fb8c00; } .mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path { stroke: #e53935; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-checked .mat-radio-outer-circle { border-color: #ef6c00; } .mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-inner-circle { background-color: #ef6c00; } .mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-ripple .mat-ripple-element { background-color: rgba(239, 108, 0, 0.26); } .mat-radio-disabled .mat-radio-ripple .mat-ripple-element { background-color: rgba(0, 0, 0, 0.38); } .mat-select-trigger { color: rgba(0, 0, 0, 0.38); } .mat-select:focus:not(.mat-select-disabled) .mat-select-trigger { color: #1976d2; } .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger { color: #e53935; } .mat-select-underline { background-color: rgba(0, 0, 0, 0.12); } .mat-select:focus:not(.mat-select-disabled) .mat-select-underline { background-color: #1976d2; } .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline { background-color: #e53935; } .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-select:focus:not(.mat-select-disabled) .mat-select-arrow { color: #1976d2; } .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow { color: #e53935; } .mat-select-content, .mat-select-panel-done-animating { background: white; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-sidenav-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-sidenav { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-sidenav.mat-sidenav-push { background-color: white; } .mat-sidenav-backdrop.mat-sidenav-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #ff9800; } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(255, 152, 0, 0.5); } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle .mat-ripple-element { background-color: rgba(255, 152, 0, 0.12); } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #2196f3; } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(33, 150, 243, 0.5); } .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-primary .mat-ripple-element { background-color: rgba(33, 150, 243, 0.12); } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.5); } .mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-warn .mat-ripple-element { background-color: rgba(244, 67, 54, 0.12); } .mat-disabled .mat-slide-toggle-thumb { background-color: #bdbdbd; } .mat-disabled .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.1); } .mat-slide-toggle-thumb { background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #1976d2; } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #ef6c00; } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: #e53935; } .mat-slider-focus-ring { background-color: rgba(239, 108, 0, 0.2); } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: black; } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid #e0e0e0; } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid #e0e0e0; border-bottom: none; } .mat-tab-label:focus { background-color: rgba(187, 222, 251, 0.3); } .mat-ink-bar { background-color: #2196f3; } .mat-tab-label, .mat-tab-link { color: currentColor; } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #1976d2; color: white; } .mat-toolbar.mat-accent { background: #ef6c00; color: white; } .mat-toolbar.mat-warn { background: #e53935; color: white; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } md-list-item md-icon, .mat-list-item-content md-icon { color: rgba(0, 0, 0, 0.54); } md-list-item md-icon[md-list-avatar], .mat-list-item-content md-icon[md-list-avatar] { background-color: rgba(0, 0, 0, 0.04); } .mat-list-text p { color: rgba(0, 0, 0, 0.38); } .mat-sidenav-container { background-color: #e0e0e0; } td-layout-nav md-toolbar, td-layout-nav-list md-toolbar, td-layout-manage-list md-toolbar, td-layout-card-over md-toolbar, td-navigation-drawer md-toolbar, td-layout md-toolbar { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); z-index: 1; } .td-layout-footer { background: whitesmoke; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } td-steps .td-steps-header { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } td-steps .td-step-content, td-steps .td-step-summary, td-steps .td-step-actions { margin: 16px; } td-steps .td-horizontal-line { border-bottom-color: rgba(0, 0, 0, 0.12); } td-steps .td-vertical-line { border-left-color: rgba(0, 0, 0, 0.12); } td-steps .td-step-header:focus, td-steps .td-step-header:hover { background: rgba(0, 0, 0, 0.04); } td-steps .td-step-header .td-step-label-wrapper .md-caption { color: rgba(0, 0, 0, 0.54); } td-steps .td-step-header .td-step-label-wrapper.mat-disabled, td-steps .td-step-header .td-step-label-wrapper.mat-disabled * { color: rgba(0, 0, 0, 0.38); } td-steps .td-step-header .td-step-label-wrapper.mat-warn, td-steps .td-step-header .td-step-label-wrapper.mat-warn * { color: #e53935; } td-steps .td-step-header .mat-complete { color: #ef6c00; } td-steps .td-circle { color: white; } td-steps .td-circle.mat-active { background-color: #ef6c00; } td-steps .td-circle.mat-inactive { background-color: rgba(0, 0, 0, 0.38); } td-steps .td-circle md-icon { fill: rgba(0, 0, 0, 0.87); } td-steps .td-triangle { color: #e53935; } td-steps .td-edit-icon { color: rgba(0, 0, 0, 0.54); } td-expansion-panel { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: white; } td-expansion-panel:not(:last-of-type) .td-expanded { margin-bottom: 16px; } td-expansion-panel:not(:first-of-type) .td-expanded { margin-top: 16px; } td-expansion-panel .td-expansion-panel-header:focus, td-expansion-panel .td-expansion-panel-header:hover { background: rgba(0, 0, 0, 0.04); } td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content md-icon.td-expand-icon { color: rgba(0, 0, 0, 0.54); } td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content.mat-disabled, td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content.mat-disabled * { color: rgba(0, 0, 0, 0.38); } td-expansion-panel md-icon.td-expand-icon { color: rgba(0, 0, 0, 0.54); } td-expansion-panel .td-expansion-label, td-expansion-panel .td-expansion-label *, td-expansion-panel .td-expansion-sublabel, td-expansion-panel .td-expansion-sublabel * { vertical-align: middle; } td-expansion-panel .td-expansion-sublabel { color: rgba(0, 0, 0, 0.54); } td-chips .mat-basic-chip { background: #e0e0e0; color: rgba(0, 0, 0, 0.87); } td-chips .mat-basic-chip:focus:not(.td-chip-disabled) { background: #1976d2; } td-chips .mat-basic-chip:focus:not(.td-chip-disabled), td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon { color: white; } td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon:hover, td-chips .mat-basic-chip:focus:not(.td-chip-disabled) md-icon md-icon:hover { color: rgba(0, 0, 0, 0.54); } td-chips .mat-basic-chip md-icon { color: rgba(0, 0, 0, 0.38); } td-chips .mat-basic-chip md-icon:hover { color: rgba(0, 0, 0, 0.54); } td-file-upload .td-file-upload-cancel md-icon { background-color: #fafafa; } td-file-input { /** * Class that is added ondragenter by the [TdFileDrop] directive. */ } td-file-input .drop-zone { transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .td-json-formatter-wrapper .td-key.td-key-node:focus, .td-json-formatter-wrapper .td-key.td-key-node:hover { background-color: rgba(0, 0, 0, 0.04); } .td-json-formatter-wrapper .key { color: #1976d2; } .td-json-formatter-wrapper .value .string { color: #e53935; } .td-json-formatter-wrapper .value .number { color: #ef6c00; } .td-json-formatter-wrapper .value .boolean { color: #ef6c00; } .td-json-formatter-wrapper .value .null, .td-json-formatter-wrapper .value .undefined { color: rgba(0, 0, 0, 0.38); } .td-json-formatter-wrapper .value .function { color: #1976d2; } .td-json-formatter-wrapper .value .date { color: rgba(0, 0, 0, 0.87); } td-paging-bar, td-paging-bar md-select .mat-select-value { color: rgba(0, 0, 0, 0.54); } .td-loading-wrapper.td-overlay .td-loading { background: rgba(255, 255, 255, 0.8); } table[td-data-table] .td-data-table-row { border-bottom-color: rgba(0, 0, 0, 0.12); } table[td-data-table] .mat-checkbox-cell, table[td-data-table] .mat-checkbox-column { color: rgba(0, 0, 0, 0.54); } table[td-data-table] .mat-checkbox-cell md-pseudo-checkbox.mat-pseudo-checkbox-checked, table[td-data-table] .mat-checkbox-column md-pseudo-checkbox.mat-pseudo-checkbox-checked { color: #ff9800; } table[td-data-table] .td-data-table-cell { font-size: 14px; font-weight: 400; letter-spacing: 0.010em; line-height: 20px; } table[td-data-table] .td-data-table-cell md-input-container .mat-input-underline { display: none; } table[td-data-table] .td-data-table-column { font-size: 12px; color: rgba(0, 0, 0, 0.54); } table[td-data-table] .td-data-table-column * { vertical-align: middle; } table[td-data-table] .td-data-table-column md-icon.td-data-table-sort-icon { color: rgba(0, 0, 0, 0.38); } table[td-data-table] .td-data-table-column.mat-active, table[td-data-table] .td-data-table-column.mat-active md-icon { color: black; } table[td-data-table].mat-selectable tbody > tr.td-data-table-row:not([disabled]):hover { background-color: rgba(0, 0, 0, 0.04); } table[td-data-table].mat-selectable tbody > tr.td-data-table-row.mat-selected { background-color: rgba(239, 108, 0, 0.12); } .mat-selected-title { background-color: rgba(239, 108, 0, 0.12); color: #ef6c00; } .td-notification-count { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .td-notification-count.mat-warn { background-color: #e53935; color: white; } .td-notification-count.mat-primary { background-color: #1976d2; color: white; } .td-notification-count.mat-accent { background-color: #ef6c00; color: white; }