.grid-newline { grid-column-start: 1; grid-column-start: 1!important } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto,"Helvetica Neue",sans-serif } .mat-badge-small .mat-badge-content { font-size: 6px } .mat-badge-large .mat-badge-content { font-size: 24px } .mat-h1,.mat-headline,.mat-typography h1 { font: 400 24px/32px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 16px } .mat-h2,.mat-title,.mat-typography h2 { font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 16px } .mat-h3,.mat-subheading-2,.mat-typography h3 { font: 400 16px/28px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 16px } .mat-h4,.mat-subheading-1,.mat-typography h4 { font: 400 15px/24px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 16px } .mat-h5,.mat-typography h5 { font: 400 11.62px/20px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 12px } .mat-h6,.mat-typography h6 { font: 400 9.38px/20px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 12px } .mat-body-2,.mat-body-strong { font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif } .mat-body,.mat-body-1,.mat-typography { font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif } .mat-body p,.mat-body-1 p,.mat-typography p { margin: 0 0 12px } .mat-caption,.mat-small { font: 400 12px/20px Roboto,"Helvetica Neue",sans-serif } .mat-display-4,.mat-typography .mat-display-4 { font: 300 112px/112px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 56px; letter-spacing: -.05em } .mat-display-3,.mat-typography .mat-display-3 { font: 400 56px/56px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 64px; letter-spacing: -.02em } .mat-display-2,.mat-typography .mat-display-2 { font: 400 45px/48px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 64px; letter-spacing: -.005em } .mat-display-1,.mat-typography .mat-display-1 { font: 400 34px/40px Roboto,"Helvetica Neue",sans-serif; margin: 0 0 64px } .mat-bottom-sheet-container { font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif } .mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 14px; font-weight: 500 } .mat-button-toggle,.mat-card { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-card-title { font-size: 24px; font-weight: 500 } .mat-card-header .mat-card-title { font-size: 20px } .mat-card-content,.mat-card-subtitle { font-size: 14px } .mat-checkbox { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px } .mat-chip { font-size: 14px; font-weight: 500 } .mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon { font-size: 18px } .mat-table { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-header-cell { font-size: 12px; font-weight: 500 } .mat-cell,.mat-footer-cell { font-size: 14px } .mat-calendar { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-calendar-body { font-size: 13px } .mat-calendar-body-label,.mat-calendar-period-button { font-size: 14px; font-weight: 500 } .mat-calendar-table-header th { font-size: 11px; font-weight: 400 } .mat-dialog-title { font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif } .mat-expansion-panel-header { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 15px; font-weight: 400 } .mat-expansion-panel-content { font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto,"Helvetica Neue",sans-serif } .mat-form-field-wrapper { padding-bottom: 1.34375em } .mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125 } .mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em } .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125 } .mat-form-field-infix { padding: .5em 0; border-top: .84375em solid transparent } .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { -webkit-transform: translateY(-1.34375em) scale(.75); transform: translateY(-1.34375em) scale(.75); width: 133.33333% } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.34374em) scale(.75); transform: translateY(-1.34374em) scale(.75); width: 133.33334% } .mat-form-field-label-wrapper { top: -.84375em; padding-top: .84375em } .mat-form-field-label { top: 1.34375em } .mat-form-field-underline { bottom: 1.34375em } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: .66667em; top: calc(100% - 1.79167em) } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: .4375em 0 } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px); transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px); -ms-transform: translateY(-1.28125em) scale(.75); width: 133.33333% } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px); transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px); -ms-transform: translateY(-1.28124em) scale(.75); width: 133.33334% } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px); transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px); -ms-transform: translateY(-1.28123em) scale(.75); width: 133.33335% } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: .54167em; top: calc(100% - 1.66667em) } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { -webkit-transform: translateY(-1.28122em) scale(.75); transform: translateY(-1.28122em) scale(.75) } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.28121em) scale(.75); transform: translateY(-1.28121em) scale(.75) } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.2812em) scale(.75); transform: translateY(-1.2812em) scale(.75) } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: .25em 0 .75em } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -.5em } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { -webkit-transform: translateY(-.59375em) scale(.75); transform: translateY(-.59375em) scale(.75); width: 133.33333% } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-.59374em) scale(.75); transform: translateY(-.59374em) scale(.75); width: 133.33334% } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -.25em } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { -webkit-transform: translateY(-1.59375em) scale(.75); transform: translateY(-1.59375em) scale(.75); width: 133.33333% } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { -webkit-transform: translateY(-1.59374em) scale(.75); transform: translateY(-1.59374em) scale(.75); width: 133.33334% } .mat-grid-tile-footer,.mat-grid-tile-header { font-size: 14px } .mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box } .mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2) { font-size: 12px } input.mat-input-element { margin-top: -.0625em } .mat-menu-item { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 14px; font-weight: 400 } .mat-paginator,.mat-paginator-page-size .mat-select-trigger { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 12px } .mat-radio-button,.mat-select { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-select-trigger { height: 1.125em } .mat-slide-toggle-content { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-slider-thumb-label-text { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 12px; font-weight: 500 } .mat-stepper-horizontal,.mat-stepper-vertical { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-step-label { font-size: 14px; font-weight: 400 } .mat-step-sub-label-error { font-weight: 400 } .mat-step-label-error { font-size: 14px } .mat-step-label-selected { font-size: 14px; font-weight: 500 } .mat-tab-group { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-tab-label,.mat-tab-link { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 14px; font-weight: 500 } .mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 { font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; margin: 0 } .mat-tooltip { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px } .mat-list-item,.mat-list-option { font-family: Roboto,"Helvetica Neue",sans-serif } .mat-list-base .mat-list-item { font-size: 16px } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px } .mat-list-base .mat-list-option { font-size: 16px } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px } .mat-list-base[dense] .mat-list-item { font-size: 12px } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list-base[dense] .mat-list-option { font-size: 12px } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px } .mat-list-base[dense] .mat-subheader { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 12px; font-weight: 500 } .mat-option { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 16px; color: rgba(0,0,0,.87) } .mat-optgroup-label { font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif; color: rgba(0,0,0,.54) } .mat-simple-snackbar { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 14px } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500 } .mat-ripple { overflow: hidden; position: relative } .mat-ripple.mat-ripple-unbounded { overflow: visible } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; -webkit-transition: opacity,-webkit-transform cubic-bezier(0,0,.2,1); transition: opacity,-webkit-transform 0s cubic-bezier(0,0,.2,1); transition: opacity,transform 0s cubic-bezier(0,0,.2,1); transition: opacity,transform 0s cubic-bezier(0,0,.2,1),-webkit-transform 0s cubic-bezier(0,0,.2,1); -webkit-transform: scale(0); transform: scale(0) } @media (-ms-high-contrast:active) { .mat-ripple-element { display: none } } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none } .cdk-global-overlay-wrapper,.cdk-overlay-container { pointer-events: none; top: 0; left: 0; height: 100%; width: 100% } .cdk-overlay-container { position: fixed; z-index: 1000 } .cdk-overlay-container:empty { display: none } .cdk-global-overlay-wrapper { display: -webkit-box; display: flex; position: absolute; z-index: 1000 } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: -webkit-box; display: flex; max-width: 100%; max-height: 100% } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; -webkit-transition: opacity .4s cubic-bezier(.25,.8,.25,1); transition: opacity .4s cubic-bezier(.25,.8,.25,1); opacity: 0 } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1 } @media screen and (-ms-high-contrast:active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: .6 } } .cdk-overlay-dark-backdrop { background: rgba(0,0,0,.32) } .cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0 } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 1px; min-height: 1px } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll } @-webkit-keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-start { /*!*/ } @-webkit-keyframes cdk-text-field-autofill-end { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { -webkit-animation-name: cdk-text-field-autofill-start; animation-name: cdk-text-field-autofill-start } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { -webkit-animation-name: cdk-text-field-autofill-end; animation-name: cdk-text-field-autofill-end } textarea.cdk-textarea-autosize { resize: none } textarea.cdk-textarea-autosize-measuring { height: auto!important; overflow: hidden!important; padding: 2px 0!important; box-sizing: content-box!important } .mat-ripple-element { background-color: rgba(0,0,0,.1) } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled) { background: rgba(0,0,0,.04) } .mat-option.mat-active { background: rgba(0,0,0,.04); color: rgba(0,0,0,.87) } .mat-option.mat-option-disabled { color: rgba(0,0,0,.38) } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #3f51b5 } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081 } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336 } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0,0,0,.38) } .mat-pseudo-checkbox { color: rgba(0,0,0,.54) } .mat-pseudo-checkbox::after { color: #fafafa } .mat-pseudo-checkbox-disabled { color: #b0b0b0 } .mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate { background: #ff4081 } .mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate { background: #3f51b5 } .mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336 } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0 } .mat-elevation-z0 { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-elevation-z1 { box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) } .mat-elevation-z2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .mat-elevation-z3 { box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) } .mat-elevation-z4 { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) } .mat-elevation-z5 { box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12) } .mat-elevation-z6 { box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12) } .mat-elevation-z7 { box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12) } .mat-elevation-z8 { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) } .mat-elevation-z9 { box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12) } .mat-elevation-z10 { box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12) } .mat-elevation-z11 { box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12) } .mat-elevation-z12 { box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12) } .mat-elevation-z13 { box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12) } .mat-elevation-z14 { box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12) } .mat-elevation-z15 { box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12) } .mat-elevation-z16 { box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12) } .mat-elevation-z17 { box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12) } .mat-elevation-z18 { box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12) } .mat-elevation-z19 { box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12) } .mat-elevation-z20 { box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12) } .mat-elevation-z21 { box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12) } .mat-elevation-z22 { box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12) } .mat-elevation-z23 { box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12) } .mat-elevation-z24 { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12) } .mat-app-background { background-color: #fafafa; color: rgba(0,0,0,.87) } .mat-theme-loaded-marker { display: none } .mat-autocomplete-panel { background: #fff; color: rgba(0,0,0,.87) } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #fff } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0,0,0,.87) } @media (-ms-high-contrast:active) { .mat-badge-content { outline: solid 1px; border-radius: 0 } .mat-checkbox-disabled { opacity: .5 } } .mat-badge-accent .mat-badge-content { background: #ff4081; color: #fff } .mat-badge-warn .mat-badge-content { color: #fff; background: #f44336 } .mat-badge { position: relative } .mat-badge-hidden .mat-badge-content { display: none } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0,0,0,.38) } .mat-badge-content { color: #fff; background: #3f51b5; position: absolute; text-align: center; display: inline-block; border-radius: 50%; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; -webkit-transform: scale(.6); transform: scale(.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none } .mat-badge-content.mat-badge-active { -webkit-transform: none; transform: none } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px } .mat-bottom-sheet-container { box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12); background: #fff; color: rgba(0,0,0,.87) } .mat-button,.mat-icon-button,.mat-stroked-button { color: inherit; background: 0 0 } .mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary { color: #3f51b5 } .mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent { color: #ff4081 } .mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn { color: #f44336 } .mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled] { color: rgba(0,0,0,.26) } .mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #3f51b5 } .mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081 } .mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336 } .mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay { background-color: transparent } .mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element { opacity: .1; background-color: currentColor } .mat-button-focus-overlay { background: #000 } .mat-stroked-button:not([disabled]) { border-color: rgba(0,0,0,.12) } .mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button { color: rgba(0,0,0,.87); background-color: #fff } .mat-fab.mat-accent,.mat-fab.mat-primary,.mat-fab.mat-warn,.mat-flat-button.mat-accent,.mat-flat-button.mat-primary,.mat-flat-button.mat-warn,.mat-mini-fab.mat-accent,.mat-mini-fab.mat-primary,.mat-mini-fab.mat-warn,.mat-raised-button.mat-accent,.mat-raised-button.mat-primary,.mat-raised-button.mat-warn { color: #fff } .mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled] { color: rgba(0,0,0,.26); background-color: rgba(0,0,0,.12) } .mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary { background-color: #3f51b5 } .mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent { background-color: #ff4081 } .mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn { background-color: #f44336 } .mat-fab.mat-accent .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element { background-color: rgba(255,255,255,.1) } .mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]) { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) } .mat-raised-button[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12) } .mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12) } .mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-button-toggle-group,.mat-button-toggle-standalone { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard { box-shadow: none; border: 1px solid rgba(0,0,0,.12) } .mat-button-toggle { color: rgba(0,0,0,.38) } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0,0,0,.12) } .mat-button-toggle-appearance-standard { color: rgba(0,0,0,.87); background: #fff } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: #000 } .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { border-left: 1px solid rgba(0,0,0,.12) } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { border-left: none; border-right: 1px solid rgba(0,0,0,.12) } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle { border-left: none; border-right: none; border-top: 1px solid rgba(0,0,0,.12) } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0,0,0,.54) } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0,0,0,.87) } .mat-button-toggle-disabled { color: rgba(0,0,0,.26); background-color: #eee } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #fff } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd } .mat-card { background: #fff; color: rgba(0,0,0,.87) } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-card-subtitle { color: rgba(0,0,0,.54) } .mat-checkbox-frame { border-color: rgba(0,0,0,.54) } .mat-checkbox-checkmark { fill: #fafafa } .mat-checkbox-checkmark-path { stroke: #fafafa!important } @media (-ms-high-contrast:black-on-white) { .mat-checkbox-checkmark-path { stroke: #000!important } } .mat-checkbox-mixedmark { background-color: #fafafa } .mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { background-color: #3f51b5 } .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color: #ff4081 } .mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.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-disabled .mat-checkbox-label { color: rgba(0,0,0,.54) } @media (-ms-high-contrast:active) { .mat-checkbox-background { background: 0 0 } } .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element { background-color: #3f51b5 } .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { background-color: #ff4081 } .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element { background-color: #f44336 } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0,0,0,.87) } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0,0,0,.87); opacity: .4 } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12) } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: .54 } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: .4 } .mat-chip.mat-standard-chip::after { background: #000 } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #3f51b5; color: #fff } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: #fff; opacity: .4 } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background: rgba(255,255,255,.1) } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: #fff } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: #fff; opacity: .4 } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background: rgba(255,255,255,.1) } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: #fff } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: #fff; opacity: .4 } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background: rgba(255,255,255,.1) } .mat-table { background: #fff } .mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row { background: inherit } mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell { border-bottom-color: rgba(0,0,0,.12) } .mat-header-cell { color: rgba(0,0,0,.54) } .mat-cell,.mat-footer-cell { color: rgba(0,0,0,.87) } .mat-calendar-arrow { border-top-color: rgba(0,0,0,.54) } .mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle { color: rgba(0,0,0,.54) } .mat-calendar-table-header { color: rgba(0,0,0,.38) } .mat-calendar-table-header-divider::after { background: rgba(0,0,0,.12) } .mat-calendar-body-label { color: rgba(0,0,0,.54) } .mat-calendar-body-cell-content { color: rgba(0,0,0,.87); border-color: transparent } .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { color: rgba(0,0,0,.38) } .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0,0,0,.04) } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0,0,0,.38) } .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0,0,0,.18) } .mat-calendar-body-selected { background-color: #3f51b5; color: #fff } .mat-calendar-body-disabled>.mat-calendar-body-selected { background-color: rgba(63,81,181,.4) } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #fff } .mat-datepicker-content { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12); background-color: #fff; color: rgba(0,0,0,.87) } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: #fff } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected { background-color: rgba(255,64,129,.4) } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #fff } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: #fff } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected { background-color: rgba(244,67,54,.4) } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #fff } .mat-datepicker-content-touch { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12) } .mat-datepicker-toggle-active { color: #3f51b5 } .mat-datepicker-toggle-active.mat-accent { color: #ff4081 } .mat-datepicker-toggle-active.mat-warn { color: #f44336 } .mat-dialog-container { box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); background: #fff; color: rgba(0,0,0,.87) } .mat-divider { border-top-color: rgba(0,0,0,.12) } .mat-divider-vertical { border-right-color: rgba(0,0,0,.12) } .mat-expansion-panel { background: #fff; color: rgba(0,0,0,.87) } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) } .mat-action-row { border-top-color: rgba(0,0,0,.12) } .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: rgba(0,0,0,.04) } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background:#fff } } .mat-expansion-panel-header-title { color: rgba(0,0,0,.87) } .mat-expansion-indicator::after,.mat-expansion-panel-header-description { color: rgba(0,0,0,.54) } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0,0,0,.26) } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { color: inherit } .mat-form-field-label,.mat-hint { color: rgba(0,0,0,.6) } .mat-form-field.mat-focused .mat-form-field-label { color: #3f51b5 } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081 } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336 } .mat-focused .mat-form-field-required-marker { color: #ff4081 } .mat-form-field-ripple { background-color: rgba(0,0,0,.87) } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #3f51b5 } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081 } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336 } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #3f51b5 } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081 } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after,.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent { color: #f44336 } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336 } .mat-error { color: #f44336 } .mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint { color: rgba(0,0,0,.54) } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; background-color: rgba(0,0,0,.42) } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent)); background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0); background-size: 4px 100%; background-repeat: repeat-x } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0,0,0,.42) } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent)); background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0); background-size: 4px 100%; background-repeat: repeat-x } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0,0,0,.04) } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0,0,0,.02) } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0,0,0,.42) } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0,0,0,.38) } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0,0,0,.12) } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0,0,0,.87) } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #3f51b5 } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081 } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336 } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0,0,0,.38) } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0,0,0,.06) } .mat-icon.mat-primary { color: #3f51b5 } .mat-icon.mat-accent { color: #ff4081 } .mat-icon.mat-warn { color: #f44336 } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0,0,0,.54) } .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled { color: rgba(0,0,0,.38) } .mat-input-element { caret-color: #3f51b5 } .mat-input-element::-ms-input-placeholder { color: rgba(0,0,0,.42) } .mat-input-element::placeholder { color: rgba(0,0,0,.42) } .mat-input-element::-moz-placeholder { color: rgba(0,0,0,.42) } .mat-input-element::-webkit-input-placeholder { color: rgba(0,0,0,.42) } .mat-input-element:-ms-input-placeholder { color: rgba(0,0,0,.42) } .mat-accent .mat-input-element { caret-color: #ff4081 } .mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element { caret-color: #f44336 } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336 } .mat-list-base .mat-list-item,.mat-list-base .mat-list-option { color: rgba(0,0,0,.87) } .mat-list-base .mat-subheader { font-family: Roboto,"Helvetica Neue",sans-serif; font-size: 14px; font-weight: 500; color: rgba(0,0,0,.54) } .mat-list-item-disabled { background-color: #eee } .mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover { background: rgba(0,0,0,.04) } .mat-menu-panel { background: #fff } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) } .mat-menu-item { background: 0 0; color: rgba(0,0,0,.87) } .mat-menu-item[disabled],.mat-menu-item[disabled]::after { color: rgba(0,0,0,.38) } .mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after { color: rgba(0,0,0,.54) } .mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]) { background: rgba(0,0,0,.04) } .mat-paginator { background: #fff } .mat-paginator,.mat-paginator-page-size .mat-select-trigger { color: rgba(0,0,0,.54) } .mat-paginator-decrement,.mat-paginator-increment { border-top: 2px solid rgba(0,0,0,.54); border-right: 2px solid rgba(0,0,0,.54) } .mat-paginator-first,.mat-paginator-last { border-top: 2px solid rgba(0,0,0,.54) } .mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0,0,0,.38) } .mat-progress-bar-background { fill: #c5cae9 } .mat-progress-bar-buffer { background-color: #c5cae9 } .mat-progress-bar-fill::after { background-color: #3f51b5 } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #ff80ab } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #ff80ab } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081 } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #ffcdd2 } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2 } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336 } .mat-progress-spinner circle,.mat-spinner circle { stroke: #3f51b5 } .mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle { stroke: #ff4081 } .mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle { stroke: #f44336 } .mat-radio-outer-circle { border-color: rgba(0,0,0,.54) } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #3f51b5 } .mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #3f51b5 } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081 } .mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081 } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336 } .mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336 } .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle { border-color: rgba(0,0,0,.38) } .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { background-color: rgba(0,0,0,.38) } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0,0,0,.38) } .mat-radio-button .mat-ripple-element { background-color: #000 } .mat-select-value { color: rgba(0,0,0,.87) } .mat-select-placeholder { color: rgba(0,0,0,.42) } .mat-select-disabled .mat-select-value { color: rgba(0,0,0,.38) } .mat-select-arrow { color: rgba(0,0,0,.54) } .mat-select-panel { background: #fff } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0,0,0,.12) } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #3f51b5 } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081 } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,.mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336 } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0,0,0,.38) } .mat-drawer-container { background-color: #fafafa; color: rgba(0,0,0,.87) } .mat-drawer { background-color: #fff; color: rgba(0,0,0,.87) } .mat-drawer.mat-drawer-push { background-color: #fff } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12) } .mat-drawer-side { border-right: 1px solid rgba(0,0,0,.12) } .mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side { border-left: 1px solid rgba(0,0,0,.12); border-right: none } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: 1px solid rgba(0,0,0,.12) } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0,0,0,.6) } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081 } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255,64,129,.54) } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081 } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #3f51b5 } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(63,81,181,.54) } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #3f51b5 } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336 } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244,67,54,.54) } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336 } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: #000 } .mat-slide-toggle-thumb { box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); background-color: #fafafa } .mat-slide-toggle-bar { background-color: rgba(0,0,0,.38) } .mat-slider-track-background { background-color: rgba(0,0,0,.26) } .mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill { background-color: #3f51b5 } .mat-primary .mat-slider-thumb-label-text { color: #fff } .mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill { background-color: #ff4081 } .mat-accent .mat-slider-thumb-label-text { color: #fff } .mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill { background-color: #f44336 } .mat-warn .mat-slider-thumb-label-text { color: #fff } .mat-slider-focus-ring { background-color: rgba(255,64,129,.2) } .cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background { background-color: rgba(0,0,0,.38) } .mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0,0,0,.26) } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(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: rgba(0,0,0,.87) } .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,.26) } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0,0,0,.26); background-color: transparent } .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { border-color: rgba(0,0,0,.38) } .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0,0,0,.26) } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0,0,0,.7) } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent); background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent) } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent) } .mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover { background-color: rgba(0,0,0,.04) } @media (hover: none) { .mat-step-header:hover { background:0 0 } } .mat-step-header .mat-step-label,.mat-step-header .mat-step-optional { color: rgba(0,0,0,.54) } .mat-step-header .mat-step-icon { background-color: rgba(0,0,0,.54); color: #fff } .mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit { background-color: #3f51b5; color: #fff } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336 } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0,0,0,.87) } .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336 } .mat-stepper-horizontal,.mat-stepper-vertical { background-color: #fff } .mat-stepper-vertical-line::before { border-left-color: rgba(0,0,0,.12) } .mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line { border-top-color: rgba(0,0,0,.12) } .mat-sort-header-arrow { color: #757575 } .mat-tab-header,.mat-tab-nav-bar { border-bottom: 1px solid rgba(0,0,0,.12) } .mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar { border-top: 1px solid rgba(0,0,0,.12); border-bottom: none } .mat-tab-label,.mat-tab-link { color: rgba(0,0,0,.87) } .mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled { color: rgba(0,0,0,.38) } .mat-tab-header-pagination-chevron { border-color: rgba(0,0,0,.87) } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0,0,0,.38) } .mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197,202,233,.3) } .mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #3f51b5 } .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: #fff } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255,128,171,.3) } .mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081 } .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: #fff } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255,205,210,.3) } .mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336 } .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: #fff } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197,202,233,.3) } .mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links { background-color: #3f51b5 } .mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link { color: #fff } .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { border-color: #fff } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255,255,255,.12) } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255,128,171,.3) } .mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links { background-color: #ff4081 } .mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link { color: #fff } .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { border-color: #fff } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255,255,255,.12) } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255,205,210,.3) } .mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links { background-color: #f44336 } .mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link { color: #fff } .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { border-color: #fff } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255,255,255,.4) } .mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255,255,255,.12) } .mat-toolbar { background: #f5f5f5; color: rgba(0,0,0,.87) } .mat-toolbar.mat-primary { background: #3f51b5; color: #fff } .mat-toolbar.mat-accent { background: #ff4081; color: #fff } .mat-toolbar.mat-warn { background: #f44336; color: #fff } .mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline { background-color: currentColor } .mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value { color: inherit } .mat-toolbar .mat-input-element { caret-color: currentColor } .mat-tooltip { background: rgba(97,97,97,.9) } .mat-tree { font-family: Roboto,"Helvetica Neue",sans-serif; background: #fff } .mat-nested-tree-node,.mat-tree-node { font-weight: 400; font-size: 14px; color: rgba(0,0,0,.87) } .mat-snack-bar-container { color: rgba(255,255,255,.7); background: #323232; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12) } .mat-simple-snackbar-action { color: #ff4081 } * { margin: 0; padding: 0 } a { color: inherit; text-decoration: inherit; cursor: pointer } body { background: #181c22; font-size: 1em; font-family: Roboto,sans-serif; letter-spacing: .3px; line-height: 1.5 } .fl-ri { float: right } .fl-le { float: left } .ta-ri { text-align: right } .text-center { text-align: center } .text-left { text-align: left } .text-right { text-align: right!important } .margin-auto { margin: auto } .nopadding { padding: 0!important } .nomargin { margin: 0!important } .height-100 { height: 100px!important } .height-200 { height: 200px!important } .nopadding-sides { padding-left: 0; padding-right: 0 } .display-block { display: block!important } .chubby { grid-column-end: span 2 } .top-margin-20 { margin-top: 20px!important } .top-margin-10 { margin-top: 10px!important } .color-green { color: green } .color-lighten { color: rgba(255,255,255,.7) } .color-grey { color: #888 } .color-lightBlue { color: #3264a0 } .background-lightBlue { background-color: #3264a0 } .background-white { background-color: #fff } .color-blue { color: #3264a0 } .color-red { color: #b20000 } .color-tomato { color: tomato!important } .form-divider { background: #ddd; height: 1px; border: 0; margin: 15px 0 20px; display: block } .text-shadow { text-shadow: 0 0 5px rgba(0,0,0,.3) } .text-shadow-thick { text-shadow: 0 0 5px #000 } .text-shadow-white { text-shadow: 0 0 5px #fff } .size-10 { font-size: 10px } .size-32 { font-size: 32px } .grid { display: grid; grid-template-columns: repeat(24,1fr) } .grid-gap-10 { grid-gap: 10px } .grid-gap-20 { grid-gap: 20px } .content { display: grid; grid-template-columns: repeat(24,1fr); grid-template-rows: -webkit-min-content; grid-template-rows: min-content; grid-gap: 15px; padding: 20px } @media only screen and (max-width: 1750px) { .content,.grid { display:grid; grid-template-columns: repeat(12,1fr) } } @media only screen and (max-width: 1024px) { .content,.grid { display:grid; grid-template-columns: repeat(6,1fr) } } @media only screen and (max-width: 800px) { #page { grid-template-columns:1fr!important; grid-template-rows: 50px -webkit-min-content auto 50px!important; grid-template-rows: 50px min-content auto 50px!important } .cshalf,.csquarterthird,.csthird,.csthreequarters,.cstwothirds { grid-column: 1/-1!important } .content { grid-template-columns: 1fr!important; padding: 0 } .grid { grid-template-columns: 1fr!important } main { grid-row: 2/span 1!important } #wrapper { padding: 0!important } } .cs1 { grid-column-end: span 2 } .cs2 { grid-column-end: span 4 } .cs3 { grid-column-end: span 6 } .cs4 { grid-column-end: span 8 } .cs5 { grid-column-end: span 10 } .cs6 { grid-column-end: span 12 } .cs7 { grid-column-end: span 14 } .cs8 { grid-column-end: span 16 } .cs9 { grid-column-end: span 18 } .cs10 { grid-column-end: span 20 } .cs11 { grid-column-end: span 22 } .cs12 { grid-column-end: span 24 } .cs-1 { grid-column: 1/-1 } .csthird { grid-column-end: span 8 } .csquarter { grid-column-end: span 6 } .cstwothirds { grid-column-end: span 16 } .csthreequarters { grid-column-end: span 18 } .cshalf { grid-column-end: span 12 } .csquarterthird { grid-column-end: span 6 } .cstwothirdsfull { grid-column-end: span 16 } @media only screen and (max-width: 1750px) { .csthird { grid-column-end:span 4 } .cshalf { grid-column-end: span 6 } .csquarter { grid-column-end: span 3 } .csquarterthird { grid-column-end: span 4 } .cstwothirds { grid-column-end: span 8 } .csthreequarters { grid-column-end: span 9 } .cstwothirdsfull { grid-column-end: span 12 } } label { display: block; margin-bottom: 5px; font-size: 14px } section { height: -webkit-min-content; height: -moz-min-content; height: min-content; border-radius: 5px; padding: 10px; position: relative; margin: 0; font-size: 14px; border: 1px solid #dce7ed } section a { text-decoration: none; color: #064e63; font-weight: 700 } section ul li { padding-bottom: 5px } section .content { padding: 5px } section h3 { font-size: 18px; display: inline-block; color: #333 } section h3.section-header { display: block; border-bottom: 3px solid #102b31; background: #fff; padding: 5px } section.fat { grid-column-end: -1; grid-column-start: 1 } section.transparent { background: 0 0; border: none } section.header { background: 0 0; border: none; border-bottom: 1px solid #ddd; border-radius: 0; grid-column: 1/-1; padding: 0 0 15px; margin-bottom: 5px } .section-description { background: rgba(0,0,0,.4); color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; font-size: 14px } .inherit-color { color: inherit!important } .no-list-style>li { list-style: none } .display-block-children>* { display: block } .section-border-gradient { border-top: 5px solid #3264a0!important; border-radius: 3px; margin-bottom: 10px; color: #111; background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,38,61,.05)),to(rgba(0,0,0,0)))!important; background: linear-gradient(to bottom,rgba(30,38,61,.05),rgba(0,0,0,0))!important } .border-color-transparent { border: none!important } .border-color-grey { border-color: grey!important } .border-color-green { border-color: green!important } .border-color-darkred { border-color: #8b0000!important } .border-color-darkblue { border-color: #1e263d!important } .border-color-discord { border-color: #7289da!important } .border-color-forum { border-color: #8db1c4!important } .color-darkred { color: #8b0000!important } .border-color-tomato { border-color: tomato!important } .bold { font-weight: 700 } .width-100 { width: 100% } .width-50 { width: 50%!important } .color-discord { color: #7289da } .color-teamspeak { color: #87acba } .color-forum { color: #4169e1 } .fading { opacity: 0; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out all } .color-black { color: #000 } .color-white { color: #fff } .color-orange { color: orange } .color-darkGrey { color: #666 } .padding-bottom-10 { padding-bottom: 10px } .margin-left-10 { margin-left: 10px } .margin-right-10 { margin-right: 10px } .margin-left-20 { margin-left: 20px } .margin-bottom-10 { margin-bottom: 10px } .margin-top-30 { margin-top: 30px } .margin-top-20 { margin-top: 20px } .margin-top-10 { margin-top: 10px } .margin-bottom-20 { margin-bottom: 20px } .child-margin-auto>* { margin: auto } .cursor-pointer { cursor: Pointer; outline: 0 } .padding-15 { padding: 15px!important } .padding-10 { padding: 10px!important } .margin-10 { margin: 10px!important } .padding-8 { padding: 8px!important } .padding-5 { padding: 5px!important } .commaList ::after { content: ", " } .commaList :nth-last-child(1)::after { content: "" } .blurry { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px) } .pulse-opacity { display: inline-block; -webkit-animation: 2s linear infinite pulse; animation: 2s linear infinite pulse } @-webkit-keyframes pulse { 0%,100% { opacity: 1 } 50% { opacity: 0 } } @keyframes pulse { 0%,100% { opacity: 1 } 50% { opacity: 0 } } .content-header { background: #f5f5f5; padding: 20px; border-bottom: 1px solid #ddd; box-shadow: 0 0 10px 0 rgba(0,0,0,.09) } .content-header h3 { display: inline; font-size: 1.5em; color: #333; font-weight: 500 } .opacity-05 { opacity: .5 } textarea { display: block; width: 100%; border: 1px solid #eee; font-size: 1em; line-height: 1.5; padding: 10px; box-sizing: border-box; margin: 20px 0 } .text-block { white-space: pre-line; font-size: 1em; line-height: 1.5 } .dataTables_paginate { float: right; padding: 10px } .dataTables_paginate .paginate_button { background: #fff; padding: 5px 10px; margin-left: 10px; margin-top: 10px; display: inline-block; box-shadow: 2px 2px 5px 0 rgba(0,0,0,.12); text-transform: uppercase; font-weight: 500; font-size: .8em } .dataTables_paginate .disabled { color: #888 } .similarity-highlight.sh-level-1 { background: #ff0 } .similarity-highlight.sh-level-2 { background: rgba(255,165,0,.51) } .similarity-highlight.sh-level-3 { background: rgba(255,99,71,.51) } .similarity-highlight.sh-level-4 { background: rgba(255,69,0,.51) } .similarity-highlight.sh-level-5 { background: rgba(255,0,0,.51) } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .clearfix { display: inline-block } html[xmlns] .clearfix { display: block } * html .clearfix { height: 1% } .strongish { font-weight: 500 } .doublegrid { display: grid; grid-template-columns: 1fr 1fr; width: 100% } .card { background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.75)),to(rgba(255,255,255,.4))); background: linear-gradient(to bottom,rgba(255,255,255,.75),rgba(255,255,255,.4)); border: none; box-shadow: 2px 2px 7px 0 rgba(0,0,0,.15); border-top: 5px solid #3264a0; border-radius: 3px; padding: 10px; position: relative } .card-title { display: block; font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.15); font-size: 1.25em } .card-title.flexy { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline } .section-category { grid-column: 1/-1; padding: 10px 0; margin: 20px 0; border-bottom: 1px solid #ddd } .section-category h4 { font-size: 1.5em; font-weight: 500; color: #333; margin: 0 10px; display: inline-block; outline: 0 } .section-category.tabs h4 { font-weight: 400; cursor: pointer; font-size: 1em } .section-category.tabs .selected { font-weight: 500; text-shadow: 0 5px 10px rgba(0,0,0,.15); border-bottom: 2px solid #55a9fe } .section-category:first-child { padding-top: 0; margin-top: 0 } table { border: none; width: 100%; font-size: 15px; background: #fff; box-shadow: 2px 2px 10px 0 rgba(0,0,0,.15) } th { color: #888; text-transform: capitalize; font-weight: 700; text-align: left; font-size: 14px; padding: 10px; border: none } tr { background: #fff } tr:not(:last-child) td { border-bottom: 1px solid #eee } tr.child,tr:hover { background: #f5f5f5 } .highlighted { font-weight: 700!important } td { border: none; padding: 10px } table.onedimension { background: 0 0; box-shadow: none } table.onedimension td:nth-child(1) { font-weight: 700 } table.onedimension tr { vertical-align: top; background: 0 0!important } table.onedimension tr td:nth-child(odd) { font-weight: 700; min-width: 90px } table.onedimension td { padding: 5px 0; border: none } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica,Arial,sans-serif; font-size: 13px; height: 100%; margin: 0; position: relative } .ql-container.ql-disabled .ql-tooltip { visibility: hidden } .ql-container.ql-disabled .ql-editor ul[data-checked]>li::before { pointer-events: none } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50% } .ql-clipboard p { margin: 0; padding: 0 } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: 0; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word } .ql-editor>* { cursor: text } .ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .ql-editor ol,.ql-editor ul { padding-left: 1.5em } .ql-editor ol>li,.ql-editor ul>li { list-style-type: none } .ql-editor ul>li::before { content: '\2022' } .ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true] { pointer-events: none } .ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li * { pointer-events: all } .ql-editor ul[data-checked=false]>li::before,.ql-editor ul[data-checked=true]>li::before { color: #777; cursor: pointer; pointer-events: all } .ql-editor ul[data-checked=true]>li::before { content: '\2611' } .ql-editor ul[data-checked=false]>li::before { content: '\2610' } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: .3em; text-align: right } .ql-editor li.ql-direction-rtl::before { margin-left: .3em; margin-right: -1.5em } .ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em } .ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl { padding-right: 1.5em } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0 } .ql-editor ol li:before { content: counter(list-0,decimal) '. ' } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .ql-editor ol li.ql-indent-1:before { content: counter(list-1,lower-alpha) '. ' } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .ql-editor ol li.ql-indent-2:before { content: counter(list-2,lower-roman) '. ' } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; counter-reset: list-4 list-5 list-6 list-7 list-8 list-9 } .ql-editor ol li.ql-indent-3:before { content: counter(list-3,decimal) '. ' } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; counter-reset: list-5 list-6 list-7 list-8 list-9 } .ql-editor ol li.ql-indent-4:before { content: counter(list-4,lower-alpha) '. ' } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; counter-reset: list-6 list-7 list-8 list-9 } .ql-editor ol li.ql-indent-5:before { content: counter(list-5,lower-roman) '. ' } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; counter-reset: list-7 list-8 list-9 } .ql-editor ol li.ql-indent-6:before { content: counter(list-6,decimal) '. ' } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; counter-reset: list-8 list-9 } .ql-editor ol li.ql-indent-7:before { content: counter(list-7,lower-alpha) '. ' } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; counter-reset: list-9 } .ql-editor ol li.ql-indent-8:before { content: counter(list-8,lower-roman) '. ' } .ql-editor ol li.ql-indent-9 { counter-increment: list-9 } .ql-editor ol li.ql-indent-9:before { content: counter(list-9,decimal) '. ' } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em } .ql-editor .ql-video { display: block; max-width: 100% } .ql-editor .ql-video.ql-align-center { margin: 0 auto } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto } .ql-editor .ql-bg-black { background-color: #000 } .ql-editor .ql-bg-red { background-color: #e60000 } .ql-editor .ql-bg-orange { background-color: #f90 } .ql-editor .ql-bg-yellow { background-color: #ff0 } .ql-editor .ql-bg-green { background-color: #008a00 } .ql-editor .ql-bg-blue { background-color: #06c } .ql-editor .ql-bg-purple { background-color: #93f } .ql-editor .ql-color-white { color: #fff } .ql-editor .ql-color-red { color: #e60000 } .ql-editor .ql-color-orange { color: #f90 } .ql-editor .ql-color-yellow { color: #ff0 } .ql-editor .ql-color-green { color: #008a00 } .ql-editor .ql-color-blue { color: #06c } .ql-editor .ql-color-purple { color: #93f } .ql-editor .ql-font-serif { font-family: Georgia,Times New Roman,serif } .ql-editor .ql-font-monospace { font-family: Monaco,Courier New,monospace } .ql-editor .ql-size-small { font-size: .75em } .ql-editor .ql-size-large { font-size: 1.5em } .ql-editor .ql-size-huge { font-size: 2.5em } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit } .ql-editor .ql-align-center { text-align: center } .ql-editor .ql-align-justify { text-align: justify } .ql-editor .ql-align-right { text-align: right } .ql-editor.ql-blank::before { color: rgba(0,0,0,.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px } .ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after { clear: both; content: ''; display: table } .ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button { background: 0 0; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px } .ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg { float: left; height: 100% } .ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover { outline: 0 } .ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file] { display: none } .ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover { color: #06c } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill { fill: #06c } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter { stroke: #06c } @media (pointer: coarse) { .ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active) { color:#444 } .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444 } .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444 } } .ql-snow,.ql-snow * { box-sizing: border-box } .ql-snow .ql-hidden { display: none } .ql-snow .ql-out-bottom,.ql-snow .ql-out-top { visibility: hidden } .ql-snow .ql-tooltip { position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px) } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; line-height: 26px } .ql-snow .ql-tooltip.ql-flip { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .ql-snow .ql-formats { display: inline-block; vertical-align: middle } .ql-snow .ql-formats:after { clear: both; content: ''; display: table } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2 } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2 } .ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill { fill: #444 } .ql-snow .ql-empty { fill: none } .ql-snow .ql-even { fill-rule: evenodd } .ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin { stroke-width: 1 } .ql-snow .ql-transparent { opacity: .4 } .ql-snow .ql-direction svg:last-child { display: none } .ql-snow .ql-direction.ql-active svg:last-child { display: inline } .ql-snow .ql-direction.ql-active svg:first-child { display: none } .ql-snow .ql-editor h1 { font-size: 2em } .ql-snow .ql-editor h2 { font-size: 1.5em } .ql-snow .ql-editor h3 { font-size: 1.17em } .ql-snow .ql-editor h4 { font-size: 1em } .ql-snow .ql-editor h5 { font-size: .83em } .ql-snow .ql-editor h6 { font-size: .67em } .ql-snow .ql-editor a { text-decoration: underline } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px } .ql-snow .ql-editor code,.ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible } .ql-snow .ql-editor img { max-width: 100% } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100% } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2 } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1 } .ql-snow .ql-color-picker,.ql-snow .ql-icon-picker { width: 28px } .ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px } .ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0 } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0; width: 16px } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px } .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before { content: attr(data-label) } .ql-snow .ql-picker.ql-header { width: 98px } .ql-snow .ql-picker.ql-header .ql-picker-item::before,.ql-snow .ql-picker.ql-header .ql-picker-label::before { content: 'Normal' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before { content: 'Heading 1' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before { content: 'Heading 2' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before { content: 'Heading 3' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before { content: 'Heading 4' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before { content: 'Heading 5' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before { content: 'Heading 6' } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: .83em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: .67em } .ql-snow .ql-picker.ql-font { width: 108px } .ql-snow .ql-picker.ql-font .ql-picker-item::before,.ql-snow .ql-picker.ql-font .ql-picker-label::before { content: 'Sans Serif' } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before { content: 'Serif' } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before { content: 'Monospace' } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia,Times New Roman,serif } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco,Courier New,monospace } .ql-snow .ql-picker.ql-size { width: 98px } .ql-snow .ql-picker.ql-size .ql-picker-item::before,.ql-snow .ql-picker.ql-size .ql-picker-label::before { content: 'Normal' } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before { content: 'Small' } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before { content: 'Large' } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before { content: 'Huge' } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000 } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; padding: 8px } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,.2) 0 2px 8px } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000 } .ql-toolbar.ql-snow+.ql-container.ql-snow { border-top: 0 } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0; padding: 3px 5px; width: 170px } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px } .ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0; content: 'Save'; padding-right: 0 } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:" } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:" } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:" } .ql-snow a { color: #06c } .ql-container.ql-snow { border: 1px solid #ccc } /* FILE ARCHIVED ON 21:45:19 Mar 14, 2020 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:26:32 Jun 18, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 296.545 exclusion.robots: 0.099 exclusion.robots.policy: 0.091 RedisCDXSource: 21.821 esindex: 0.01 LoadShardBlock: 250.9 (3) PetaboxLoader3.datanode: 296.257 (4) CDXLines.iter: 21.501 (3) load_resource: 115.593 PetaboxLoader3.resolve: 38.581 */ .popper[_ngcontent-tnh-c158] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; color: #333; z-index: 1000; display: flex; overflow-y: auto; } .popper[_ngcontent-tnh-c158]::after { content: ""; background: linear-gradient(to bottom, rgba(50, 100, 160, 0.15), rgba(50, 100, 160, 0.15)), url("/assets/images/gunbg.png"); position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; z-index: 1000; } .popup[_ngcontent-tnh-c158] { background: white; z-index: 1001; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2); border-radius: 3px; position: relative; margin: auto; width: 600px; overflow: auto; } .popup-content[_ngcontent-tnh-c158] { padding: 20px; } header[_ngcontent-tnh-c158] { text-align: left; padding: 20px; border-bottom: 1px solid #eee; font-weight: 500; color: #333; background: #f5f5f5; border-radius: 3px 3px 0 0; display: flex; justify-content: space-between; } .close[_ngcontent-tnh-c158] { cursor: pointer; color: #888; } .close[_ngcontent-tnh-c158]:hover { color: #111; } .popup-form[_ngcontent-tnh-c158] { padding: 20px 0 10px 0; } .popup-form[_ngcontent-tnh-c158] input[_ngcontent-tnh-c158] { border: 0; border-radius: 5px; width: 100%; display: block; height: 30px; } .buttons[_ngcontent-tnh-c158] { width: 100%; text-align: right; margin-top: 20px; } .buttons[_ngcontent-tnh-c158]>*[_ngcontent-tnh-c158] { padding-left: 10px; }