Created
July 16, 2021 07:13
-
-
Save rkorebrits/424170a2cf2945395fd23679b11434ff to your computer and use it in GitHub Desktop.
Material theme CSS output example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .secondary-theme .mat-ripple-element { | |
| background-color: rgba(0, 0, 0, 0.1); | |
| } | |
| .secondary-theme .mat-option { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-option:hover:not(.mat-option-disabled), .secondary-theme .mat-option:focus:not(.mat-option-disabled) { | |
| background: rgba(0, 0, 0, 0.04); | |
| } | |
| .secondary-theme .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { | |
| background: rgba(0, 0, 0, 0.04); | |
| } | |
| .secondary-theme .mat-option.mat-active { | |
| background: rgba(0, 0, 0, 0.04); | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-option.mat-option-disabled { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-optgroup-label { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-optgroup-disabled .mat-optgroup-label { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-pseudo-checkbox { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-pseudo-checkbox::after { | |
| color: #fafafa; | |
| } | |
| .secondary-theme .mat-pseudo-checkbox-disabled { | |
| color: #b0b0b0; | |
| } | |
| .secondary-theme .mat-primary .mat-pseudo-checkbox-checked, | |
| .secondary-theme .mat-primary .mat-pseudo-checkbox-indeterminate { | |
| background: #0091ff; | |
| } | |
| .secondary-theme .mat-pseudo-checkbox-checked, | |
| .secondary-theme .mat-pseudo-checkbox-indeterminate, | |
| .secondary-theme .mat-accent .mat-pseudo-checkbox-checked, | |
| .secondary-theme .mat-accent .mat-pseudo-checkbox-indeterminate { | |
| background: #ef476f; | |
| } | |
| .secondary-theme .mat-warn .mat-pseudo-checkbox-checked, | |
| .secondary-theme .mat-warn .mat-pseudo-checkbox-indeterminate { | |
| background: #d50000; | |
| } | |
| .secondary-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, | |
| .secondary-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { | |
| background: #b0b0b0; | |
| } | |
| .secondary-theme .mat-app-background, .secondary-theme.mat-app-background { | |
| background-color: #fafafa; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .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); | |
| } | |
| .secondary-theme .mat-elevation-z24 { | |
| box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); | |
| } | |
| .mat-theme-loaded-marker { | |
| display: none; | |
| } | |
| .secondary-theme .mat-autocomplete-panel { | |
| background: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-autocomplete-panel:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { | |
| background: white; | |
| } | |
| .secondary-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-badge-content { | |
| color: white; | |
| background: #0091ff; | |
| } | |
| .cdk-high-contrast-active .secondary-theme .mat-badge-content { | |
| outline: solid 1px; | |
| border-radius: 0; | |
| } | |
| .secondary-theme .mat-badge-accent .mat-badge-content { | |
| background: #ef476f; | |
| color: white; | |
| } | |
| .secondary-theme .mat-badge-warn .mat-badge-content { | |
| color: white; | |
| background: #d50000; | |
| } | |
| .secondary-theme .mat-badge { | |
| position: relative; | |
| } | |
| .secondary-theme .mat-badge-hidden .mat-badge-content { | |
| display: none; | |
| } | |
| .secondary-theme .mat-badge-disabled .mat-badge-content { | |
| background: #b9b9b9; | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-badge-content { | |
| position: absolute; | |
| text-align: center; | |
| display: inline-block; | |
| border-radius: 50%; | |
| transition: transform 200ms ease-in-out; | |
| transform: scale(0.6); | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| pointer-events: none; | |
| } | |
| .secondary-theme .ng-animate-disabled .mat-badge-content, | |
| .secondary-theme .mat-badge-content._mat-animation-noopable { | |
| transition: none; | |
| } | |
| .secondary-theme .mat-badge-content.mat-badge-active { | |
| transform: none; | |
| } | |
| .secondary-theme .mat-badge-small .mat-badge-content { | |
| width: 16px; | |
| height: 16px; | |
| line-height: 16px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-above .mat-badge-content { | |
| top: -8px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-below .mat-badge-content { | |
| bottom: -8px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-before .mat-badge-content { | |
| left: -16px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-small.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -16px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-after .mat-badge-content { | |
| right: -16px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-small.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -16px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: -8px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -8px; | |
| } | |
| .secondary-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: -8px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -8px; | |
| } | |
| .secondary-theme .mat-badge-medium .mat-badge-content { | |
| width: 22px; | |
| height: 22px; | |
| line-height: 22px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-above .mat-badge-content { | |
| top: -11px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-below .mat-badge-content { | |
| bottom: -11px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-before .mat-badge-content { | |
| left: -22px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-medium.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -22px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-after .mat-badge-content { | |
| right: -22px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-medium.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -22px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: -11px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -11px; | |
| } | |
| .secondary-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: -11px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -11px; | |
| } | |
| .secondary-theme .mat-badge-large .mat-badge-content { | |
| width: 28px; | |
| height: 28px; | |
| line-height: 28px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-above .mat-badge-content { | |
| top: -14px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-below .mat-badge-content { | |
| bottom: -14px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-before .mat-badge-content { | |
| left: -28px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-large.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -28px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-after .mat-badge-content { | |
| right: -28px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-large.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -28px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: -14px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { | |
| left: auto; | |
| right: -14px; | |
| } | |
| .secondary-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: -14px; | |
| } | |
| [dir=rtl] .secondary-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { | |
| right: auto; | |
| left: -14px; | |
| } | |
| .secondary-theme .mat-bottom-sheet-container { | |
| 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); | |
| background: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-button, .secondary-theme .mat-icon-button, .secondary-theme .mat-stroked-button { | |
| color: inherit; | |
| background: transparent; | |
| } | |
| .secondary-theme .mat-button.mat-primary, .secondary-theme .mat-icon-button.mat-primary, .secondary-theme .mat-stroked-button.mat-primary { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-button.mat-accent, .secondary-theme .mat-icon-button.mat-accent, .secondary-theme .mat-stroked-button.mat-accent { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-button.mat-warn, .secondary-theme .mat-icon-button.mat-warn, .secondary-theme .mat-stroked-button.mat-warn { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-button.mat-primary.mat-button-disabled, .secondary-theme .mat-button.mat-accent.mat-button-disabled, .secondary-theme .mat-button.mat-warn.mat-button-disabled, .secondary-theme .mat-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-icon-button.mat-primary.mat-button-disabled, .secondary-theme .mat-icon-button.mat-accent.mat-button-disabled, .secondary-theme .mat-icon-button.mat-warn.mat-button-disabled, .secondary-theme .mat-icon-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-stroked-button.mat-primary.mat-button-disabled, .secondary-theme .mat-stroked-button.mat-accent.mat-button-disabled, .secondary-theme .mat-stroked-button.mat-warn.mat-button-disabled, .secondary-theme .mat-stroked-button.mat-button-disabled.mat-button-disabled { | |
| color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-button.mat-primary .mat-button-focus-overlay, .secondary-theme .mat-icon-button.mat-primary .mat-button-focus-overlay, .secondary-theme .mat-stroked-button.mat-primary .mat-button-focus-overlay { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-button.mat-accent .mat-button-focus-overlay, .secondary-theme .mat-icon-button.mat-accent .mat-button-focus-overlay, .secondary-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-button.mat-warn .mat-button-focus-overlay, .secondary-theme .mat-icon-button.mat-warn .mat-button-focus-overlay, .secondary-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-button.mat-button-disabled .mat-button-focus-overlay, .secondary-theme .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .secondary-theme .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { | |
| background-color: transparent; | |
| } | |
| .secondary-theme .mat-button .mat-ripple-element, .secondary-theme .mat-icon-button .mat-ripple-element, .secondary-theme .mat-stroked-button .mat-ripple-element { | |
| opacity: 0.1; | |
| background-color: currentColor; | |
| } | |
| .secondary-theme .mat-button-focus-overlay { | |
| background: black; | |
| } | |
| .secondary-theme .mat-stroked-button:not(.mat-button-disabled) { | |
| border-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-flat-button, .secondary-theme .mat-raised-button, .secondary-theme .mat-fab, .secondary-theme .mat-mini-fab { | |
| color: rgba(0, 0, 0, 0.87); | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-flat-button.mat-primary, .secondary-theme .mat-raised-button.mat-primary, .secondary-theme .mat-fab.mat-primary, .secondary-theme .mat-mini-fab.mat-primary { | |
| color: white; | |
| } | |
| .secondary-theme .mat-flat-button.mat-accent, .secondary-theme .mat-raised-button.mat-accent, .secondary-theme .mat-fab.mat-accent, .secondary-theme .mat-mini-fab.mat-accent { | |
| color: white; | |
| } | |
| .secondary-theme .mat-flat-button.mat-warn, .secondary-theme .mat-raised-button.mat-warn, .secondary-theme .mat-fab.mat-warn, .secondary-theme .mat-mini-fab.mat-warn { | |
| color: white; | |
| } | |
| .secondary-theme .mat-flat-button.mat-primary.mat-button-disabled, .secondary-theme .mat-flat-button.mat-accent.mat-button-disabled, .secondary-theme .mat-flat-button.mat-warn.mat-button-disabled, .secondary-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-raised-button.mat-primary.mat-button-disabled, .secondary-theme .mat-raised-button.mat-accent.mat-button-disabled, .secondary-theme .mat-raised-button.mat-warn.mat-button-disabled, .secondary-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-fab.mat-primary.mat-button-disabled, .secondary-theme .mat-fab.mat-accent.mat-button-disabled, .secondary-theme .mat-fab.mat-warn.mat-button-disabled, .secondary-theme .mat-fab.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-primary.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-accent.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-warn.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled { | |
| color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-flat-button.mat-primary, .secondary-theme .mat-raised-button.mat-primary, .secondary-theme .mat-fab.mat-primary, .secondary-theme .mat-mini-fab.mat-primary { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-flat-button.mat-accent, .secondary-theme .mat-raised-button.mat-accent, .secondary-theme .mat-fab.mat-accent, .secondary-theme .mat-mini-fab.mat-accent { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-flat-button.mat-warn, .secondary-theme .mat-raised-button.mat-warn, .secondary-theme .mat-fab.mat-warn, .secondary-theme .mat-mini-fab.mat-warn { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-flat-button.mat-primary.mat-button-disabled, .secondary-theme .mat-flat-button.mat-accent.mat-button-disabled, .secondary-theme .mat-flat-button.mat-warn.mat-button-disabled, .secondary-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-raised-button.mat-primary.mat-button-disabled, .secondary-theme .mat-raised-button.mat-accent.mat-button-disabled, .secondary-theme .mat-raised-button.mat-warn.mat-button-disabled, .secondary-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-fab.mat-primary.mat-button-disabled, .secondary-theme .mat-fab.mat-accent.mat-button-disabled, .secondary-theme .mat-fab.mat-warn.mat-button-disabled, .secondary-theme .mat-fab.mat-button-disabled.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-primary.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-accent.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-warn.mat-button-disabled, .secondary-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled { | |
| background-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-flat-button.mat-primary .mat-ripple-element, .secondary-theme .mat-raised-button.mat-primary .mat-ripple-element, .secondary-theme .mat-fab.mat-primary .mat-ripple-element, .secondary-theme .mat-mini-fab.mat-primary .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-flat-button.mat-accent .mat-ripple-element, .secondary-theme .mat-raised-button.mat-accent .mat-ripple-element, .secondary-theme .mat-fab.mat-accent .mat-ripple-element, .secondary-theme .mat-mini-fab.mat-accent .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-flat-button.mat-warn .mat-ripple-element, .secondary-theme .mat-raised-button.mat-warn .mat-ripple-element, .secondary-theme .mat-fab.mat-warn .mat-ripple-element, .secondary-theme .mat-mini-fab.mat-warn .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-stroked-button:not([class*=mat-elevation-z]), .secondary-theme .mat-flat-button:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-raised-button:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-fab:not([class*=mat-elevation-z]), .secondary-theme .mat-mini-fab:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .secondary-theme .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .secondary-theme .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-button-toggle-standalone, | |
| .secondary-theme .mat-button-toggle-group { | |
| 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); | |
| } | |
| .secondary-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, | |
| .secondary-theme .mat-button-toggle-group-appearance-standard { | |
| box-shadow: none; | |
| } | |
| .secondary-theme .mat-button-toggle { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-button-toggle .mat-button-toggle-focus-overlay { | |
| background-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-button-toggle-appearance-standard { | |
| color: rgba(0, 0, 0, 0.87); | |
| background: white; | |
| } | |
| .secondary-theme .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { | |
| background-color: black; | |
| } | |
| .secondary-theme .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { | |
| border-left: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { | |
| border-left: none; | |
| border-right: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { | |
| border-left: none; | |
| border-right: none; | |
| border-top: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-button-toggle-checked { | |
| background-color: #e0e0e0; | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-button-toggle-checked.mat-button-toggle-appearance-standard { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-button-toggle-disabled { | |
| color: rgba(0, 0, 0, 0.26); | |
| background-color: #eeeeee; | |
| } | |
| .secondary-theme .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { | |
| background: white; | |
| } | |
| .secondary-theme .mat-button-toggle-disabled.mat-button-toggle-checked { | |
| background-color: #bdbdbd; | |
| } | |
| .secondary-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, | |
| .secondary-theme .mat-button-toggle-group-appearance-standard { | |
| border: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-card { | |
| background: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-card:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-card-subtitle { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-checkbox-frame { | |
| border-color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-checkbox-checkmark { | |
| fill: #fafafa; | |
| } | |
| .secondary-theme .mat-checkbox-checkmark-path { | |
| stroke: #fafafa !important; | |
| } | |
| .secondary-theme .mat-checkbox-mixedmark { | |
| background-color: #fafafa; | |
| } | |
| .secondary-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .secondary-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .secondary-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .secondary-theme .mat-checkbox-checked.mat-warn .mat-checkbox-background { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .secondary-theme .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { | |
| background-color: #b0b0b0; | |
| } | |
| .secondary-theme .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { | |
| border-color: #b0b0b0; | |
| } | |
| .secondary-theme .mat-checkbox-disabled .mat-checkbox-label { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-checkbox .mat-ripple-element { | |
| background-color: black; | |
| } | |
| .secondary-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, | |
| .secondary-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { | |
| background: #0091ff; | |
| } | |
| .secondary-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, | |
| .secondary-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { | |
| background: #ef476f; | |
| } | |
| .secondary-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, | |
| .secondary-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { | |
| background: #d50000; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip { | |
| background-color: #e0e0e0; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip .mat-chip-remove { | |
| color: rgba(0, 0, 0, 0.87); | |
| opacity: 0.4; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { | |
| 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); | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { | |
| opacity: 0.54; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-disabled { | |
| opacity: 0.4; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip::after { | |
| background: black; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { | |
| background-color: #0091ff; | |
| color: white; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { | |
| color: white; | |
| opacity: 0.4; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { | |
| background-color: #d50000; | |
| color: white; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { | |
| color: white; | |
| opacity: 0.4; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { | |
| background-color: #ef476f; | |
| color: white; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { | |
| color: white; | |
| opacity: 0.4; | |
| } | |
| .secondary-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .secondary-theme .mat-table { | |
| background: white; | |
| } | |
| .secondary-theme .mat-table thead, .secondary-theme .mat-table tbody, .secondary-theme .mat-table tfoot, | |
| .secondary-theme mat-header-row, .secondary-theme mat-row, .secondary-theme mat-footer-row, | |
| .secondary-theme [mat-header-row], .secondary-theme [mat-row], .secondary-theme [mat-footer-row], | |
| .secondary-theme .mat-table-sticky { | |
| background: inherit; | |
| } | |
| .secondary-theme mat-row, .secondary-theme mat-header-row, .secondary-theme mat-footer-row, | |
| .secondary-theme th.mat-header-cell, .secondary-theme td.mat-cell, .secondary-theme td.mat-footer-cell { | |
| border-bottom-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-header-cell { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-cell, .secondary-theme .mat-footer-cell { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-calendar-arrow { | |
| border-top-color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-datepicker-toggle, | |
| .secondary-theme .mat-datepicker-content .mat-calendar-next-button, | |
| .secondary-theme .mat-datepicker-content .mat-calendar-previous-button { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-calendar-table-header { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-calendar-table-header-divider::after { | |
| background: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-calendar-body-label { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-calendar-body-cell-content, | |
| .secondary-theme .mat-date-range-input-separator { | |
| color: rgba(0, 0, 0, 0.87); | |
| border-color: transparent; | |
| } | |
| .secondary-theme .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-form-field-disabled .mat-date-range-input-separator { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-calendar-body-in-preview { | |
| color: rgba(0, 0, 0, 0.24); | |
| } | |
| .secondary-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| border-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| border-color: rgba(0, 0, 0, 0.18); | |
| } | |
| .secondary-theme .mat-calendar-body-in-range::before { | |
| background: rgba(0, 145, 255, 0.2); | |
| } | |
| .secondary-theme .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-calendar-body-in-comparison-range::before { | |
| background: rgba(249, 171, 0, 0.2); | |
| } | |
| .secondary-theme .mat-calendar-body-comparison-bridge-start::before, | |
| .secondary-theme [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { | |
| background: linear-gradient(to right, rgba(0, 145, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-calendar-body-comparison-bridge-end::before, | |
| .secondary-theme [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { | |
| background: linear-gradient(to left, rgba(0, 145, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { | |
| background: #a8dab5; | |
| } | |
| .secondary-theme .mat-calendar-body-comparison-identical.mat-calendar-body-selected, | |
| .secondary-theme .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { | |
| background: #46a35e; | |
| } | |
| .secondary-theme .mat-calendar-body-selected { | |
| background-color: #0091ff; | |
| color: white; | |
| } | |
| .secondary-theme .mat-calendar-body-disabled > .mat-calendar-body-selected { | |
| background-color: rgba(0, 145, 255, 0.4); | |
| } | |
| .secondary-theme .mat-calendar-body-today.mat-calendar-body-selected { | |
| box-shadow: inset 0 0 0 1px white; | |
| } | |
| .secondary-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| background-color: rgba(0, 145, 255, 0.3); | |
| } | |
| .secondary-theme .mat-datepicker-content { | |
| 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); | |
| background-color: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { | |
| background: rgba(239, 71, 111, 0.2); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { | |
| background: rgba(249, 171, 0, 0.2); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, | |
| .secondary-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { | |
| background: linear-gradient(to right, rgba(239, 71, 111, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, | |
| .secondary-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { | |
| background: linear-gradient(to left, rgba(239, 71, 111, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { | |
| background: #a8dab5; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { | |
| background: #46a35e; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-selected { | |
| background-color: #ef476f; | |
| color: white; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { | |
| background-color: rgba(239, 71, 111, 0.4); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { | |
| box-shadow: inset 0 0 0 1px white; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| background-color: rgba(239, 71, 111, 0.3); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { | |
| background: rgba(213, 0, 0, 0.2); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { | |
| background: rgba(249, 171, 0, 0.2); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, | |
| .secondary-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { | |
| background: linear-gradient(to right, rgba(213, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, | |
| .secondary-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { | |
| background: linear-gradient(to left, rgba(213, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { | |
| background: #a8dab5; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { | |
| background: #46a35e; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-selected { | |
| background-color: #d50000; | |
| color: white; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { | |
| background-color: rgba(213, 0, 0, 0.4); | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { | |
| box-shadow: inset 0 0 0 1px white; | |
| } | |
| .secondary-theme .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), | |
| .secondary-theme .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { | |
| background-color: rgba(213, 0, 0, 0.3); | |
| } | |
| .secondary-theme .mat-datepicker-content-touch { | |
| 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); | |
| } | |
| .secondary-theme .mat-datepicker-toggle-active { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-datepicker-toggle-active.mat-accent { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-datepicker-toggle-active.mat-warn { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-date-range-input-inner[disabled] { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-dialog-container { | |
| 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); | |
| background: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-divider { | |
| border-top-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-divider-vertical { | |
| border-right-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-expansion-panel { | |
| background: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-expansion-panel:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-action-row { | |
| border-top-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .secondary-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .secondary-theme .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { | |
| background: rgba(0, 0, 0, 0.04); | |
| } | |
| @media (hover: none) { | |
| .secondary-theme .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { | |
| background: white; | |
| } | |
| } | |
| .secondary-theme .mat-expansion-panel-header-title { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-expansion-panel-header-description, | |
| .secondary-theme .mat-expansion-indicator::after { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-expansion-panel-header[aria-disabled=true] { | |
| color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, | |
| .secondary-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { | |
| color: inherit; | |
| } | |
| .secondary-theme .mat-form-field-label { | |
| color: rgba(0, 0, 0, 0.6); | |
| } | |
| .secondary-theme .mat-hint { | |
| color: rgba(0, 0, 0, 0.6); | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-label { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-label.mat-accent { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-label.mat-warn { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-focused .mat-form-field-required-marker { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field-ripple { | |
| background-color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-ripple { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, | |
| .secondary-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, | |
| .secondary-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-error { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-appearance-legacy .mat-form-field-label { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-form-field-appearance-legacy .mat-hint { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-form-field-appearance-legacy .mat-form-field-underline { | |
| background-color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); | |
| background-size: 4px 100%; | |
| background-repeat: repeat-x; | |
| } | |
| .secondary-theme .mat-form-field-appearance-standard .mat-form-field-underline { | |
| background-color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); | |
| background-size: 4px 100%; | |
| background-repeat: repeat-x; | |
| } | |
| .secondary-theme .mat-form-field-appearance-fill .mat-form-field-flex { | |
| background-color: rgba(0, 0, 0, 0.04); | |
| } | |
| .secondary-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { | |
| background-color: rgba(0, 0, 0, 0.02); | |
| } | |
| .secondary-theme .mat-form-field-appearance-fill .mat-form-field-underline::before { | |
| background-color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { | |
| background-color: transparent; | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline .mat-form-field-outline { | |
| color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline .mat-form-field-outline-thick { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { | |
| color: rgba(0, 0, 0, 0.06); | |
| } | |
| .secondary-theme .mat-icon.mat-primary { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-icon.mat-accent { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-icon.mat-warn { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-type-mat-native-select .mat-form-field-infix::after { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-input-element:disabled, | |
| .secondary-theme .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-input-element { | |
| caret-color: #0091ff; | |
| } | |
| .secondary-theme .mat-input-element::-moz-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-input-element:-ms-input-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-input-element::placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-input-element::-moz-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-input-element::-webkit-input-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-input-element:-ms-input-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-form-field.mat-accent .mat-input-element { | |
| caret-color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field.mat-warn .mat-input-element, | |
| .secondary-theme .mat-form-field-invalid .mat-input-element { | |
| caret-color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-list-base .mat-list-item { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-list-base .mat-list-option { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-list-base .mat-subheader { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-list-item-disabled { | |
| background-color: #eeeeee; | |
| } | |
| .secondary-theme .mat-list-option:hover, .secondary-theme .mat-list-option:focus, | |
| .secondary-theme .mat-nav-list .mat-list-item:hover, | |
| .secondary-theme .mat-nav-list .mat-list-item:focus, | |
| .secondary-theme .mat-action-list .mat-list-item:hover, | |
| .secondary-theme .mat-action-list .mat-list-item:focus { | |
| background: rgba(0, 0, 0, 0.04); | |
| } | |
| .secondary-theme .mat-list-single-selected-option, .secondary-theme .mat-list-single-selected-option:hover, .secondary-theme .mat-list-single-selected-option:focus { | |
| background: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-menu-panel { | |
| background: white; | |
| } | |
| .secondary-theme .mat-menu-panel:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-menu-item { | |
| background: transparent; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-menu-item[disabled], .secondary-theme .mat-menu-item[disabled]::after, | |
| .secondary-theme .mat-menu-item[disabled] .mat-icon-no-color { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-menu-item .mat-icon-no-color, | |
| .secondary-theme .mat-menu-item-submenu-trigger::after { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-menu-item:hover:not([disabled]), | |
| .secondary-theme .mat-menu-item.cdk-program-focused:not([disabled]), | |
| .secondary-theme .mat-menu-item.cdk-keyboard-focused:not([disabled]), | |
| .secondary-theme .mat-menu-item-highlighted:not([disabled]) { | |
| background: rgba(0, 0, 0, 0.04); | |
| } | |
| .secondary-theme .mat-paginator { | |
| background: white; | |
| } | |
| .secondary-theme .mat-paginator, | |
| .secondary-theme .mat-paginator-page-size .mat-select-trigger { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-paginator-decrement, | |
| .secondary-theme .mat-paginator-increment { | |
| border-top: 2px solid rgba(0, 0, 0, 0.54); | |
| border-right: 2px solid rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-paginator-first, | |
| .secondary-theme .mat-paginator-last { | |
| border-top: 2px solid rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-icon-button[disabled] .mat-paginator-decrement, | |
| .secondary-theme .mat-icon-button[disabled] .mat-paginator-increment, | |
| .secondary-theme .mat-icon-button[disabled] .mat-paginator-first, | |
| .secondary-theme .mat-icon-button[disabled] .mat-paginator-last { | |
| border-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-progress-bar-background { | |
| fill: #8cc8ff; | |
| } | |
| .secondary-theme .mat-progress-bar-buffer { | |
| background-color: #8cc8ff; | |
| } | |
| .secondary-theme .mat-progress-bar-fill::after { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-accent .mat-progress-bar-background { | |
| fill: #f38fa7; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-accent .mat-progress-bar-buffer { | |
| background-color: #f38fa7; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-warn .mat-progress-bar-background { | |
| fill: #f2b3b3; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-warn .mat-progress-bar-buffer { | |
| background-color: #f2b3b3; | |
| } | |
| .secondary-theme .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-progress-spinner circle, .secondary-theme .mat-spinner circle { | |
| stroke: #0091ff; | |
| } | |
| .secondary-theme .mat-progress-spinner.mat-accent circle, .secondary-theme .mat-spinner.mat-accent circle { | |
| stroke: #ef476f; | |
| } | |
| .secondary-theme .mat-progress-spinner.mat-warn circle, .secondary-theme .mat-spinner.mat-warn circle { | |
| stroke: #d50000; | |
| } | |
| .secondary-theme .mat-radio-outer-circle { | |
| border-color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { | |
| border-color: #0091ff; | |
| } | |
| .secondary-theme .mat-radio-button.mat-primary .mat-radio-inner-circle, | |
| .secondary-theme .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .secondary-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .secondary-theme .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { | |
| border-color: #ef476f; | |
| } | |
| .secondary-theme .mat-radio-button.mat-accent .mat-radio-inner-circle, | |
| .secondary-theme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .secondary-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .secondary-theme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { | |
| border-color: #d50000; | |
| } | |
| .secondary-theme .mat-radio-button.mat-warn .mat-radio-inner-circle, | |
| .secondary-theme .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .secondary-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .secondary-theme .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, | |
| .secondary-theme .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { | |
| border-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, | |
| .secondary-theme .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { | |
| background-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-radio-button.mat-radio-disabled .mat-radio-label-content { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-radio-button .mat-ripple-element { | |
| background-color: black; | |
| } | |
| .secondary-theme .mat-select-value { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-select-placeholder { | |
| color: rgba(0, 0, 0, 0.42); | |
| } | |
| .secondary-theme .mat-select-disabled .mat-select-value { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-select-arrow { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-select-panel { | |
| background: white; | |
| } | |
| .secondary-theme .mat-select-panel:not([class*=mat-elevation-z]) { | |
| 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); | |
| } | |
| .secondary-theme .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { | |
| background: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-form-field.mat-focused.mat-primary .mat-select-arrow { | |
| color: #0091ff; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused.mat-accent .mat-select-arrow { | |
| color: #ef476f; | |
| } | |
| .secondary-theme .mat-form-field.mat-focused.mat-warn .mat-select-arrow { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-drawer-container { | |
| background-color: #fafafa; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-drawer { | |
| background-color: white; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-drawer.mat-drawer-push { | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-drawer:not(.mat-drawer-side) { | |
| 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); | |
| } | |
| .secondary-theme .mat-drawer-side { | |
| border-right: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-drawer-side.mat-drawer-end { | |
| border-left: solid 1px rgba(0, 0, 0, 0.12); | |
| border-right: none; | |
| } | |
| .secondary-theme [dir=rtl] .mat-drawer-side { | |
| border-left: solid 1px rgba(0, 0, 0, 0.12); | |
| border-right: none; | |
| } | |
| .secondary-theme [dir=rtl] .mat-drawer-side.mat-drawer-end { | |
| border-left: none; | |
| border-right: solid 1px rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-drawer-backdrop.mat-drawer-shown { | |
| background-color: rgba(0, 0, 0, 0.6); | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { | |
| background-color: rgba(239, 71, 111, 0.54); | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-checked .mat-ripple-element { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { | |
| background-color: rgba(0, 145, 255, 0.54); | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { | |
| background-color: rgba(213, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { | |
| background-color: black; | |
| } | |
| .secondary-theme .mat-slide-toggle-thumb { | |
| 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: #fafafa; | |
| } | |
| .secondary-theme .mat-slide-toggle-bar { | |
| background-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-slider-track-background { | |
| background-color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-primary .mat-slider-track-fill, | |
| .secondary-theme .mat-primary .mat-slider-thumb, | |
| .secondary-theme .mat-primary .mat-slider-thumb-label { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-primary .mat-slider-thumb-label-text { | |
| color: white; | |
| } | |
| .secondary-theme .mat-primary .mat-slider-focus-ring { | |
| background-color: rgba(0, 145, 255, 0.2); | |
| } | |
| .secondary-theme .mat-accent .mat-slider-track-fill, | |
| .secondary-theme .mat-accent .mat-slider-thumb, | |
| .secondary-theme .mat-accent .mat-slider-thumb-label { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-accent .mat-slider-thumb-label-text { | |
| color: white; | |
| } | |
| .secondary-theme .mat-accent .mat-slider-focus-ring { | |
| background-color: rgba(239, 71, 111, 0.2); | |
| } | |
| .secondary-theme .mat-warn .mat-slider-track-fill, | |
| .secondary-theme .mat-warn .mat-slider-thumb, | |
| .secondary-theme .mat-warn .mat-slider-thumb-label { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-warn .mat-slider-thumb-label-text { | |
| color: white; | |
| } | |
| .secondary-theme .mat-warn .mat-slider-focus-ring { | |
| background-color: rgba(213, 0, 0, 0.2); | |
| } | |
| .secondary-theme .mat-slider:hover .mat-slider-track-background, | |
| .secondary-theme .cdk-focused .mat-slider-track-background { | |
| background-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-slider-disabled .mat-slider-track-background, | |
| .secondary-theme .mat-slider-disabled .mat-slider-track-fill, | |
| .secondary-theme .mat-slider-disabled .mat-slider-thumb { | |
| background-color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-slider-disabled:hover .mat-slider-track-background { | |
| background-color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-slider-min-value .mat-slider-focus-ring { | |
| background-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, | |
| .secondary-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { | |
| background-color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, | |
| .secondary-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { | |
| background-color: rgba(0, 0, 0, 0.26); | |
| } | |
| .secondary-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { | |
| border-color: rgba(0, 0, 0, 0.26); | |
| background-color: transparent; | |
| } | |
| .secondary-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .secondary-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { | |
| border-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .secondary-theme .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); | |
| } | |
| .secondary-theme .mat-slider-has-ticks .mat-slider-wrapper::after { | |
| border-color: rgba(0, 0, 0, 0.7); | |
| } | |
| .secondary-theme .mat-slider-horizontal .mat-slider-ticks { | |
| background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); | |
| background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); | |
| } | |
| .secondary-theme .mat-slider-vertical .mat-slider-ticks { | |
| background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); | |
| } | |
| .secondary-theme .mat-step-header.cdk-keyboard-focused, .secondary-theme .mat-step-header.cdk-program-focused, .secondary-theme .mat-step-header:hover { | |
| background-color: rgba(0, 0, 0, 0.04); | |
| } | |
| @media (hover: none) { | |
| .secondary-theme .mat-step-header:hover { | |
| background: none; | |
| } | |
| } | |
| .secondary-theme .mat-step-header .mat-step-label, | |
| .secondary-theme .mat-step-header .mat-step-optional { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .secondary-theme .mat-step-header .mat-step-icon { | |
| background-color: rgba(0, 0, 0, 0.54); | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header .mat-step-icon-selected, | |
| .secondary-theme .mat-step-header .mat-step-icon-state-done, | |
| .secondary-theme .mat-step-header .mat-step-icon-state-edit { | |
| background-color: #0091ff; | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header.mat-accent .mat-step-icon { | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header.mat-accent .mat-step-icon-selected, | |
| .secondary-theme .mat-step-header.mat-accent .mat-step-icon-state-done, | |
| .secondary-theme .mat-step-header.mat-accent .mat-step-icon-state-edit { | |
| background-color: #ef476f; | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header.mat-warn .mat-step-icon { | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header.mat-warn .mat-step-icon-selected, | |
| .secondary-theme .mat-step-header.mat-warn .mat-step-icon-state-done, | |
| .secondary-theme .mat-step-header.mat-warn .mat-step-icon-state-edit { | |
| background-color: #d50000; | |
| color: white; | |
| } | |
| .secondary-theme .mat-step-header .mat-step-icon-state-error { | |
| background-color: transparent; | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-step-header .mat-step-label.mat-step-label-active { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-step-header .mat-step-label.mat-step-label-error { | |
| color: #d50000; | |
| } | |
| .secondary-theme .mat-stepper-horizontal, .secondary-theme .mat-stepper-vertical { | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-stepper-vertical-line::before { | |
| border-left-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-horizontal-stepper-header::before, | |
| .secondary-theme .mat-horizontal-stepper-header::after, | |
| .secondary-theme .mat-stepper-horizontal-line { | |
| border-top-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-sort-header-arrow { | |
| color: #757575; | |
| } | |
| .secondary-theme .mat-tab-nav-bar, | |
| .secondary-theme .mat-tab-header { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.12); | |
| } | |
| .secondary-theme .mat-tab-group-inverted-header .mat-tab-nav-bar, | |
| .secondary-theme .mat-tab-group-inverted-header .mat-tab-header { | |
| border-top: 1px solid rgba(0, 0, 0, 0.12); | |
| border-bottom: none; | |
| } | |
| .secondary-theme .mat-tab-label, .secondary-theme .mat-tab-link { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-link.mat-tab-disabled { | |
| color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-tab-header-pagination-chevron { | |
| border-color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { | |
| border-color: rgba(0, 0, 0, 0.38); | |
| } | |
| .secondary-theme .mat-tab-group[class*=mat-background-] .mat-tab-header, | |
| .secondary-theme .mat-tab-nav-bar[class*=mat-background-] { | |
| border-bottom: none; | |
| border-top: none; | |
| } | |
| .secondary-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(140, 200, 255, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-primary .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(243, 143, 167, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-accent .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-accent .mat-ink-bar { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(242, 179, 179, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-warn .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-warn .mat-ink-bar { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .secondary-theme .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { | |
| background-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(140, 200, 255, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header, .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-link-container, .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { | |
| background-color: #0091ff; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { | |
| color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { | |
| color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { | |
| border-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { | |
| border-color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.12); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(243, 143, 167, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header, .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container, .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { | |
| background-color: #ef476f; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { | |
| color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { | |
| color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { | |
| border-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { | |
| border-color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.12); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .secondary-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), | |
| .secondary-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { | |
| background-color: rgba(242, 179, 179, 0.3); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header, .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-link-container, .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { | |
| background-color: #d50000; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { | |
| color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { | |
| color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { | |
| border-color: white; | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { | |
| border-color: rgba(255, 255, 255, 0.4); | |
| } | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, | |
| .secondary-theme .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element { | |
| background-color: rgba(255, 255, 255, 0.12); | |
| } | |
| .secondary-theme .mat-toolbar { | |
| background: whitesmoke; | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-toolbar.mat-primary { | |
| background: #0091ff; | |
| color: white; | |
| } | |
| .secondary-theme .mat-toolbar.mat-accent { | |
| background: #ef476f; | |
| color: white; | |
| } | |
| .secondary-theme .mat-toolbar.mat-warn { | |
| background: #d50000; | |
| color: white; | |
| } | |
| .secondary-theme .mat-toolbar .mat-form-field-underline, | |
| .secondary-theme .mat-toolbar .mat-form-field-ripple, | |
| .secondary-theme .mat-toolbar .mat-focused .mat-form-field-ripple { | |
| background-color: currentColor; | |
| } | |
| .secondary-theme .mat-toolbar .mat-form-field-label, | |
| .secondary-theme .mat-toolbar .mat-focused .mat-form-field-label, | |
| .secondary-theme .mat-toolbar .mat-select-value, | |
| .secondary-theme .mat-toolbar .mat-select-arrow, | |
| .secondary-theme .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { | |
| color: inherit; | |
| } | |
| .secondary-theme .mat-toolbar .mat-input-element { | |
| caret-color: currentColor; | |
| } | |
| .secondary-theme .mat-tooltip { | |
| background: rgba(97, 97, 97, 0.9); | |
| } | |
| .secondary-theme .mat-tree { | |
| background: white; | |
| } | |
| .secondary-theme .mat-tree-node, | |
| .secondary-theme .mat-nested-tree-node { | |
| color: rgba(0, 0, 0, 0.87); | |
| } | |
| .secondary-theme .mat-snack-bar-container { | |
| color: rgba(255, 255, 255, 0.7); | |
| background: #323232; | |
| 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); | |
| } | |
| .secondary-theme .mat-simple-snackbar-action { | |
| color: #ef476f; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment